APP下载

LINE与微信之争

2014-04-29孙航

艺术科技 2014年1期
关键词:视觉元素交互设计微信

摘要:作为即时通讯手机社交软件,微信与LINE(连我)在各自领域独占鳌头。其视觉元素与交互设计存在一定的差异和雷同。本文从设计的角度出发,研究探讨这两款手机社交应用的对比。

关键词:微信;LINE连我;视觉元素;交互设计;市场导向1相关背景:微信与LINE的市场

微信(WeChat)为腾讯公司(Tencent)于2011年初推出的一款快速发送文字和照片、支持多人语音对讲的手机聊天软件。据统计,于2012年3月底,用户数量突破1亿,耗时433天;2012年9月,用户数量突破2亿;2013年1月,微信用户达3亿;截至2013年11月注册用户量已经突破6亿,是亚洲地区最大用户群体的移动即时通讯软件。

另一方面,LINE(連我)是韩国NHN公司旗下跨多平台的免费通讯软件。2011年在日本推出,2012年初用户数量突破1亿,2012年中突破2亿,截至2013年11月25日,其宣布用户数量突破3亿,其中5000万用户来自日本。目前这款应用已经在231个国家和地区使用,并在全球41个国家和地区的App Store中排名第一。

2视觉元素的对比

无独有偶,微信的图标与LINE连我的图标均采用了对话气泡为主题,绿色与白色相配。微信采用了2个对话气泡,每个气泡上加以2个点,既表达了聊天的理念,同时具有一定拟人化,图标背景为绿色的渐变。而LINE连我仅采用了一个对话气泡,将其名称LINE放入气泡中,图标背景为单一的绿色,周边加以雪花点缀,显示圣诞主题。此处表现出一定的文化差异以及其市场定位在设计语言中的影响。

纵观微信与LINE连我的交互界面,均采用了黑、蓝、白为主色调,置顶菜单与置底菜单。在置底菜单中均放置了4个主要功能图标。未被激活的图标都以灰度渐变表达,被激活的图标以蓝白渐变显示。

置顶菜单与置底菜单在微信与LINE连我界面中的大小、位置一致,且“Chats”标题的字体、大小、位置也相同。但置顶菜单的渐变与菜单中的图标却有不同。LINE连我置顶菜单为明显的具有一定灰度的蓝色至黑色的渐变,配以内凹的图标,而微信的置顶菜单为灰色为主至黑色的渐变,配以外凸的图标。微信与LINE置底菜单的渐变如出一辙。但微信的图标均采用具有一定凹凸感的效果,而LINE的图标相对平面化。其激活图标的表达方式有一定的差异,但其均采用了蓝色为激活图标的主色调,配以白色文字。但微信采用了渐变的按钮底色,而LINE则为2个不同灰度所表达的较为平面化的高光阴影效果。很明显,LINE在ios7发布之后受其影响,在最新发布的版本中改进了各元素的视觉效果,以符合ios7的风格。

由于字体受手机型号及手机系统设定影响,此处字体的讨论仅在其大小及编排方面的对比。与微信不同,LINE的消息时间显示采用了较小的字号。消息发出者的名字字号相同,但LINE内容缩略信息字号比微信的小。

从版面编排上来看,微信的版式更加严谨、系统化,图标与文字标题形影不离,并在各个版面均采用图标在左,文字标题在右的列表形式,符合其功能繁多的要求,但此设计却容易导致用户选择失误。相比之下,LINE在版式上则相对活泼些,采用了大图标下加以小文字标题的形式,图标的大小与手指的大小做了精确的匹配,避免了用户的选择失误。可以说,微信的版式编排受到其功能的制约,而LINE的功能相对简单。因此,其大图标的编排设计使得其实用性相对较高。

3交互架构及其功能对比

从整个app的交互架构来看,微信登录后的首页面为各聊天信息的罗列,而LINE则是好友列表,聊天信息的罗列显示则是在置底菜单的第二项,显然,LINE此举无疑一定程度上保护了用户的信息隐私,而微信则把好友列表放置在置底菜单的第二项。LINE的添加好友功能为置底菜单的第三项,相比之下,微信则把“发现”设置为置底菜单的第三项。这一差异体现了这两种聊天app的市场定位及其主打功能的不同。

与微信不同,尽管LINE也有个人的信息、状态发布页面,但未有类似微信朋友圈的功能,在一定程度上减少了朋友间的互动,使得LINE专精于聊天功能。此外,LINE的免费电话(通过3G网络或wifi的数据联通实现)在聊天功能上占据了优势,而各种有趣的贴纸表情使得LINE在聊天功能上如虎添翼。目前最新版的微信已追随LINE推出各种贴纸表情。

4结语

综上所述,LINE与微信尽管在聊天app领域互相竞争,但在界面的视觉元素方面相似度还是较高的。其不同点在于细节以及部分版式编排上的差异,而这些差异取决于其市场定位及功能需求。而在交互架构方面,微信主打国内市场,且与QQ关联,LINE主打国际市场,导致了其架构上的不同。目前LINE已高调进军中国市场,其符合中国市场版本的更新值得今后的继续研究。参考文献:

[1] Galitz, wilbert O. the essential guide to user interface design: an introduction to GUI design principles and techniques[M]. New York: Wiley, 2007.

[2] Susana. “Icon design, the ultimate guide.” icon library. 201115thjune. http:∥iconlibrary.iconshock.com/icondesign/ (accessed 201130thjune.

[3] LINE VS 微信:谁比谁强[N].IT时报,20121224.

[4] 李可人.从IM到电商,微信:开启腾讯新时代[N].CBSi:中国,2013217.

[5] 周璞.能成为微信的替代品吗?连我LINE试用[J].中关村在线,2013(4).作者简介:孙航,西南大学视觉传达学士学位,马来西亚林国荣创意科技大学国际当代艺术与设计实践硕士学位,厦门大学嘉庚学院艺术设计系教师。

猜你喜欢

视觉元素交互设计微信
微信
品牌包装设计的视觉要素建构探析
探析“苏式”景观设计师养成
现代展示场景设计中视觉元素的应用研究
浅谈交互设计在工业设计中的运用
莆田电子商务界面设计的艺术研究
交互设计在工业设计中的应用分析
微信
微信