最近我收藏了幾款新聞之類的網(wǎng)站，雖然有些經(jīng)驗(yàn)是值得我們?nèi)W(xué)習(xí)和探尋的，但更主要的是結(jié)構(gòu)和搭配，新聞?lì)惖木W(wǎng)站主要講究色彩和字體的搭配，其實(shí)字體也罷，色彩設(shè)計(jì)也算，終歸說到底的是新聞的重要性，和突出重點(diǎn)，新聞可以不像商城那樣花樣百出，講究的是實(shí)用和信息源。

       相信大家都讀過報(bào)紙，都知道這是傳統(tǒng)的印刷媒體，可讀性很高，這也是為什么傳統(tǒng)媒體采用這樣的配色方案，因?yàn)檫@類網(wǎng)站的主體是文字，這樣的顯示方式會(huì)讓文字更加鮮明易讀。

       當(dāng)然我也是在傳統(tǒng)的基礎(chǔ)上要有所創(chuàng)新，不能拘于一格和呆滯，但是千萬不能忘了對(duì)比度!比如把傳統(tǒng)的模式反過來，黑底白字。但是以下幾個(gè)組合強(qiáng)烈不推薦使用：黑底黃字、藍(lán)底綠字和藍(lán)底粉字等等。如果您非不信邪，大可以試試看，看看會(huì)不會(huì)還是用回第一稿!設(shè)計(jì)稿做出來之后自己先看看，如果自己覺得看著舒服，再應(yīng)用在你的項(xiàng)目里。

       黑白這兩個(gè)顏色都是基本顏色，有時(shí)候也需要一些輔助色來讓設(shè)計(jì)更勾人。舉個(gè)栗子來說：藍(lán)色很適合用在標(biāo)題上;紅色則更適合作為按鈕;導(dǎo)航菜單有時(shí)候需要用陰影或發(fā)光特效來裝飾一下，但是裝飾的顏色與主色對(duì)比度不要太高。這樣可以讓導(dǎo)航更明確，給予用戶更好的視覺體驗(yàn)。

       另外在網(wǎng)站的布局上，也是要有所區(qū)別的，我們報(bào)刊的布局是簡單干凈的，內(nèi)容突出并且十分詳實(shí)，結(jié)構(gòu)明確，圖形元素出現(xiàn)的方式與其他設(shè)計(jì)不太一樣，通常以下面幾種方式出現(xiàn)：線條、形狀、顏色、排版和紋理。

       就像咱剛才說的，這樣的網(wǎng)站里，配色通常很簡單。紋理的應(yīng)用很少見，想象一下，報(bào)紙雜志類的網(wǎng)站，背景是一堵磚墻，或者是一塊木板，或者是什么復(fù)雜的紋理，會(huì)是怎么個(gè)感受?影響閱讀是肯定滴!紋理會(huì)分散讀者的注意力，這違背了我們的設(shè)計(jì)初衷：突出文字。但是這類網(wǎng)站里，可以采用紙質(zhì)紋理。紋理可以出現(xiàn)在背景里、按鈕上或者是頁眉頁腳。

       規(guī)范的網(wǎng)格設(shè)計(jì)或者是分欄布局可以減少線條和形狀的使用，因?yàn)楫嬅胬镆呀?jīng)被分割成很多部分了，無需再添加更多的。如果設(shè)計(jì)中添加過多線條和形狀，反而不夠簡潔美觀。

       報(bào)刊網(wǎng)站的布局基本上可以說是完美的結(jié)構(gòu)布局，內(nèi)容豐富的網(wǎng)站通常都是采用類似的布局，所以網(wǎng)站結(jié)構(gòu)是第一重要的。網(wǎng)格和分欄將內(nèi)容有效地分布在閱讀媒介上，正如MarkBoulton所說：“一個(gè)優(yōu)秀的網(wǎng)格系統(tǒng)不僅可以讓你的設(shè)計(jì)看起來整潔美觀，也會(huì)增強(qiáng)可讀性和易用性。”基于網(wǎng)格系統(tǒng)的布局設(shè)計(jì)可以把內(nèi)容分類，讓用戶可以有選擇地去閱讀自己感興趣的部分。

　　相似但不同的分欄布局可以有不同的寬度，但是應(yīng)該注意內(nèi)容的高度，更寬的分欄可以容納更多的文字。兩個(gè)分欄的結(jié)構(gòu)可以讓網(wǎng)頁更耐看，盡管三個(gè)或三個(gè)以上的分欄可以讓分類更明確，但是分欄和網(wǎng)格的作用差不多，都只是讓內(nèi)容的分類更明確，讓用戶可以更快更方便地找到自己感興趣的內(nèi)容，不要忘了這個(gè)初衷。考量好了分欄的寬度，也不能忘了分欄內(nèi)兩段內(nèi)容之間的間距，間距若是太小會(huì)造成閱讀不便，網(wǎng)站的體驗(yàn)也不會(huì)好。