无遮挡18禁啪啪免费观看 I 秋霞成人av I brandilove欧美三区 I 激情偷乱人伦小说视频 I 人人插人人艹 I www.亚洲com I 波多野结衣av高清一区二区三区 I 精品无码国产污污污免费网站 I 美女张开腿给男人桶爽久久 I 国产精品久久久久久久免费 I 国内精品久久99 I 亚洲精品无码专区 I 亚洲免费视频一区二区 I 午夜xxx I 国产一区啪啪 I 丝袜激情网 I 日韩精品久久久久久久 I 欧美香蕉视频 I 成人片免费看 I 天天色综合2 I 寡妇被老头舔到高潮的视频 I 亚洲第一页在线 I 国产放荡av国产精品 I 在线精品视频一区二区 I 免费黄色片在线观看 I 秋霞伊人网 I www.伊人 I 久草在线91 I 女人啪啪免费av大片 I 欧美一区二区综合 I 精品久久久久久天美传媒 I 黄色工厂在线观看 I 91精品国产色综合 I 动漫美女被到爽 I 丁香午夜激情

首頁

漢堡圖標(biāo)不好使?這5個替代方案幫你搞定移動端導(dǎo)航

濤濤

對于設(shè)計師而言,移動端設(shè)備屏幕上的每一寸空間都是寶貴的資源。為了在小屏幕上做更多的事情,設(shè)計師在設(shè)計導(dǎo)航系統(tǒng)的時候,通常需要花費(fèi)更多的時間來打磨。漢堡圖標(biāo)在過去幾年當(dāng)中,是最常見的一種設(shè)計策略,導(dǎo)航和選項被隱藏在這個小小的圖標(biāo)之后,但是實(shí)際上,雖然大眾已經(jīng)習(xí)慣了它的存在,但是它并不是最佳的導(dǎo)航設(shè)計方案。

在今天的文章當(dāng)中,我們會探討為什么漢堡菜單這樣的隱藏式導(dǎo)航影響用戶體驗,以及可用性更強(qiáng)的替代方案。

為何漢堡圖標(biāo)會破壞用戶體驗

在移動端設(shè)備上,我們看到的可見式導(dǎo)航其實(shí)比漢堡圖標(biāo)這樣的隱藏式導(dǎo)航更多,前者大概是后者的2.5倍。

品牌基因法做圖標(biāo)(升級篇)

用心設(shè)計

圖標(biāo)設(shè)計如何具有品牌性?這可能是設(shè)計師工作中經(jīng)常會遇到的問題。


但很多新人也許并不了解什么是品牌性,更不知道如何將品牌性融入到圖標(biāo)當(dāng)中,不過沒關(guān)系,看了這篇文章你就不會那么困惑了!

品牌基因法做圖標(biāo)(升級篇)

品牌基因法做圖標(biāo)——實(shí)戰(zhàn)篇

用心設(shè)計

我們今天來聊的是一個真實(shí)的工作任務(wù),做任務(wù)的整個過程分為以下幾個階段:


1.收到任務(wù)

2.找參考

3.根據(jù)參考執(zhí)行

4.感覺沒有品牌性

5.根據(jù)品牌基因法提取基因

6.再次執(zhí)行

7.棒棒噠


品牌基因法做圖標(biāo)——實(shí)戰(zhàn)篇

用品牌基因法做圖標(biāo)設(shè)計,高級UI設(shè)計師才會的手法?。▽?shí)戰(zhàn)篇)

濤濤

1. 收到任務(wù)

我們每天都可能收到不同的設(shè)計任務(wù),作為設(shè)計師,順利的完成這些任務(wù)是我們最基本的能力,那我們今天要講的任務(wù)是什么呢?

嘿嘿!一套天氣圖標(biāo)。

認(rèn)真的構(gòu)思中…..

2. 找參考

算了,還是先看看別人都是怎么做的吧!

我找了一堆參考,隨機(jī)選幾個展示下,如下圖(圖片采集于花瓣網(wǎng)):

前端Boostrap系列之一:稀世珍寶:270款圓滑的 Twitter Boostrap 矢量圖標(biāo)

藍(lán)藍(lán)設(shè)計的小編



如果你不那么在意許可證,那么還有很多類似的字體圖標(biāo)庫可以使用,最引人注目的是 Font Awesome。下載此字體時,你還會收到所有 SVG 格式的矢量圖標(biāo),這樣你就可以修改這些字體,使其更加完善,并貢獻(xiàn)到 Github 上面。

 



一站式圖標(biāo)設(shè)計指南

用心設(shè)計

這是一篇由國外萬粉dribbble大神Justas
Galaburda免費(fèi)提供的圖標(biāo)設(shè)計指南,在國外的UI設(shè)計圈子里算是引起了不小的關(guān)注。與一些小伙伴所期待的可能不一樣的一點(diǎn)是,這是一篇側(cè)重于方法論方面的指南,涵蓋了從設(shè)計第一枚圖標(biāo)開始到完成一整套圖標(biāo)所需要的一切,而不是一篇側(cè)重于軟件技術(shù)方面的指南。

一站式圖標(biāo)設(shè)計指南

巧奪天工!50枚來自Behance、DRIBBBLE的超精致圖標(biāo)

藍(lán)藍(lán)設(shè)計的小編

自從蘋果iOS系統(tǒng)推出后,擬物化圖標(biāo)設(shè)計逐漸風(fēng)靡全球(好吧!讓我們暫時別提iOS7的扁平風(fēng)),隨著技術(shù)發(fā)展,設(shè)計師們也越來越厲害,圖標(biāo)做得愈加精致。如果你是一個移動界面設(shè)計師,或者你對圖標(biāo)設(shè)計感興趣,那就千萬不要錯過接下來的這50枚精致圖標(biāo)!希望它們能給你帶來創(chuàng)意與靈感。

多嘗試,多練習(xí),多模仿,你也可以的!
PS+AI制作精致可愛的毛線風(fēng)格圖標(biāo)
在PHOTOSHOP中創(chuàng)建精細(xì)的工具圖標(biāo)

Minion App Icon by CreativeDash

iOS Icon by Eugene Zolotco


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

藍(lán)藍(lán)設(shè)計的小編

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

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

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

為導(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)航設(shè)計趨勢!關(guān)于圖標(biāo)式導(dǎo)航的改進(jìn)

藍(lán)藍(lán)設(shè)計的小編

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

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

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

為導(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)本身沒有任何變化。也就是說:操作缺乏反饋

 

學(xué)點(diǎn)新技能!玩轉(zhuǎn)響應(yīng)式圖標(biāo)設(shè)計

藍(lán)藍(lán)設(shè)計的小編

什么是響應(yīng)式圖標(biāo)設(shè)計?

響應(yīng)式設(shè)計主要講的是布局,那么什么是響應(yīng)式圖標(biāo)?響應(yīng)式圖標(biāo)設(shè)計是一種根據(jù)屏幕尺寸來改變圖標(biāo)類型、從而達(dá)到更好可讀性的設(shè)計。

圖標(biāo)為什么要響應(yīng)式?

怎樣閱讀內(nèi)容?時至今日,我們用來閱讀內(nèi)容的平臺越來越多。設(shè)備、屏幕分辨率、瀏覽器、平臺——我可以拿著5S+Safari+iOS7.0瀏覽網(wǎng)頁,也可以拿著1020+Chorome+WP8瀏覽網(wǎng)頁。

各種選擇,各種搭配實(shí)在是太多了,這些都或多或少的影響了內(nèi)容的可讀性。而圖標(biāo)作為一種視覺語言,可讀性非常重要。

圖標(biāo)設(shè)計,首先要滿足易于理解。其次,圖標(biāo)的可讀性必須高。在小尺寸的情況下,圖標(biāo)設(shè)計為了追求更高的辨識度/可讀性,可以選擇犧牲一點(diǎn)美感。

那么能不能美感、可讀性兼得呢?圖標(biāo)設(shè)計的藝術(shù)便在于二者的平衡,取與舍。怎樣設(shè)計,讓不同尺寸的圖標(biāo)均能展現(xiàn)美感,同時又具備可讀性?

我認(rèn)為,需要根據(jù)尺寸范圍進(jìn)行圖標(biāo)響應(yīng)式的優(yōu)化

sizes

這個理念不是新的。對于柵格化圖標(biāo)來說,這種設(shè)計方法很常見。

日歷

鏈接

個人資料

存檔