主色調,你都一定會發現其中的不張揚魅力。
網頁設計技巧法則案例8.png border=0 alt=超有料!給網頁設計新手的10條實用法則 src="http://upload.chinaz.com/2015/0112/1421030908196.png" width=600>
九、導航是網頁中最重要的設計
導航可以說是整個網站中最重要的設計,用戶體驗舒適與否很大的決定權源自于此。對導航設計的最佳評價應該是“召之即來,揮之即去”。幽靈按鈕、漢堡圖標和無線框純文字設計都是好導航的常用設計手法。
網頁設計技巧法則案例9.png border=0 alt=超有料!給網頁設計新手的10條實用法則 src="http://upload.chinaz.com/2015/0112/1421030908361.png" width=600>
不需要的時候,導航只是個小小的漢堡圖標。
展開之后,它是這樣的:
網頁設計技巧法則案例9.1.png border=0 alt=超有料!給網頁設計新手的10條實用法則 src="http://upload.chinaz.com/2015/0112/1421030908614.png" width=600>
也可以根據你的意愿讓它隨時消失。
又或者展開前是如此低調的存在:
網頁設計技巧法則案例9.2.png border=0 alt=超有料!給網頁設計新手的10條實用法則 src="http://upload.chinaz.com/2015/0112/1421030908427.png" width=600>
打開后以色塊的形式呈現,讓近視患者也能清楚的分辨:
網頁設計技巧法則案例9.3.png border=0 alt=超有料!給網頁設計新手的10條實用法則 src="http://upload.chinaz.com/2015/0112/1421030908503.png" width=600>
九、減去頁面之間的相同存在!
相同的部分在網頁設計中顯得毫無意義,不僅讓網頁邏輯變得繁雜瑣碎,更會讓用戶覺得反感。尤其在布局一致的情況下,內容的差異化尤為重要。這些差異化可以從很多方面表現出來,比如色彩、文字、風格等等。
差異化的最全范例:《經驗分享!超實用的文本處理技巧》
網頁設計技巧法則案例10.png border=0 alt=超有料!給網頁設計新手的10條實用法則 src="http://upload.chinaz.com/2015/0112/1421030908296.png" width=600>
網頁設計技巧法則案例10.1.png border=0 alt=超有料!給網頁設計新手的10條實用法則 src="http://upload.chinaz.com/2015/0112/1421030908357.png" width=600>
如果想設計更特別的網頁,你可以選擇這樣做:
網頁設計技巧法則案例10.2.png border=0 alt=超有料!給網頁設計新手的10條實用法則 src="http://upload.chinaz.com/2015/0112/1421030908266.png" width=600>
總結:
以上是我們為正在努力加油的大家總結的網頁UI設計法則,有可能你對上述內容已經聽聞過許多,但其中的意義還需要在實踐中漸漸摸索領悟。
Finally,多多練習,根據設計環境不斷優化自己的實戰經驗,做一個機靈的設計師!