LINE與微信之爭

摘要：作為即時通訊手機社交軟件，微信與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）.作者簡介：孫航，西南大學視覺傳達學士學位，馬來西亞林國榮創意科技大學國際當代藝術與設計實踐碩士學位，廈門大學嘉庚學院藝術設計系教師。