LINE與微信之爭

摘要：作為即時通訊手機社交軟件，微信與LINE（連我）在各自領(lǐng)域獨占鰲頭。其視覺元素與交互設(shè)計存在一定的差異和雷同。本文從設(shè)計的角度出發(fā)，研究探討這兩款手機社交應(yīng)用的對比。

關(guān)鍵詞：微信；LINE連我；視覺元素；交互設(shè)計；市場導(dǎo)向1相關(guān)背景：微信與LINE的市場

微信（WeChat）為騰訊公司（Tencent）于2011年初推出的一款快速發(fā)送文字和照片、支持多人語音對講的手機聊天軟件。據(jù)統(tǒng)計，于2012年3月底，用戶數(shù)量突破1億，耗時433天；2012年9月，用戶數(shù)量突破2億；2013年1月，微信用戶達(dá)3億；截至2013年11月注冊用戶量已經(jīng)突破6億，是亞洲地區(qū)最大用戶群體的移動即時通訊軟件。

另一方面，LINE（連我）是韓國NHN公司旗下跨多平臺的免費通訊軟件。2011年在日本推出，2012年初用戶數(shù)量突破1億，2012年中突破2億，截至2013年11月25日，其宣布用戶數(shù)量突破3億，其中5000萬用戶來自日本。目前這款應(yīng)用已經(jīng)在231個國家和地區(qū)使用，并在全球41個國家和地區(qū)的App Store中排名第一。

2視覺元素的對比

無獨有偶，微信的圖標(biāo)與LINE連我的圖標(biāo)均采用了對話氣泡為主題，綠色與白色相配。微信采用了2個對話氣泡，每個氣泡上加以2個點，既表達(dá)了聊天的理念，同時具有一定擬人化，圖標(biāo)背景為綠色的漸變。而LINE連我僅采用了一個對話氣泡，將其名稱LINE放入氣泡中，圖標(biāo)背景為單一的綠色，周邊加以雪花點綴，顯示圣誕主題。此處表現(xiàn)出一定的文化差異以及其市場定位在設(shè)計語言中的影響。

縱觀微信與LINE連我的交互界面，均采用了黑、藍(lán)、白為主色調(diào)，置頂菜單與置底菜單。在置底菜單中均放置了4個主要功能圖標(biāo)。未被激活的圖標(biāo)都以灰度漸變表達(dá)，被激活的圖標(biāo)以藍(lán)白漸變顯示。

置頂菜單與置底菜單在微信與LINE連我界面中的大小、位置一致，且“Chats”標(biāo)題的字體、大小、位置也相同。但置頂菜單的漸變與菜單中的圖標(biāo)卻有不同。LINE連我置頂菜單為明顯的具有一定灰度的藍(lán)色至黑色的漸變，配以內(nèi)凹的圖標(biāo)，而微信的置頂菜單為灰色為主至黑色的漸變，配以外凸的圖標(biāo)。微信與LINE置底菜單的漸變?nèi)绯鲆晦H。但微信的圖標(biāo)均采用具有一定凹凸感的效果，而LINE的圖標(biāo)相對平面化。其激活圖標(biāo)的表達(dá)方式有一定的差異，但其均采用了藍(lán)色為激活圖標(biāo)的主色調(diào)，配以白色文字。但微信采用了漸變的按鈕底色，而LINE則為2個不同灰度所表達(dá)的較為平面化的高光陰影效果。很明顯，LINE在ios7發(fā)布之后受其影響，在最新發(fā)布的版本中改進了各元素的視覺效果，以符合ios7的風(fēng)格。

由于字體受手機型號及手機系統(tǒng)設(shè)定影響，此處字體的討論僅在其大小及編排方面的對比。與微信不同，LINE的消息時間顯示采用了較小的字號。消息發(fā)出者的名字字號相同，但LINE內(nèi)容縮略信息字號比微信的小。

從版面編排上來看，微信的版式更加嚴(yán)謹(jǐn)、系統(tǒng)化，圖標(biāo)與文字標(biāo)題形影不離，并在各個版面均采用圖標(biāo)在左，文字標(biāo)題在右的列表形式，符合其功能繁多的要求，但此設(shè)計卻容易導(dǎo)致用戶選擇失誤。相比之下，LINE在版式上則相對活潑些，采用了大圖標(biāo)下加以小文字標(biāo)題的形式，圖標(biāo)的大小與手指的大小做了精確的匹配，避免了用戶的選擇失誤。可以說，微信的版式編排受到其功能的制約，而LINE的功能相對簡單。因此，其大圖標(biāo)的編排設(shè)計使得其實用性相對較高。

3交互架構(gòu)及其功能對比

從整個app的交互架構(gòu)來看，微信登錄后的首頁面為各聊天信息的羅列，而LINE則是好友列表，聊天信息的羅列顯示則是在置底菜單的第二項，顯然，LINE此舉無疑一定程度上保護了用戶的信息隱私，而微信則把好友列表放置在置底菜單的第二項。LINE的添加好友功能為置底菜單的第三項，相比之下，微信則把“發(fā)現(xiàn)”設(shè)置為置底菜單的第三項。這一差異體現(xiàn)了這兩種聊天app的市場定位及其主打功能的不同。

與微信不同，盡管LINE也有個人的信息、狀態(tài)發(fā)布頁面，但未有類似微信朋友圈的功能，在一定程度上減少了朋友間的互動，使得LINE專精于聊天功能。此外，LINE的免費電話（通過3G網(wǎng)絡(luò)或wifi的數(shù)據(jù)聯(lián)通實現(xiàn)）在聊天功能上占據(jù)了優(yōu)勢，而各種有趣的貼紙表情使得LINE在聊天功能上如虎添翼。目前最新版的微信已追隨LINE推出各種貼紙表情。

4結(jié)語

綜上所述，LINE與微信盡管在聊天app領(lǐng)域互相競爭，但在界面的視覺元素方面相似度還是較高的。其不同點在于細(xì)節(jié)以及部分版式編排上的差異，而這些差異取決于其市場定位及功能需求。而在交互架構(gòu)方面，微信主打國內(nèi)市場，且與QQ關(guān)聯(lián)，LINE主打國際市場，導(dǎo)致了其架構(gòu)上的不同。目前LINE已高調(diào)進軍中國市場，其符合中國市場版本的更新值得今后的繼續(xù)研究。參考文獻(xiàn)：

[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].中關(guān)村在線，2013（4）.作者簡介：孫航，西南大學(xué)視覺傳達(dá)學(xué)士學(xué)位，馬來西亞林國榮創(chuàng)意科技大學(xué)國際當(dāng)代藝術(shù)與設(shè)計實踐碩士學(xué)位，廈門大學(xué)嘉庚學(xué)院藝術(shù)設(shè)計系教師。