公主的腿间舌奴们np肉_国产在热线精品视频99公交_公主车上荫蒂添的好舒服_公侵犯人妻中文字慕一区二区_公么大龟弄得我好舒服秀_公交车+多人+高cH文章推荐_日本熟妇另类视频在线播放

導(dǎo)航設(shè)計(jì)趨勢!關(guān)于圖標(biāo)式導(dǎo)航的改進(jìn)

2014-2-24    藍(lán)藍(lán)設(shè)計(jì)的小編

 

轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)(   tweetduck.com  )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供有效的   BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、  ipad界面設(shè)計(jì)   、  包裝設(shè)計(jì) 、  圖標(biāo)定制 、  用戶體驗(yàn) 、交互設(shè)計(jì)、   網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

來源:http://www.uisdc.com/100-things-you-should-know-about-design

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中,   請點(diǎn)這里 

不知不覺的,很多網(wǎng)頁設(shè)計(jì)中采用了圖標(biāo)式導(dǎo)航(Navigation)——一般使用三道杠作為圖標(biāo),用以導(dǎo)航界面設(shè)計(jì)
這種導(dǎo)航的好處是節(jié)省空間,讓界面更簡潔。

圖標(biāo)式導(dǎo)航的案例

這是YouTube的圖標(biāo)式導(dǎo)航(移動(dòng)版):

為導(dǎo)航瘦身!關(guān)于圖標(biāo)式導(dǎo)航的改進(jìn)

這是Squarespace的圖標(biāo)式導(dǎo)航:

為導(dǎo)航瘦身!關(guān)于圖標(biāo)式導(dǎo)航的改進(jìn)

AWARD的圖標(biāo)式導(dǎo)航不拘一格:

為導(dǎo)航瘦身!關(guān)于圖標(biāo)式導(dǎo)航的改進(jìn)

問題所在

問題在于,點(diǎn)擊圖標(biāo)式導(dǎo)航之后,圖標(biāo)本身沒有任何變化。也就是說:操作缺乏反饋。

為導(dǎo)航瘦身!關(guān)于圖標(biāo)式導(dǎo)航的改進(jìn)

按鈕的狀態(tài)不同,樣式也不同,這樣才能有效引導(dǎo)用戶。

為導(dǎo)航瘦身!關(guān)于圖標(biāo)式導(dǎo)航的改進(jìn)

我們拿開關(guān)來舉例。開關(guān)也是一種按鈕,一般有兩種情況:

1 打開燈;
2 關(guān)閉燈;

所以說,圖標(biāo)式導(dǎo)航的操作缺乏反饋。點(diǎn)擊圖標(biāo)能實(shí)現(xiàn)兩種功能:展示導(dǎo)航菜單、關(guān)閉/隱藏導(dǎo)航菜單。那么圖標(biāo)也應(yīng)該有兩種外觀以做區(qū)分。

解決方案: 圖標(biāo)轉(zhuǎn)換

可以采用這種方法來提供更明顯的視覺線索,從而更好的引導(dǎo)用戶操作。

這里有一個(gè)叫做Navicon Transformicons 的演示便很棒使用了 SCSS 以及jQuery技術(shù),其實(shí)技術(shù)上也不復(fù)雜,你若有心自己也能寫出來。

為導(dǎo)航瘦身!關(guān)于圖標(biāo)式導(dǎo)航的改進(jìn)

為導(dǎo)航瘦身!關(guān)于圖標(biāo)式導(dǎo)航的改進(jìn)

好處便在于:

§ 提供用戶視覺線索;
§ 圖標(biāo)更具語義,一種圖標(biāo),一種狀態(tài);
§ 優(yōu)秀的動(dòng)效轉(zhuǎn)換能夠吸引用戶注意,讓用戶迅速找到導(dǎo)航菜單。

對比一下,更有說服力,我用這種辦法對第案例3進(jìn)行了改進(jìn):

更好的指引效果,其實(shí)不僅可以改變圖標(biāo)形狀,改變圖標(biāo)顏色不是也可以嗎?這里就不多說了,給大家一點(diǎn)想象的空間。
ui設(shè)計(jì)少不了思考,希望大家有所收獲。

原文地址:http://tweetduck.com/

日歷

鏈接

個(gè)人資料

存檔

新安县| 九寨沟县| 盐山县| 刚察县| 建湖县| 兴隆县| 广元市| 读书| 西乌| 运城市| 富平县| 宜都市| 修武县| 革吉县| 鲜城| 全州县| 泽州县| 金沙县| 江华| 右玉县| 武夷山市| 千阳县| 屏边| 昌宁县| 唐山市| 缙云县| 鄂州市| 潼南县| 太白县| 通山县| 中山市| 三穗县| 都江堰市| 纳雍县| 舟山市| 南开区| 迁安市| 天全县| 徐闻县| 焦作市| 富蕴县|