編者按：新手常苦于沒(méi)有師傅手把手教，現(xiàn)在機(jī)會(huì)來(lái)了，今天@AnyForWeb_UDC 同窗為大家預(yù)備了網(wǎng)頁(yè)UI設(shè)計(jì)的10條實(shí)用法則，案例全，方法贊，特別很是適合正在學(xué)習(xí)提高的新手，來(lái)漲姿勢(shì)吧。

一個(gè)主觀上很想多多學(xué)習(xí)的設(shè)計(jì)新手在工作中好常碰到的狀況應(yīng)該是…沒(méi)人愿意教！（ps：傳統(tǒng)思想告訴我們“教會(huì)徒弟，餓死師傅”，所以新人們的如此遭遇也無(wú)可厚非；But…另一種可能性是…師傅真的很忙！）

Anyway，今天為菜鳥(niǎo)們奉上關(guān)于網(wǎng)頁(yè)UI設(shè)計(jì)的10條適用法則，希望能讓大家腦洞大開(kāi)，在設(shè)計(jì)中得到幫助和啟發(fā)。

一、糾結(jié)的時(shí)候，讓天然為你做決定！

遵循天然規(guī)律的設(shè)計(jì)總是因?yàn)橘N近萬(wàn)物本源而受到更多人的寵愛(ài)，因此，當(dāng)你舉棋不定的時(shí)候安防器材，你可以選擇將設(shè)計(jì)代入大天然定律中，讓天然為你做出好好的決定。比如，現(xiàn)實(shí)和天然告訴我們，光源來(lái)自天空，在人們也已經(jīng)習(xí)慣了這種由上至下光線來(lái)源的時(shí)候，設(shè)計(jì)師需要做的應(yīng)該是能順應(yīng)用戶(hù)視線的光線設(shè)計(jì)。

二、脫離色彩誘惑，能真正看清布局設(shè)計(jì)

色彩對(duì)人類(lèi)視覺(jué)的沖擊力能產(chǎn)生好大的效果；一個(gè)網(wǎng)頁(yè)的用戶(hù)體驗(yàn)是否合格，從色彩和布局上就能看出一二。但在色彩的“陪同”下，布局的好壞與否似乎就此被“矮化”。為了讓設(shè)計(jì)師在設(shè)計(jì)時(shí)能更加清楚的審視網(wǎng)頁(yè)布局，去色或是“灰度模式”的使用也許更有利于新手的布局設(shè)計(jì)工作。

灰度模式：

沒(méi)有了色彩“打攪”之后的網(wǎng)頁(yè)布局一旦能夠讓自己寫(xiě)意，再按照色彩理論或是個(gè)性喜愛(ài)添加和更改顏色。

想呈現(xiàn)你好關(guān)鍵的內(nèi)容，推薦：《吸睛大法！有哪些方法可以凸起網(wǎng)頁(yè)中的關(guān)鍵內(nèi)容？》

三、設(shè)計(jì)感是“留”出來(lái)的！

勇敢留白是設(shè)計(jì)概念中常常會(huì)提到的理論，但真正能根據(jù)理論具體落實(shí)的設(shè)計(jì)師卻為數(shù)不多。可能是因?yàn)樵O(shè)計(jì)師膽兒不夠大（PS：怕被客戶(hù)噴死，“你是不是偷懶啊！怎么內(nèi)容那么少！你到底有沒(méi)有認(rèn)真做設(shè)計(jì)啊！@#￥%……&*!”），另一種可能是沒(méi)有在現(xiàn)實(shí)中體會(huì)到留白的美妙。

網(wǎng)頁(yè)設(shè)計(jì)中的留白是為了在有限的容量中預(yù)留一些讓其中元素呼吸的負(fù)空間，并不是一種所謂的“偷懶”行為。大片留白在國(guó)內(nèi)市場(chǎng)中極有可能面對(duì)各種不滿(mǎn)，但小范圍的留白卻能很有用的提高整個(gè)網(wǎng)頁(yè)的檔次。比如網(wǎng)頁(yè)中圖片與字句之間的間距，只要留出兩倍及以上的間隙，整體都會(huì)顯現(xiàn)出令人眼前一亮的簡(jiǎn)潔感。

四、試試把文字直接放在圖片上

這種設(shè)計(jì)手法看起來(lái)很簡(jiǎn)單是不是？但要用這種方法設(shè)計(jì)出一鳴驚人的網(wǎng)站就有一定難度了。在應(yīng)用過(guò)程中，為了不破壞網(wǎng)站的用戶(hù)體驗(yàn)，有幾點(diǎn)可以特殊關(guān)注。

文字的顏色盡量使用白色，讓網(wǎng)頁(yè)看起來(lái)更大氣；因此，網(wǎng)頁(yè)背景圖的色系選擇以暗色為主；更詳盡的話可以再不同的分辨率下進(jìn)行調(diào)試，保證在所有的情況下文字或主要內(nèi)容都是易于辨識(shí)的。

五、關(guān)于字體倒角機(jī)，適合比新穎更主要！

“堅(jiān)定求新”是許多設(shè)計(jì)師的職業(yè)病，其實(shí)品牌策劃，在任何事件中，適合，比什么都主要！

在網(wǎng)頁(yè)字體的應(yīng)用中，形形色色的字體樣式會(huì)讓設(shè)計(jì)師不知如何是好，設(shè)計(jì)師也許會(huì)因此挑花了眼上海網(wǎng)站制作，也許會(huì)始終在常用的幾種字體中互相轉(zhuǎn)換。而關(guān)于字體的選擇，設(shè)計(jì)師應(yīng)該根據(jù)圖片中的某些元素作為靈感，以此在網(wǎng)頁(yè)中天然地形成隱形線索。