我們?cè)谠O(shè)計(jì)界面的時(shí)候體現(xiàn)品牌調(diào)性和特性的圖標(biāo)。
比如微信的產(chǎn)品圖標(biāo)是兩個(gè)對(duì)話氣泡潦闲,暗示了這是一款社交APP攒菠;再比如ofo的產(chǎn)品圖標(biāo)是字母ofo的組合,同時(shí)也是一輛自行車歉闰,這暗示了這款產(chǎn)品是共享單車的APP辖众;再比如KEEP的字母“K”的圖標(biāo),像極了一個(gè)在抬腿做運(yùn)動(dòng)的人和敬,暗示了這是一個(gè)運(yùn)動(dòng)APP凹炸。
風(fēng)格
文字風(fēng)格
單讀:?jiǎn)巫x是一個(gè)偏文藝的閱讀產(chǎn)品,所以產(chǎn)品圖標(biāo)使用了黑白配色和兩個(gè)非常有文藝氣息的宋體繁體字概龄,這樣的設(shè)計(jì)符合產(chǎn)品調(diào)性还惠,傳遞給用戶一種產(chǎn)品的文藝氣息饲握。
今日頭條:今日頭條是一款優(yōu)秀的新聞APP私杜。它的圖標(biāo)非常直白:一張報(bào)紙上有紅色的頭條標(biāo)題,頭條使用了非常粗的黑體字救欧,非常顯眼衰粹。
淘寶:淘寶采用了一個(gè)俏皮的“淘”字作為icon的主要元素,并且背景顏色是令人興奮和刺激的橘黃色笆怠,凸顯了電商屬性铝耻。并且這個(gè)字使用了很久,用戶對(duì)此有一定的品牌認(rèn)知。
愛奇藝:愛奇藝的icon采用了英文字母iQIYI和上下邊框相組合的形式瓢捉。整體看來像是一個(gè)電視機(jī)频丘,強(qiáng)調(diào)了品牌屬性和功能,并且使用了在視頻領(lǐng)域非常有識(shí)別性的綠色泡态,讓人一看便知這是愛奇藝了搂漠。
正負(fù)形與隱喻風(fēng)格
抖音:抖音的產(chǎn)品圖標(biāo)是一個(gè)音符,但是不知道大家是否發(fā)現(xiàn)某弦,下面圓形的負(fù)空間也是一個(gè)音符桐汤,所以顯得非常巧妙。為了增加動(dòng)感還加了紅和藍(lán)綠色的類似3D的動(dòng)感效果靶壮。
Keep:Keep產(chǎn)品圖標(biāo)是一個(gè)K怔毛,但是同時(shí)也是一個(gè)人抬著腿正在鍛煉。
Skillshare:Skillshare是一個(gè)技能交換平臺(tái)腾降,第一眼看是兩個(gè)手像太極一樣交換著技能拣度,同時(shí)也是該產(chǎn)品的首字母:S。
折紙風(fēng)格
折紙的效果會(huì)讓人感覺很立體蜂莉,所以很多產(chǎn)品也選擇了折紙效果(比較扁平的手法)來設(shè)計(jì)產(chǎn)品圖標(biāo)蜡娶。
Calendar:這個(gè)產(chǎn)品的產(chǎn)品圖標(biāo)是一個(gè)正在翻頁的日歷,非常簡(jiǎn)潔明了映穗。
Snapseed:除了扁平的設(shè)計(jì)之外窖张,使用了長(zhǎng)投影的設(shè)計(jì)風(fēng)格。這個(gè)長(zhǎng)投影也是扁平化的設(shè)計(jì)蚁滋。
Netflix:Netflix的產(chǎn)品圖標(biāo)是該產(chǎn)品的首字母N宿接,這個(gè)N用了一些陰影來表示立體感。
線性風(fēng)格
Airbnb:Airbnb的背景是一個(gè)微漸變辕录,線性風(fēng)格是一個(gè)曲線組成的A睦霎,同時(shí)也是一個(gè)小蜜蜂。
LOFTCam:為了凸顯文藝產(chǎn)品調(diào)性走诞,使用了偏細(xì)的線條副女,同時(shí)使用了兩種主題色。
NextDay:同樣非常文藝的產(chǎn)品蚣旱,使用了比較抽象的手法碑幅。這個(gè)ICON是一個(gè)牛奶,突出了這個(gè)產(chǎn)品必須今天看塞绿,否則就如牛奶一樣會(huì)過期沟涨。
VUE:這是一個(gè)攝影產(chǎn)品,同樣應(yīng)用了黑色的微漸變异吻,前面是非常前衛(wèi)的45度長(zhǎng)短不同的線裹赴。
LOWPOLY風(fēng)格
潮自拍:潮自拍使用了暖色鄰近色漸變的LOWPOLY作為背景,前景使用了一個(gè)很潮的S。
潘通色:潘通色本身的最大特征就是色卡棋返,所以使用了LOWPOLY的形式延都。
美妝相機(jī):通常LOWPOLY的形式是方塊,而美妝相機(jī)使用了三角作為基礎(chǔ)元素睛竣,很特別窄潭。
人人:人人的產(chǎn)品圖標(biāo)使用了不同的矩形斜度45°,增加了設(shè)計(jì)的速度感酵颁。
微漸變風(fēng)格
每日優(yōu)鮮:每日優(yōu)鮮在背景上用了很多炫彩的圓球嫉你,由于促銷時(shí)段在原有圖標(biāo)上增加了一個(gè)雙十一的小標(biāo)識(shí),在手機(jī)中非常搶眼躏惋。
陌陌:陌陌圖標(biāo)如果設(shè)計(jì)成扁平你還會(huì)注意到它嗎幽污?使用線性圖標(biāo)會(huì)使得圖標(biāo)厚度感不夠,而微漸變可以非常好地解決這個(gè)問題簿姨。
全民K歌:使用了紫紅色的漸變來塑造一只鸚鵡距误,如果遇到其他使用場(chǎng)景可以使用扁平版本,這樣會(huì)讓產(chǎn)品圖標(biāo)的使用更加靈活扁位。
Mindnode:這款腦圖軟件的產(chǎn)品圖標(biāo)使用了三組鄰近色的漸變准潭,同時(shí)使用了非常微妙的陰影。
卡通風(fēng)格
開心消消樂:開心消消樂是一個(gè)休閑游戲域仇,游戲類APP的產(chǎn)品圖標(biāo)通常是使用擬物風(fēng)格刑然,這樣可以最大地吸引玩家的注意力和興趣。
映客:映客是直播APP暇务,通常用戶年齡不是很大泼掠,所以使用了一個(gè)很可愛的貓頭鷹作為產(chǎn)品圖標(biāo)。
Waze:Waze的產(chǎn)品圖標(biāo)不僅可愛而且突出了Waze的地圖查找功能垦细。
BOO!:BOO!是一個(gè)兒童社交產(chǎn)品择镇,用戶比較低齡,所以更適合使用可愛的卡通作為圖標(biāo)括改。
應(yīng)用