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

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

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

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

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

就像咱剛才說的。這樣的網(wǎng)站里。配色通常很簡單。紋理的應用很少見。想象一下。報紙雜志類的網(wǎng)站。背景是一堵磚墻?；蛘呤且粔K木板?；蛘呤鞘裁磸碗s的紋理。會是怎么個感受?影響閱讀是肯定滴!紋理會分散讀者的注意力。這違背了我們的設(shè)計初衷：突出文字。但是這類網(wǎng)站里?？梢圆捎眉堎|(zhì)紋理。紋理可以出現(xiàn)在背景里、按鈕上或者是頁眉頁腳。

規(guī)范的網(wǎng)格設(shè)計或者是分欄布局可以減少線條和形狀的使用。因為畫面里已經(jīng)被分割成很多部分了。無需再添加更多的。如果設(shè)計中添加過多線條和形狀。反而不夠簡潔美觀。

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

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

網(wǎng)頁名稱：新聞類網(wǎng)站建設(shè)風格，真是別具一格，趕緊收藏！
文章鏈接：http://jinyejixie.com/news1/291251.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供域名注冊、定制開發(fā)、網(wǎng)站收錄、云服務(wù)器、企業(yè)網(wǎng)站制作、Google

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)