|
均衡的分割版式：
在網(wǎng)頁設(shè)計(jì)中，頁面因?yàn)閮?nèi)容元素的需要被分割成很多區(qū)塊，區(qū)塊之間的均衡就是版式設(shè)計(jì)上需要著重考慮的問題。均衡并非簡單理性的等量不等形的計(jì)算，一幅好的、均衡的網(wǎng)頁版面設(shè)計(jì)，是布局、重心、對比等多種形式原理創(chuàng)造性全面應(yīng)用的結(jié)果，是對設(shè)計(jì)師的藝術(shù)修養(yǎng)、藝術(shù)感受力的一種檢驗(yàn)。在面積對比強(qiáng)烈(不等形)而又均衡(等量)的設(shè)計(jì)中，我們可以看到對比法則的成功參與；而在一些對比不十分強(qiáng)烈、典雅的不對稱設(shè)計(jì)中，我們則可感受到設(shè)計(jì)者儒雅的學(xué)者風(fēng)范。
需要注意的是，傳統(tǒng)網(wǎng)頁設(shè)計(jì)的版式控制都是在不超越大眾顯示器分辨率寬度的前提下，依照內(nèi)容多少縱向延展設(shè)計(jì)。而如今流行的產(chǎn)品型網(wǎng)站，更傾向于在一屏內(nèi)表達(dá)最主要的東西，尤其是首頁，盡量不出現(xiàn)滾動(dòng)條。這里我們可以參考兩個(gè)例子：圖6，中國同學(xué)錄5460主頁面分割，雖缺乏均衡，但還算易用；圖7，國外橄欖球俱樂部網(wǎng)站，少見的中央分割設(shè)計(jì)。
強(qiáng)調(diào)UI統(tǒng)籌：
除開宏觀的色彩版面設(shè)計(jì)，頁面設(shè)計(jì)里還有一個(gè)很重要的環(huán)節(jié)UI元素的設(shè)計(jì)。在設(shè)計(jì)人員的理解層面上，所有界面上可視范圍內(nèi)的東西，都可以并入U(xiǎn)I里，但是單說UI設(shè)計(jì)，則更側(cè)重于Tab標(biāo)簽、小圖標(biāo)、按鈕、控件等。這些細(xì)節(jié)的優(yōu)化，通過使用元素來影響整站風(fēng)格，制造整體性及連續(xù)性，能統(tǒng)一整個(gè)站點(diǎn)的形象，并且在精致中表達(dá)網(wǎng)站的整體格調(diào)。具體的UI元素設(shè)計(jì)是見仁見智的，這里推薦一些優(yōu)秀的作品給大家參考學(xué)習(xí)。圖8，銀華基金網(wǎng)站的icon(小圖標(biāo))細(xì)節(jié)；圖9，開心網(wǎng)的icon設(shè)計(jì)細(xì)節(jié)。
適當(dāng)美化 去除冗余
在必要的元素都設(shè)計(jì)完成之后，回顧整個(gè)頁面，根據(jù)整站的風(fēng)格需要，也許你會(huì)覺得設(shè)計(jì)得過于復(fù)雜了，或者是設(shè)計(jì)得不夠完美，不能突出想要的風(fēng)格。這個(gè)時(shí)候就需要適當(dāng)調(diào)整對頁面的美化控制。
簡潔的往往是美的，而美的東西不一定簡潔。尤其在網(wǎng)頁設(shè)計(jì)上，對于內(nèi)容很多的門戶網(wǎng)站，任何多余的修飾都會(huì)加重瀏覽者眼睛的負(fù)擔(dān)，所以可以看到門戶的設(shè)計(jì)往往特別簡單；而某些專業(yè)型網(wǎng)站，就首頁來說確實(shí)沒有什么東西可以展示，那么則需要刻意增加一些點(diǎn)綴而不顯得特別空洞。當(dāng)然，這也不是定理，針對行業(yè)不同或者突發(fā)性事件，適當(dāng)?shù)貙υO(shè)計(jì)進(jìn)行調(diào)整也能夠起到很好的效果。這里我們就舉兩個(gè)門戶網(wǎng)站的例子: 圖10是奧運(yùn)版的搜狐首頁，門戶也設(shè)計(jì)得美觀大方；圖11是網(wǎng)易的經(jīng)典首頁，簡潔大方堪為業(yè)內(nèi)典范。
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁 風(fēng)格是網(wǎng)站的外衣 中 下一頁 代碼設(shè)計(jì) 上
|
第 1 頁 
第 8 頁 風(fēng)格是網(wǎng)站的外衣 下
