“內(nèi)容為王”，曾經(jīng)在PC互聯(lián)網(wǎng)時(shí)代喊了很多年，但是卻在移動(dòng)互聯(lián)網(wǎng)中實(shí)現(xiàn)了。現(xiàn)在，訂閱和閱讀公眾號(hào)、打開今日頭條閱讀，似乎已經(jīng)成為手機(jī)用戶的習(xí)慣。這種習(xí)慣也影響了網(wǎng)站設(shè)計(jì)。根據(jù)我們的觀察，不少企業(yè)官網(wǎng)都增加了精品內(nèi)容的數(shù)量；也開始出現(xiàn)更多細(xì)分領(lǐng)域的內(nèi)容型網(wǎng)站、知識(shí)型網(wǎng)站，此類網(wǎng)站設(shè)計(jì)，有哪些值得總結(jié)的經(jīng)驗(yàn)和教訓(xùn)呢？



視覺輔助

單純的閱讀文字，從美感上，會(huì)顯得單調(diào)和乏味，從用戶體驗(yàn)上，也容易導(dǎo)致疲勞；面對大段或者整篇的內(nèi)容，就應(yīng)該想到視覺輔助。
網(wǎng)站內(nèi)容的視覺輔助，包括如下幾個(gè)方面：
字體方面，避免使用不容易觀看的字體，則選擇常用的字體；
字距和行距方面，適當(dāng)增加字距和行距，減緩視覺疲勞；
圖片搭配方面，要在文字中插入一定數(shù)量的圖片。不少實(shí)驗(yàn)表明，視頻、動(dòng)圖等都不如圖片更加吸引用戶，所以，必須要進(jìn)行圖文結(jié)合。這也是幾乎所有的公眾號(hào)長篇文章的設(shè)計(jì)原則。
顏色方面，有的設(shè)計(jì)師嘗試使用更多的顏色，反而分散注意力。我們建議，還是保持白色背景，文字的顏色還是不要太多。

響應(yīng)式設(shè)計(jì)

內(nèi)容型網(wǎng)站一定要響應(yīng)式設(shè)計(jì)，只有響應(yīng)式設(shè)計(jì)才能確保在不同設(shè)備上，相同的排版、頁面和體驗(yàn)。再者，長篇內(nèi)容在移動(dòng)設(shè)備上打開率和閱讀都更高。

內(nèi)容轉(zhuǎn)換

內(nèi)容不僅僅指的是文字，還包括聲音、圖片、視頻、動(dòng)畫等。
設(shè)計(jì)師一方面可以嘗試將文字轉(zhuǎn)換為其它形式；另一方面，可以在頁面植入轉(zhuǎn)換的插件，如語音閱讀插件，可以自動(dòng)閱讀文本內(nèi)容。
另外，視頻已經(jīng)成為一種趨勢，可以嘗試將文本的內(nèi)容制作成視頻進(jìn)行放送。

整潔簡單

網(wǎng)頁顏色過多或圖形過多會(huì)使人難以閱讀。好的頁面仍然應(yīng)該有簡單的配色方案和整齊的組織，這樣讀者可以很容易地按照內(nèi)容的時(shí)間順序閱讀。
當(dāng)你為內(nèi)容豐富的網(wǎng)站設(shè)計(jì)時(shí)，保持一切井然有序和易于瀏覽是至關(guān)重要的。一定要將結(jié)構(gòu)應(yīng)用到內(nèi)容的呈現(xiàn)上，避免在頁面上把元素?cái)D在一起。相反，你的目標(biāo)是保持頁面的整潔，這樣用戶就不會(huì)被你呈現(xiàn)給他們的大量信息搞得不知所措。

呈現(xiàn)順序

我們認(rèn)為，內(nèi)容型網(wǎng)站應(yīng)該采取多種順序呈現(xiàn)內(nèi)容，而不單單是時(shí)間順序。
一方面，內(nèi)容生產(chǎn)能力是有限的，按照時(shí)間順序呈現(xiàn)，可能一天就若干條內(nèi)容，無法滿足訪客要求；另一方面，按照時(shí)間順序呈現(xiàn)，一些精品內(nèi)容可能被一些訪客錯(cuò)過。
可采取的順序包括：時(shí)間順序、編輯推薦、生產(chǎn)者名氣、人氣推薦等等。
綜上，是我們在設(shè)計(jì)內(nèi)容型網(wǎng)站中總結(jié)出來的一些設(shè)計(jì)經(jīng)驗(yàn)，僅供參考。