新手常苦于沒(méi)有師傅手把手教，現在機會來了，今天@AnyForWeb_UDC 同學(xué)爲大家準備了網頁UI設計的10條實用法則，案例全，方法贊，非常适合正在學(xué)習進(jìn)步的新手，來漲姿勢吧。

　　一個主觀上很想多多學(xué)習的設計新手在工作中最常遇到的狀況應該是…沒(méi)人願意教！（ps：傳統思想告訴我們“教會徒弟，餓死師傅”，所以新人們的如此遭遇也無可厚非；But…另一種(zhǒng)可能(néng)性是…師傅真的很忙！）Anyway，今天爲菜鳥們奉上關于網頁UI設計的10條适用法則，希望能(néng)讓大家腦洞大開(kāi)，在設計中得到幫助和啓發(fā)。

　　一、糾結的時候，讓自然爲你做決定！

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

　　内蒙古網站制作，内蒙古網站設計，内蒙古網站建設，呼和浩特網站建設，呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司、、、先誠官網：/ 
　　
　　注：本文均來自百度搜索，如涉及版權問題，請聯系我們，我們會第一時間解決。

　　二、脫離色彩誘惑，能(néng)真正看清布局設計

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

　　灰度模式：

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

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

　　大膽留白是設計概念中常常會提到的理論，但真正能(néng)根據理論具體落實的設計師卻爲數不多。可能(néng)是因爲設計師膽兒不夠大（PS：怕被(bèi)客戶噴死，“你是不是偷懶啊！怎麼(me)内容那麼(me)少！你到底有沒(méi)有認真做設計啊！@#￥%……&*!”），另一種(zhǒng)可能(néng)是沒(méi)有在實際中領會到留白的美妙。

　　網頁設計中的留白是爲了在有限的容量中預留一些讓其中元素呼吸的負空間，并不是一種(zhǒng)所謂的“偷懶”行爲。大片留白在國(guó)内市場中極有可能(néng)面(miàn)對(duì)各種(zhǒng)不滿，但小範圍的留白卻能(néng)很有效的提高整個網頁的檔次。比如網頁中圖片與字句之間的間距，隻要留出兩(liǎng)倍及以上的間隙，整體都(dōu)會展現出令人眼前一亮的簡潔感。

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

　　這(zhè)種(zhǒng)設計手法看起(qǐ)來很簡單是不是？但要用這(zhè)種(zhǒng)方法設計出一鳴驚人的網站就有一定難度了。在應用過(guò)程中，爲了不破壞網站的用戶體驗，有幾點可以特别關注。

　　文字的顔色盡量使用白色，讓網頁看起(qǐ)來更大氣；因此，網頁背景圖的色系選擇以暗色爲主；更細緻的話可以再不同的分辨率下進(jìn)行調試，保證在所有的情況下文字或主要内容都(dōu)是易于辨識的。

　　五、關于字體，适合比新穎更重要！

　　“堅定求新”是很多設計師的職業病，其實，在任何事(shì)件中，适合，比什麼(me)都(dōu)重要！在網頁字體的應用中，形形色色的字體樣(yàng)式會讓設計師不知如何是好(hǎo)，設計師也許會因此挑花了眼，也許會始終在常用的幾種(zhǒng)字體中互相轉換。而關于字體的選擇，設計師應該根據圖片中的某些元素作爲靈感，以此在網頁中自然地形成(chéng)隐形線索。

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

　　用強弱的對(duì)比展現重點突出是設計中強調内容最自然的方式。比如背景圖的弱化，加上清晰的文字或圖案，網頁會因此營造出以後(hòu)總别緻的唯美效果。如果圖片比較單調，也可以在背景和文字的中間添加一些透明度較高的線性幾何成(chéng)分，讓頁面(miàn)豐富充實起(qǐ)來，也讓整體不再單薄。

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

　　身邊的一切都(dōu)可能(néng)随時爲你帶來靈感，千萬别吝啬你的眼睛！每一個細小的部分都(dōu)有資格成(chéng)爲你的設計元素，你應該讓它們産生一些小改變，它們就會讓你的設計大提升。濾鏡？幾何？每一種(zhǒng)效果都(dōu)需要你的嘗試。

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

　　粉嫩的暖色系色彩一直會被(bèi)誤認爲是很難用的顔色，當這(zhè)類色彩被(bèi)混雜在五顔六色的“調色盤”中的确夠難搭配，那不妨嘗試一下在單色背景中使用她們，無論是稍作點綴，還(hái)是設置爲主色調，你都(dōu)一定會發(fā)現其中的不張揚魅力。

　　九、導航是網頁中最重要的設計

　　導航可以說是整個網站中最重要的設計，用戶體驗舒适與否很大的決定權源自于此。對(duì)導航設計的最佳評價應該是“召之即來，揮之即去”。幽靈按鈕、漢堡圖标和無線框純文字設計都(dōu)是好(hǎo)導航的常用設計手法。不需要的時候，導航隻是個小小的漢堡圖标。展開(kāi)之後(hòu)，它是這(zhè)樣(yàng)的：也可以根據你的意願讓它随時消失。又或者展開(kāi)前是如此低調的存在：打開(kāi)後(hòu)以色塊的形式呈現，讓近視患者也能(néng)清楚的分辨：

　　十、減去頁面(miàn)之間的相同存在！

　　相同的部分在網頁設計中顯得毫無意義，不僅讓網頁邏輯變得繁雜瑣碎，更會讓用戶覺得反感。尤其在布局一緻的情況下，内容的差異化尤爲重要。這(zhè)些差異化可以從很多方面(miàn)表現出來，比如色彩、文字、風格等等。如果想設計更特别的網頁，你可以選擇這(zhè)樣(yàng)做：

　　總結：

　　以上是我們爲正在努力加油的大家總結的網頁UI設計法則，有可能(néng)你對(duì)上述内容已經(jīng)聽聞過(guò)許多，但其中的意義還(hái)需要在實踐中漸漸摸索領悟。

　　Finally，多多練習，根據設計環境不斷優化自己的實戰經(jīng)驗，做一個機靈的設計師！