浅谈即时通讯App的图标设计

用户头像
东莞/学生/9年前/1643浏览
浅谈即时通讯App的图标设计
用户头像
Etha

微信大行其道的年代,别忘了还有很多和微信同样优秀的App,让我们一同看看这些即时通讯App的图标设计

8cae57775bdd0000012e7e1f624f.jpg

一共收集了10款国内外优秀有代表性的IM应用做视觉对比分析。

可以发现IM应用的图标底色多为白色和绿色。

用白色作为图标的底色,从视觉上能够对品牌logo进行加亮,达到醒目的视觉效果。

用绿色作为图标的底色,因为绿色象征这能量、连接,所以在UI里正在充电的电池图标是绿色的,连接/登录按钮是绿色的,接通电话是绿色的,作为通讯应用理所当然的也是绿色。

8a1357775c1c0000012e7e14acc6.jpg

因此绿色和气泡成了IM应用的设计法则。


除QQ这种直接用品牌logo做图标外,IM应用的图标的颜色只有2种——白+品牌主色调。

IM应用的视觉设计应该体现出即时迅速、沟通无阻碍。

如此,在这10款IM应用里,图标设计得最好的要数微信、陌陌和messenger,平衡了功能和美观。


——————————————————————————————————————————


iMessage和Whatsapp的图标设计直接运用符号化图标(气泡和电话),并未过多的进行设计,符合产品功能的定位——简洁、简单、无干扰。


Line和QQ的图标设计更加强调品牌,QQ的图标没有用气泡符号设计,直接沿用品牌logo。

Line直接在气泡框里标上品牌名称,且字体设计圆润,让人感到亲近。另外气泡的设计让人有种消息迅速抵达的感觉,体现出即时通讯的特点——快速沟通,详见类似上升的图标:

d23257775cfe0000018c1b459dbc.jpg


Messenger的图标设计则在气泡里加一道闪电,比Line的上升气泡更加直观的体现出了即时通讯的特点。


Kaoka的图标设计并没有像Line一样把品牌名标在气泡框里,而是把talk这个词标上去,强调了Kaoka的功能性,同时Kaoka用高饱和度的黄色配色以及圆润的字体设计,让人感到亲近和热情,也很卡通,年轻时尚化。


微信和易信的图标都采用2个气泡框进行设计,给人一种对话的感觉,符合产品功能,但是易信的图标设计远不及微信,首先2个气泡框的设计上,易信设计过度,失去了气泡框的识别性;其次在趣味性上,微信的图标将2个气泡框加上眼睛,增加了亲和力,而易信则没有趣味性的设计。


陌陌的图标设计是地图图钉+气泡框的造型,符合产品功能定位,又在气泡上添加了眼睛,增加了亲和力。


Hangouts的图标设计中的气泡更加圆润规整,且大气泡中的2个小气泡有长投影,风格很谷歌。




3
举报
|
10
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
推荐素材
平面设计风格的粉色草莓味马卡龙
平面插画情侣/矢量
海底世界插画
城市园林平面布局航拍
空的平台平面和自然景观
玄关入门地毯印花图案红地毯
“知识宅急送”外卖,快递,平面,海报,素材,教育
城市园林平面布局航拍
城阙凡花
金色颗粒质地的平面
金色颗粒质地的平面
平面书法字手写
平面风格黄绿色系花朵装饰
水蜜桃和李子的平面水果图案
平面插画设计女孩喝咖啡
牛奶乳液层次平面平铺平面
牛奶乳液层次梯田平铺平面
金色颗粒质地的平面
倒计时,海报,平面
金色颗粒质地的平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
中国传统纹样创新图案设计
城市园林平面布局航拍
平面男孩喝咖啡插画设计
平面设计 吊牌设计
你可能喜欢
大家都在看
登录注册