新聞資訊，是平時(shí)大家了解世界的窗口綜合了閱讀社交的元素用戶數(shù)量多，凝度大，活躍性好等特點(diǎn)，所以新聞客戶端是各大巨頭巨頭在社交領(lǐng)域之后都比較關(guān)注的領(lǐng)域。幾乎各大互聯(lián)網(wǎng)公司都推出相應(yīng)的產(chǎn)品，像網(wǎng)易新聞，騰訊新聞，搜狐新聞，百度新聞，新浪新聞，等等很多。布局，交互都很相似。

　　今天小白我以一個(gè)普通用戶的方式說(shuō)說(shuō)網(wǎng)易新聞，騰訊新聞今日頭條的使用體會(huì)吧，及個(gè)人的猜想。如有說(shuō)的不對(duì)的不好的請(qǐng)指正謝謝。

　　新聞資訊類(lèi)的app，主要以瀏覽為主，所以對(duì)頁(yè)面布局要求比較高，保證頁(yè)面內(nèi)容豐富，圖文并茂，而不顯得很擁擠對(duì)比性強(qiáng)而且主次分明。

　　看這三個(gè)app的主內(nèi)容頁(yè)，視野最寬，排版清晰的是的是“今日頭條”，騰訊新聞視野第二寬，但時(shí)內(nèi)容較擁擠，網(wǎng)易新聞內(nèi)容視野最窄，但時(shí)排版較清晰，對(duì)比鮮明，可閱讀行強(qiáng)。為神馬，來(lái)看看數(shù)據(jù)對(duì)比。

　　看三個(gè)軟件的布局（以android720*1280為例），一眼看去，今日頭條的內(nèi)容展示區(qū)最高達(dá)到1070px，其次是騰訊新聞的10270px，再是網(wǎng)易新聞的1000px頭部今日頭條和網(wǎng)易新聞相似，先是標(biāo)題下面是tab切換，在下面是新聞內(nèi)容展示區(qū)。

　　再到底部，和今日頭條不同的是網(wǎng)易新聞還有底部標(biāo)簽導(dǎo)航，記得上一版本的網(wǎng)易新聞和今日頭條一的樣的，把“我”，“閱讀”等入口收錄再抽屜導(dǎo)航里的，這次的改變可能是商業(yè)化的需求突出“試聽(tīng)”“發(fā)現(xiàn)”模塊。

　　騰訊新聞它去掉了標(biāo)題欄，直接以tab切換欄為頂部，下面是內(nèi)容區(qū)域，底部是跟網(wǎng)易新聞一樣的標(biāo)簽航。

　　可以看出網(wǎng)易新聞是綜合了騰訊新聞，今日頭條的布局方式，這是使得它采用壓低標(biāo)題欄，和標(biāo)簽欄的高度的方式達(dá)到較大的內(nèi)容展示空間，網(wǎng)易新聞標(biāo)題欄86px＋tab欄高度66px＝142px，而今日頭條確是標(biāo)題欄88px＋tab欄74px＝162px。下面的標(biāo)簽欄網(wǎng)易新聞的高度是88px，騰訊新聞的標(biāo)簽欄則是108px。所以今日頭條給人可是區(qū)域的新聞內(nèi)容比較多，再tab欄的設(shè)計(jì)上，都是滑動(dòng)的方式，三個(gè)都有自定義添加的下啦模塊，網(wǎng)易新聞是點(diǎn)擊箭頭下啦菜單，騰訊新聞和，今日頭條是另開(kāi)一頁(yè)的方式，個(gè)人比較喜歡網(wǎng)易的方式。不過(guò)今日頭條它為了顯示多個(gè)tab，把＋點(diǎn)擊區(qū)域做的有點(diǎn)小了我按了有時(shí)沒(méi)點(diǎn)中，而網(wǎng)易和騰訊新聞比較少這種情況。

　　從內(nèi)容排版方式看，騰訊新聞和，網(wǎng)易新聞都是上面一個(gè)大圖片但是網(wǎng)易新聞的標(biāo)題文字在圖片外下方高清大圖爽。騰訊新聞的標(biāo)題文字在圖片內(nèi)下發(fā)節(jié)約空間展示更多內(nèi)容，下面是一個(gè)新聞一欄，左圖，右標(biāo)題及副標(biāo)題內(nèi)容的形式，比較符合人眼的閱讀習(xí)慣吧，從左到右的順序，而且據(jù)說(shuō)人的眼睛對(duì)圖片，圖形的感知和識(shí)別度是對(duì)文字的100萬(wàn)倍。所以這可能要求小編配圖要精確，（我不會(huì)告訴你，我是來(lái)看圖的嘻嘻）。而今日頭條跟網(wǎng)易新聞他們相反，左新聞標(biāo)題，右是新聞配圖，這樣它用副標(biāo)題的內(nèi)容空間作為留白，使頁(yè)面簡(jiǎn)約舒服，還增加對(duì)新聞內(nèi)容的退訂操作的按鈕空間。

　　從布局樣式看，“網(wǎng)易新聞”標(biāo)題預(yù)副標(biāo)題的文字對(duì)比大小較“騰訊新聞”合理，由于網(wǎng)易新聞標(biāo)題字體設(shè)定在30px，副標(biāo)題字體為24px且副標(biāo)題顏色＃999999與背景＃f6f6f6拉的比較開(kāi)較“騰訊新聞”標(biāo)題字體32px，副標(biāo)題大小24px，顏色＃989898與背景＃efefef對(duì)比度更強(qiáng)，顯得清新明朗，今日頭條沒(méi)有副標(biāo)題，直接一個(gè)主標(biāo)題，背景用的純白的#ffffff，字體顏色用＃444444.高列表間距，整體舒服。個(gè)人感覺(jué)，今日頭條界面舒服，對(duì)內(nèi)容的自定義性比較強(qiáng)。騰訊，網(wǎng)易新聞排版緊湊充實(shí)。

　　從頁(yè)面加載的操作上，三個(gè)都右下拉刷新的操作，都有自己特點(diǎn)的加載動(dòng)畫(huà)，不過(guò)有點(diǎn)感覺(jué)不耍的使騰訊新聞把搜索操作也做到了下拉操作里，我每次不自覺(jué)下拉要刷新內(nèi)容，它都出來(lái)湊熱鬧，使得我要下啦更長(zhǎng)得距離它應(yīng)該是為了給其他地方導(dǎo)流量，不過(guò)感覺(jué)是在強(qiáng)奸用戶啊，我不要。細(xì)心的朋友會(huì)發(fā)現(xiàn)再次點(diǎn)擊騰訊新聞底標(biāo)簽會(huì)觸發(fā)刷新操作，今日頭條點(diǎn)擊標(biāo)題欄一樣可以刷新加載頁(yè)面的效果，這種方式顯然騰訊的操作更低成本。

　　來(lái)看看新聞詳情頁(yè)點(diǎn)擊相應(yīng)的新聞進(jìn)入新聞內(nèi)頁(yè)，如圖所示，網(wǎng)易新聞，騰訊底部只有一個(gè)評(píng)論輸入框把分享，收藏等功能收了起來(lái)，而今日頭條把各種操作都列在的下邊，個(gè)人喜歡網(wǎng)易新聞的干凈，三個(gè)客戶端都有顯示評(píng)論的數(shù)量，網(wǎng)易的在右上方，加紅底明顯，可以點(diǎn)擊也可以左滑進(jìn)入評(píng)論區(qū)，騰訊則做在評(píng)論框旁邊不過(guò)為什么要加他的微博圖標(biāo)不知道時(shí)評(píng)論數(shù)量啊，可點(diǎn)擊進(jìn)入，也可以左滑進(jìn)入，不過(guò)騰訊新聞的評(píng)論頁(yè)在進(jìn)入新聞頁(yè)時(shí)已經(jīng)加載好了，所以滑動(dòng)很順暢，過(guò)來(lái)就可以看評(píng)論，而網(wǎng)易新聞，滑動(dòng)導(dǎo)評(píng)論頁(yè)時(shí)才加載，而且滑動(dòng)時(shí)有阻力給人一種在努力加載得感覺(jué)，比較省流量的做法，騰訊新聞評(píng)論預(yù)加載好順暢的體驗(yàn)。，今日頭條直接點(diǎn)擊信息圖標(biāo)會(huì)下拉定位在最新評(píng)論位置，再點(diǎn)擊下會(huì)返回到你瀏覽的區(qū)域位置，定位精準(zhǔn)減少頁(yè)面跳躍，也是比較方便的方法。

　　來(lái)看評(píng)論頁(yè)面對(duì)比，三個(gè)評(píng)論排版順序差不多，都是新熱門(mén)評(píng)論，后面是最新評(píng)論把討論最激烈的呈現(xiàn)給用戶都是很好的，細(xì)看網(wǎng)易新聞排版很整齊，沒(méi)太多干擾，騰訊新聞很貼心標(biāo)題欄有顯示你所在哪個(gè)評(píng)論區(qū)并且有附近人的評(píng)論不過(guò)意義不是很大，點(diǎn)擊標(biāo)題文字會(huì)返回頂部。雖然功能多但是給人感覺(jué)很亂太多東西干擾用戶看評(píng)論，還有，騰訊新聞點(diǎn)贊小icon有點(diǎn)大到?jīng)]朋友，各評(píng)論風(fēng)隔線個(gè)人感覺(jué)太深了像卡片式一樣不利于連續(xù)閱讀反觀，網(wǎng)易新聞，今日頭條弱化的風(fēng)隔線突出評(píng)論。今日頭條點(diǎn)贊icon和跟貼icon連在一起達(dá)到了鼓勵(lì)用戶點(diǎn)贊，跟貼的作用，但是也打斷用戶看評(píng)論了，你不知看評(píng)論是跟看熱鬧一樣的，不怕事多。