淺談即時(shí)通訊App的圖標(biāo)設(shè)計(jì)
微信大行其道的年代,別忘了還有很多和微信同樣優(yōu)秀的App,讓我們一同看看這些即時(shí)通訊App的圖標(biāo)設(shè)計(jì)

一共收集了10款國(guó)內(nèi)外優(yōu)秀有代表性的IM應(yīng)用做視覺(jué)對(duì)比分析。
可以發(fā)現(xiàn)IM應(yīng)用的圖標(biāo)底色多為白色和綠色。
用白色作為圖標(biāo)的底色,從視覺(jué)上能夠?qū)ζ放苐ogo進(jìn)行加亮,達(dá)到醒目的視覺(jué)效果。
用綠色作為圖標(biāo)的底色,因?yàn)榫G色象征這能量、連接,所以在UI里正在充電的電池圖標(biāo)是綠色的,連接/登錄按鈕是綠色的,接通電話是綠色的,作為通訊應(yīng)用理所當(dāng)然的也是綠色。

因此綠色和氣泡成了IM應(yīng)用的設(shè)計(jì)法則。
除QQ這種直接用品牌logo做圖標(biāo)外,IM應(yīng)用的圖標(biāo)的顏色只有2種——白+品牌主色調(diào)。
IM應(yīng)用的視覺(jué)設(shè)計(jì)應(yīng)該體現(xiàn)出即時(shí)迅速、溝通無(wú)阻礙。
如此,在這10款I(lǐng)M應(yīng)用里,圖標(biāo)設(shè)計(jì)得最好的要數(shù)微信、陌陌和messenger,平衡了功能和美觀。
——————————————————————————————————————————
iMessage和Whatsapp的圖標(biāo)設(shè)計(jì)直接運(yùn)用符號(hào)化圖標(biāo)(氣泡和電話),并未過(guò)多的進(jìn)行設(shè)計(jì),符合產(chǎn)品功能的定位——簡(jiǎn)潔、簡(jiǎn)單、無(wú)干擾。
Line和QQ的圖標(biāo)設(shè)計(jì)更加強(qiáng)調(diào)品牌,QQ的圖標(biāo)沒(méi)有用氣泡符號(hào)設(shè)計(jì),直接沿用品牌logo。
Line直接在氣泡框里標(biāo)上品牌名稱(chēng),且字體設(shè)計(jì)圓潤(rùn),讓人感到親近。另外氣泡的設(shè)計(jì)讓人有種消息迅速抵達(dá)的感覺(jué),體現(xiàn)出即時(shí)通訊的特點(diǎn)——快速溝通,詳見(jiàn)類(lèi)似上升的圖標(biāo):

Messenger的圖標(biāo)設(shè)計(jì)則在氣泡里加一道閃電,比Line的上升氣泡更加直觀的體現(xiàn)出了即時(shí)通訊的特點(diǎn)。
Kaoka的圖標(biāo)設(shè)計(jì)并沒(méi)有像Line一樣把品牌名標(biāo)在氣泡框里,而是把talk這個(gè)詞標(biāo)上去,強(qiáng)調(diào)了Kaoka的功能性,同時(shí)Kaoka用高飽和度的黃色配色以及圓潤(rùn)的字體設(shè)計(jì),讓人感到親近和熱情,也很卡通,年輕時(shí)尚化。
微信和易信的圖標(biāo)都采用2個(gè)氣泡框進(jìn)行設(shè)計(jì),給人一種對(duì)話的感覺(jué),符合產(chǎn)品功能,但是易信的圖標(biāo)設(shè)計(jì)遠(yuǎn)不及微信,首先2個(gè)氣泡框的設(shè)計(jì)上,易信設(shè)計(jì)過(guò)度,失去了氣泡框的識(shí)別性;其次在趣味性上,微信的圖標(biāo)將2個(gè)氣泡框加上眼睛,增加了親和力,而易信則沒(méi)有趣味性的設(shè)計(jì)。
陌陌的圖標(biāo)設(shè)計(jì)是地圖圖釘+氣泡框的造型,符合產(chǎn)品功能定位,又在氣泡上添加了眼睛,增加了親和力。
Hangouts的圖標(biāo)設(shè)計(jì)中的氣泡更加圓潤(rùn)規(guī)整,且大氣泡中的2個(gè)小氣泡有長(zhǎng)投影,風(fēng)格很谷歌。






































