過去從實踐與反省中得來(lái)的經驗之談，不妨講講。
1、定位
第一(yī)條和界面設計沒關(guān)系，和定位有關(guān)系。做網媒最大的陷阱就(jiù)是“貪”，從平媒轉網媒的人(rén)尤其貪，覺得内容容量無限大，轉載成本無限低(dī)，什(shén)麽東西(xī)都想往裏邊塞。但(dàn)你的推廣位是有限的，最多20條；你的要聞區也(yě)是有限的，最多30條；二三十條内容想傳遞清晰有力的媒體(tǐ)形象，必然貪心不得，有所取舍。取舍之道并不取決于你有怎樣的内容情懷，而是針對主站(zhàn)用戶群去作(zuò)因地制宜的篩選。
有人(rén)說(shuō)，除了(le)推廣位和要聞區，我還有更多的欄目區塊和欄目頁面嘛。此話(huà)謬矣。推廣位和要聞區是新(xīn)用戶接觸你的必經之路(lù)，也(yě)是整個(gè)頻道的門面。挂羊頭賣狗肉這(zhè)種事(shì)情，沒得好(hǎo)(hǎo)下(xià)場(chǎng)。所以“定位”的加減法，是考驗頻道主編的核心能(néng)力。
2、通透
設計内容頁面，最重要的術語是“通透”，意思是從上(shàng)至下(xià)保持統一(yī)的分(fēn)欄布局，同時(shí)在主欄維持相似的内容樣式。通透的好(hǎo)(hǎo)處是容易形成浏覽慣性，用戶從上(shàng)往下(xià)拉的過程中沒有跳(tiào)躍感，隔斷感，即便閱讀沖動漸漸淡化(huà)，也(yě)還是習慣性地一(yī)直拉下(xià)去，增加接觸新(xīn)内容的機會。
很多網媒人(rén)喜歡追求内容的視(shì)覺表現(xiàn)力，希望在樣式上(shàng)與衆不同，鶴立雞群。我以前也(yě)犯過這(zhè)毛病。以一(yī)個(gè)過來(lái)人(rén)的身(shēn)份告訴你，這(zhè)很蠢。樣式追求基本上(shàng)就(jiù)是自我陶醉，越是與衆不同，越多理(lǐ)解障礙。内容視(shì)圖統一(yī)有助于用戶高效率地獲取信息，浏覽過程越是簡潔流暢，則PV越高，用戶停留時(shí)間(jiān)也(yě)越長。視(shì)覺上(shàng)的賣弄隻會産生(shēng)更多的“隔斷”——這(zhè)不會引起不适，但(dàn)産生(shēng)了(le)“一(yī)頓一(yī)頓”的不良節奏。跨欄總不如(rú)長跑持久。
3、頭條
内容頁面的結構千篇一(yī)律，首先是要聞區，後面跟一(yī)長排欄目區塊。前文提到的老同事(shì)來(lái)與我討(tǎo)論要聞區頭條的設計，按舊例有兩種思路(lù)：大頭條下(xià)面放(fàng)摘要，或是大頭條下(xià)面放(fàng)12px的小頭條。前者不可取，15-20字的标題都講不清楚賣點，難道還有資格上(shàng)頭條？摘要堆在下(xià)面隻能(néng)說(shuō)視(shì)覺上(shàng)比較美觀，但(dàn)浪費了(le)寸土(tǔ)寸金(jīn)的頭屏要聞空間(jiān)。
如(rú)果放(fàng)12px的小頭條，按照理(lǐ)想化(huà)的設計思路(lù)，應該是頭條相關(guān)報(bào)道，合并成微型專題，讓用戶快(kuài)速接觸到更多同主題的内容。但(dàn)有時(shí)候就(jiù)是找不到有分(fēn)量的，對應這(zhè)頭條的相關(guān)報(bào)道，隻好(hǎo)(hǎo)放(fàng)一(yī)些(xiē)近似報(bào)道上(shàng)去，效果不甚理(lǐ)想。因此小頭條不宜多，網易新(xīn)聞與新(xīn)浪新(xīn)聞通常控制在一(yī)行（3-4條），既有微型專題的效果，又不太發愁編排的難度。
4、欄目
網媒運營有個(gè)常見的錯誤，用内容的物理(lǐ)屬性來(lái)劃分(fēn)欄目，覺得它就(jiù)應該是A類B類C類。這(zhè)個(gè)取向背離了(le)欄目設置的初衷。為(wèi)什(shén)麽頻道下(xià)面要設欄目？因為(wèi)用戶特别愛看某一(yī)類型的内容，你用欄目将這(zhè)批内容歸納起來(lái)，方便用戶查找。所以欄目的劃分(fēn)标準，隻能(néng)以用戶的檢索标準為(wèi)依據。他們愛搜哪些(xiē)類型的内容，你就(jiù)劃分(fēn)出哪些(xiē)方面的欄目。
說(shuō)白了(le)，網媒是信息服務(wù)行業，基本不具備平媒的啓發性，指引性。網媒需要服務(wù)于用戶的直接需求而不是攬鏡自賞，需要多研究你的用戶，而不是去炫耀你的才華。
5、落點
再介紹一(yī)個(gè)内容頁面設計的術語：“落點”。用戶視(shì)線的落點在哪裏？在前三屏，用戶浏覽的耐心比較多，願意逐條往下(xià)讀。再往後則耐心不斷衰竭，有可能(néng)飛快(kuài)地拉到自己常去的欄目區塊。因此欄目區塊應該有醒目的區隔标識，方便用戶定位。
還有種用戶習慣是飛快(kuài)地把頁面拉到底，因此欄目區塊宜加入頭條設計，讓頁面在快(kuài)速滾動的過程中，視(shì)線容易被一(yī)些(xiē)突出的内容元素攔截下(xià)來(lái)。“頭條”是攔截注意力又不産生(shēng)隔斷感的最佳形式。
6、還是落點
接着講落點。當視(shì)線定在一(yī)個(gè)點之後，餘光通常會以這(zhè)個(gè)點為(wèi)軸心，掃射到附近的一(yī)小片位置。有經驗者的設計者會在中欄放(fàng)頭條，左欄和右欄放(fàng)少量圖片，或表格，或刻意留白，設置适度的落點。左欄和右欄的圖片不能(néng)多，尤其不能(néng)争功，在同一(yī)條水平線上(shàng)，左輕則右重，右輕則左重，引導用戶的視(shì)線更多在左中，或中右的兩欄之間(jiān)移動。
這(zhè)是因為(wèi)閱讀的最佳寬度是500-600px，如(rú)果眼球左右轉動的距離過長，眼部很容易疲累，從左欄到右欄橫向的大跳(tiào)躍應極力避免。頁面上(shàng)到處都是落點的話(huà)，視(shì)線飄忽，看似琳琅滿目，卻降低(dī)了(le)用戶的浏覽耐心與停留時(shí)間(jiān)。
7、下(xià)劃線
我以前在知乎回答(dá)過一(yī)個(gè)問題，為(wèi)什(shén)麽網易新(xīn)聞不帶下(xià)劃線，新(xīn)浪帶下(xià)劃線？當時(shí)的回答(dá)内容有點長，挑緊要的再講一(yī)次。帶下(xià)劃線的優點是容易區分(fēn)同一(yī)行的多條标題，缺點是視(shì)覺上(shàng)過于“漲，滿”而不夠清爽。
因此網易的視(shì)覺風(fēng)格為(wèi)人(rén)稱道，但(dàn)同樣面積内的信息密度比新(xīn)浪更低(dī)。如(rú)果非要一(yī)行放(fàng)多條标題，用戶分(fēn)不清楚到底是一(yī)行多條，還是一(yī)條标題用空格分(fēn)了(le)多截。
8、tab
盡量避免在頻道首頁使用tab。即便在寸土(tǔ)寸金(jīn)的網站(zhàn)首頁，也(yě)要盡量避免tab。在滿屏的圖文鏈接中，用戶注意力落在小小的tab上(shàng)，這(zhè)真不容易。内容直接露出與tab内的點擊量可以相差10倍——隻能(néng)用“聊勝于無”四個(gè)字來(lái)形容。
不過，這(zhè)道理(lǐ)也(yě)并非絕對。tab的設置與欄目相似，針對的是用戶的檢索需求。如(rú)果tab恰好(hǎo)(hǎo)與用戶的檢索關(guān)鍵字相同，相當于他對這(zhè)個(gè)題材的内容高度敏感，就(jiù)有可能(néng)主動點擊tab，總比打開一(yī)個(gè)新(xīn)的頻道或欄目頁面更快(kuài)吧(ba)。在這(zhè)裏權衡的是信息獲取效率。
另外，建議(yì)同一(yī)欄的tab不要超過3個(gè)，否則極不利于用戶的辨識與記憶。
從頁面設計的角度來(lái)講，這(zhè)難題基本無解。信息入口分(fēn)散是大勢所趨，而用戶必然在“浏覽效率”與“内容品質”的雙重驅動下(xià)，尋找自己的最優解。門戶>頻道>欄目的多級索引結構，并不符合這(zhè)個(gè)最優解，内容路(lù)徑的扁平化(huà)是難以阻擋的轉變方向。網絡媒體(tǐ)的舊模式正在受到挑戰，危機與機遇并存。夏末秋初，冬去春來(lái)。