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

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

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

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

2視覺元素的對(duì)比

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

縱觀微信與LINE連我的交互界面，均采用了黑、藍(lán)、白為主色調(diào)，置頂菜單與置底菜單。在置底菜單中均放置了4個(gè)主要功能圖標(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)相對(duì)平面化。其激活圖標(biāo)的表達(dá)方式有一定的差異，但其均采用了藍(lán)色為激活圖標(biāo)的主色調(diào)，配以白色文字。但微信采用了漸變的按鈕底色，而LINE則為2個(gè)不同灰度所表達(dá)的較為平面化的高光陰影效果。很明顯，LINE在ios7發(fā)布之后受其影響，在最新發(fā)布的版本中改進(jìn)了各元素的視覺效果，以符合ios7的風(fēng)格。

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

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

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

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

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

4結(jié)語

綜上所述，LINE與微信盡管在聊天app領(lǐng)域互相競(jìng)爭(zhēng)，但在界面的視覺元素方面相似度還是較高的。其不同點(diǎn)在于細(xì)節(jié)以及部分版式編排上的差異，而這些差異取決于其市場(chǎng)定位及功能需求。而在交互架構(gòu)方面，微信主打國內(nèi)市場(chǎng)，且與QQ關(guān)聯(lián)，LINE主打國際市場(chǎng)，導(dǎo)致了其架構(gòu)上的不同。目前LINE已高調(diào)進(jìn)軍中國市場(chǎng)，其符合中國市場(chǎng)版本的更新值得今后的繼續(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 微信：誰比誰強(qiáng)[N].IT時(shí)報(bào)，20121224.

[4] 李可人.從IM到電商，微信：開啟騰訊新時(shí)代[N].CBSi：中國，2013217.

[5] 周璞.能成為微信的替代品嗎？連我LINE試用[J].中關(guān)村在線，2013（4）.作者簡(jiǎn)介：孫航，西南大學(xué)視覺傳達(dá)學(xué)士學(xué)位，馬來西亞林國榮創(chuàng)意科技大學(xué)國際當(dāng)代藝術(shù)與設(shè)計(jì)實(shí)踐碩士學(xué)位，廈門大學(xué)嘉庚學(xué)院藝術(shù)設(shè)計(jì)系教師。