怎樣設(shè)計(jì)出有吸引力的網(wǎng)站?(2)
4.隱蔽式側(cè)邊欄導(dǎo)航
側(cè)邊欄菜單將會(huì)是2014的一個(gè)新趨勢(shì)!側(cè)邊導(dǎo)航給人的感覺(jué)就像是你在窺視頁(yè)面背后或者是翻開(kāi)了一個(gè)玩具盒的蓋子看看里面到底有些什么。在必要的時(shí)候?qū)Ш綑趹?yīng)該一向在那里,而當(dāng)用戶(hù)想要專(zhuān)注于某個(gè)特定的義務(wù)時(shí),導(dǎo)航欄則應(yīng)該優(yōu)雅的隱蔽起來(lái)。隱蔽式側(cè)邊導(dǎo)航特別很是方便使用,鼠標(biāo)懸停在欣賞器左側(cè)即可出現(xiàn),主體部分即時(shí)出現(xiàn)的旋轉(zhuǎn)結(jié)果也很帶感,可以很好的指導(dǎo)用戶(hù)的細(xì)致力。將導(dǎo)航隱蔽起來(lái)同時(shí)也實(shí)現(xiàn)了界面的簡(jiǎn)潔,使網(wǎng)站的欣賞體驗(yàn)特別很是的愉悅,由于網(wǎng)站并沒(méi)有留下太多無(wú)用的信息去分散用戶(hù)的細(xì)致力。
5.圖標(biāo)式導(dǎo)航
圖標(biāo)式導(dǎo)航的益處是節(jié)省空間,讓界面更簡(jiǎn)潔。圖標(biāo)也可用于過(guò)細(xì)的分類(lèi),提供更顯明的視覺(jué)線(xiàn)索,而且圖標(biāo)具有直觀(guān)的語(yǔ)義表現(xiàn),每一個(gè)圖標(biāo)代表每一個(gè)不同的事件,吸引用戶(hù)的細(xì)致,從而更好的指導(dǎo)用戶(hù)操作。假如再加上良好的動(dòng)效轉(zhuǎn)換能夠吸引用戶(hù)細(xì)致,讓用戶(hù)敏捷找到導(dǎo)航菜單。
6.選項(xiàng)卡導(dǎo)航
選項(xiàng)卡導(dǎo)航可以隨意設(shè)計(jì)成任何你想要的樣式,從真切的、有手感的標(biāo)簽到光滑油滑的標(biāo)簽,以及簡(jiǎn)單地方邊的標(biāo)簽等。它存在于各種各樣的網(wǎng)站里,并且可以納入任何視覺(jué)結(jié)果。選項(xiàng)卡比
本文地址:http://irelandcustomcontracting.com/tutorial/di136.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線(xiàn)面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專(zhuān)題頁(yè)面設(shè)計(jì)篇
- 專(zhuān)訪(fǎng):石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏