設(shè)計(jì)知識(shí)!網(wǎng)頁(yè)UI設(shè)計(jì)的10條適用法則(3)
9.導(dǎo)航是網(wǎng)頁(yè)中最重要的設(shè)計(jì)
導(dǎo)航可以說(shuō)是整個(gè)網(wǎng)站中最重要的設(shè)計(jì),用戶體驗(yàn)舒適與否很大的決定權(quán)源自于此。對(duì)導(dǎo)航設(shè)計(jì)的最佳評(píng)價(jià)應(yīng)該是“召之即來(lái),揮之即去”。幽靈按鈕、漢堡圖標(biāo)和無(wú)線框純文字設(shè)計(jì)都是好導(dǎo)航的常用設(shè)計(jì)手法。
不需要的時(shí)候,導(dǎo)航只是個(gè)小小的漢堡圖標(biāo)。
展開(kāi)之后,它是這樣的:
也可以根據(jù)你的意愿讓它隨時(shí)消失。
又或者展開(kāi)前是如此低調(diào)的存在:
打開(kāi)后以色塊的形式呈現(xiàn),讓近視患者也能清楚的分辨:
10.減去頁(yè)面之間的相同存在!
相同的部分在網(wǎng)頁(yè)設(shè)計(jì)中顯得毫無(wú)意義,不僅讓網(wǎng)頁(yè)邏輯變得繁雜瑣碎,更會(huì)讓用戶覺(jué)得反感。尤其在布局一致的情況下,內(nèi)容的差異化尤為重要。這些差異化可以從很多方面表現(xiàn)出來(lái),比如色彩、文字、風(fēng)格等等。
如果想設(shè)計(jì)更特別的網(wǎng)頁(yè),你可以選擇這樣做:
總結(jié):
以上是AnyForWeb為正在努力加油的大家總結(jié)的網(wǎng)頁(yè)UI設(shè)計(jì)法則,有可能你對(duì)上述內(nèi)容已經(jīng)聽(tīng)聞過(guò)許多,但其中的意義還需要在實(shí)踐中漸漸摸索領(lǐng)悟。
Finally,多多練習(xí),根據(jù)設(shè)計(jì)環(huán)境不斷優(yōu)化自己的實(shí)戰(zhàn)經(jīng)驗(yàn),做一個(gè)機(jī)靈的設(shè)計(jì)師!
學(xué)習(xí) · 提示
相關(guān)教程
推薦教程
- 移動(dòng)設(shè)計(jì),移動(dòng)應(yīng)用導(dǎo)航模式設(shè)計(jì)方法
- UI知識(shí),尺寸對(duì)UI設(shè)計(jì)的影響
- 色彩知識(shí),講解顏色基礎(chǔ)知識(shí)和配色理論
- 調(diào)色知識(shí),簡(jiǎn)單實(shí)用的調(diào)色原理
- Photoshop初級(jí)教程-命令的技巧
- 用戶體驗(yàn),如何讓用戶心動(dòng)?
- 顏色管理,讓自己的照片在網(wǎng)上正確地顯示
- 圖片畫(huà)冊(cè)平面設(shè)計(jì)排版ps理論教程
- 設(shè)計(jì)界面最常用最舒服的12種顏色(含色
- 用戶體驗(yàn),分享20個(gè)有影響力的包裝設(shè)計(jì)