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

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

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

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

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

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

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

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

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

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

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

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

五、關(guān)于字體，適合比新穎更重要！

“堅定求新”是很多設計師的職業(yè)病，其實(shí)，在任何事件中，適合，比什么都重要！

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

六、只有強弱并存才會(huì )獲得對比

用強弱的對比展現重點(diǎn)突出是設計中強調內容最自然的方式。比如背景圖的弱化，加上清晰的文字或圖案，網(wǎng)頁(yè)會(huì )因此營(yíng)造出以后總別致的唯美效果。如果圖片比較單調，也可以在背景和文字的中間添加一些透明度較高的線(xiàn)性幾何成分，讓頁(yè)面豐富充實(shí)起來(lái)，也讓整體不再單薄。

七、你需要一雙善于發(fā)現的眼睛

身邊的一切都可能隨時(shí)為你帶來(lái)靈感，千萬(wàn)別吝嗇你的眼睛！

每一個(gè)細小的部分都有資格成為你的設計元素，你應該讓它們產(chǎn)生一些小改變，它們就會(huì )讓你的設計大提升。濾鏡？幾何？每一種效果都需要你的嘗試。

八、桃紅色&淺橙色！她們才是真正的百搭色！

粉嫩的暖色系色彩一直會(huì )被誤認為是很難用的顏色，當這類(lèi)色彩被混雜在五顏六色的“調色盤(pán)”中的確夠難搭配，那不妨嘗試一下在單色背景中使用她們，無(wú)論是稍作點(diǎn)綴，還是設置為主色調，你都一定會(huì )發(fā)現其中的不張揚魅力。

九、導航是網(wǎng)頁(yè)中最重要的設計

導航可以說(shuō)是整個(gè)網(wǎng)站中最重要的設計，用戶(hù)體驗舒適與否很大的決定權源自于此。對導航設計的最佳評價(jià)應該是“召之即來(lái)，揮之即去”。幽靈按鈕、漢堡圖標和無(wú)線(xiàn)框純文字設計都是好導航的常用設計手法。

十、減去頁(yè)面之間的相同存在！

相同的部分在網(wǎng)頁(yè)設計中顯得毫無(wú)意義，不僅讓網(wǎng)頁(yè)邏輯變得繁雜瑣碎，更會(huì )讓用戶(hù)覺(jué)得反感。尤其在布局一致的情況下，內容的差異化尤為重要。這些差異化可以從很多方面表現出來(lái)，比如色彩、文字、風(fēng)格等等。

以上是寶雞網(wǎng)絡(luò )公司為正在努力加油的大家總結的網(wǎng)頁(yè)UI設計法則，多多練習，根據設計環(huán)境不斷優(yōu)化自己的實(shí)戰經(jīng)驗，做一個(gè)機靈的設計師！