編者按：新手常苦于沒有師傅手把手教，現在機會來了，今天@AnyForWeb_UDC 同窗為大家預備了網頁UI設計的10條實用法則，案例全，方法贊，特別很是適合正在學習提高的新手，來漲姿勢吧。

一個主觀上很想多多學習的設計新手在工作中好常碰到的狀況應該是…沒人愿意教！（ps：傳統思想告訴我們“教會徒弟，餓死師傅”，所以新人們的如此遭遇也無可厚非；But…另一種可能性是…師傅真的很忙！）

Anyway，今天為菜鳥們奉上關于網頁UI設計的10條適用法則，希望能讓大家腦洞大開，在設計中得到幫助和啟發。

一、糾結的時候，讓天然為你做決定！

遵循天然規律的設計總是因為貼近萬物本源而受到更多人的寵愛，因此，當你舉棋不定的時候安防器材，你可以選擇將設計代入大天然定律中，讓天然為你做出好好的決定。比如，現實和天然告訴我們，光源來自天空，在人們也已經習慣了這種由上至下光線來源的時候，設計師需要做的應該是能順應用戶視線的光線設計。

二、脫離色彩誘惑，能真正看清布局設計

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

灰度模式：

沒有了色彩“打攪”之后的網頁布局一旦能夠讓自己寫意，再按照色彩理論或是個性喜愛添加和更改顏色。

想呈現你好關鍵的內容，推薦：《吸睛大法！有哪些方法可以凸起網頁中的關鍵內容？》

三、設計感是“留”出來的！

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

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

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

這種設計手法看起來很簡單是不是？但要用這種方法設計出一鳴驚人的網站就有一定難度了。在應用過程中，為了不破壞網站的用戶體驗，有幾點可以特殊關注。

文字的顏色盡量使用白色，讓網頁看起來更大氣；因此，網頁背景圖的色系選擇以暗色為主；更詳盡的話可以再不同的分辨率下進行調試，保證在所有的情況下文字或主要內容都是易于辨識的。

五、關于字體倒角機，適合比新穎更主要！

“堅定求新”是許多設計師的職業病，其實品牌策劃，在任何事件中，適合，比什么都主要！

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