設(shè)計(jì)知識(shí)！網(wǎng)頁UI設(shè)計(jì)的10條適用法則

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

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

1.糾結(jié)的時(shí)候，讓自然為你做決定！

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

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

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

灰度模式：

沒有了色彩“打擾”之后的網(wǎng)頁布局一旦能夠讓自己滿意，再按照色彩理論或是個(gè)性喜好添加和更改顏色。

3.設(shè)計(jì)感是“留”出來的！

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

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

4.試試把文字直接放在圖片上