李 立

(廣東工業(yè)大學(xué) 廣東 廣州 510090)

微信與韓國“連我”(Line)的界面圖標(biāo)對比研究

李 立

(廣東工業(yè)大學(xué) 廣東 廣州 510090)

微信與“連我”(Line)是即時通訊軟件中的佼佼者。它們的界面圖標(biāo)設(shè)計具有一定的差異和相似點。本文從交互設(shè)計的角度出發(fā)，對兩者進(jìn)行對比分析研究，最后就界面圖標(biāo)的設(shè)計提出建議。

微信; 連我;圖標(biāo)

1 微信和韓國“連我”

微信是騰訊公司推出的一款手機即時通訊軟件。Line由韓國互聯(lián)網(wǎng)集團(tuán)NHN的日本子公司NHN Japan推出。這兩類軟件都滿足了人們實時溝通的愿望與情緒的表達(dá)，信息的分享等等。社交軟件具有注重用戶的情感體驗、易操作、個性化等特點。在界面的圖標(biāo)設(shè)計中，視覺元素帶來的信息與讓人產(chǎn)生的情感體驗是非常重要的。通過對比兩者，就界面圖標(biāo)設(shè)計提出建議。

2 微信與“連我”的界面圖標(biāo)對比

微信與連我的應(yīng)用圖標(biāo)具有相似性，它們均以“對話氣泡”為主題。微信采用了2個氣泡為主題，綠色與白色搭配，每個氣泡均有兩個點，一方面代表了聊天，另外一方面賦予了圖標(biāo)人的形態(tài)，似乎是兩個人在聊天。“連我”的圖標(biāo)只采用了一個對話氣泡，Line 被放入其中，背景為綠色。它表明了軟件的名稱及功能，Line在英文中是“線”的意思，也指“l(fā)ine”把人們連接、聯(lián)系起來。整體是矩形，給人穩(wěn)重之感，微信的4個角是圓角，而“連我”的四個角是直角，圓角給人以親切之感，而直角給人以穩(wěn)重、規(guī)矩的之感。

界面上,均采用了黑、藍(lán)、白為主色調(diào)置頂菜單與置底菜單。在置底菜單中均放置了4個主要功能圖標(biāo)。未被激活的圖標(biāo)都以灰度漸變表達(dá)被激活的圖標(biāo)以藍(lán)白漸變顯示。在兩者的界面中，其置頂菜單和置底菜單的大小均一致以及字體大小、位置均相同。微信的圖標(biāo)具有一定的凹凸感，“連我”的圖標(biāo)比較平面化。排版方面，微信的更加嚴(yán)謹(jǐn)以及系統(tǒng)化，圖標(biāo)與文字形影不離，圖標(biāo)在左，文字在右。它的功能較多，排版較為緊密，因此用戶容易選擇錯誤。對比而言，“連我”的功能簡單，排版采取圖標(biāo)在上，文字在下的模式。采用大圖標(biāo)的排版使得“連我”的實用性比較強大。

微信與“連我”的界面圖標(biāo)均具有簡潔，易識別的特點，圖形選取一方面結(jié)合了本身軟件應(yīng)用圖標(biāo)，融入了品牌的元素。兩個聊天信息呈現(xiàn)的圖標(biāo)是很好的展示。氣泡的曲線的應(yīng)用給人以柔和感，富有親近力，與朋友的聊天是溫馨的，幸福的，圖標(biāo)很好地傳遞了這種感情。添加好友這兩個圖標(biāo)。微信勝在簡潔，另外一個“+”與一個人的組合很好地表明了其功能。而“連我”是一只兔子撲向一只小熊的懷抱，是擬人化的表現(xiàn)，更富有情感表現(xiàn)力，讓人產(chǎn)生心理上的共鳴。公眾號的圖標(biāo)的不同則具有明顯的文化差異，在中國文化中，前期新浪微博的盛行，官方認(rèn)證后個人圖像就有那個對號，而微信采用形式，是符合人們的認(rèn)知習(xí)慣的。而“連我”的圖標(biāo)定位市場是國際化，不難發(fā)現(xiàn)，在進(jìn)行用戶的界面設(shè)計過程中，要考慮市場定位、目標(biāo)地區(qū)文化、用戶認(rèn)知習(xí)慣、用戶情感表達(dá)等。

在界面圖標(biāo)的對比中，顏色的研究必不可少。正如《藝術(shù)與視知覺》中所說:“色彩產(chǎn)生的是情感經(jīng)驗,而與形狀相對應(yīng)的反應(yīng)則是理的控制?！雹?。微信采用黑色為底色，給人一種穩(wěn)重成熟的感覺。整個界面出現(xiàn)了紅、藍(lán)、綠、灰等幾種顏色。讓人生出一種錯雜之感。而“連我”的界面采用灰色，以及圖標(biāo)采用了同樣的色相，有統(tǒng)一之美，具有“整體美”之感。

總結(jié)

對比分析，“連我”與微信對比，界面設(shè)計有很多亮點。它融入布朗熊和可妮兔元素，讓整個設(shè)計具有“人情味”，滿足了用戶的情感需求。另外界面設(shè)計中采用同一色相的顏色，通過改變顏色的飽和度、亮度來改變顏色，這樣保證了界面的“統(tǒng)一性”與“整體美”。微信的目的是改變?nèi)藗儷@取信息的方式，提高用戶獲取信息的效率以及信息的質(zhì)量，因此優(yōu)化微信用戶界面需要從用戶的根本需求著手，尤其是微信的基本功能。

(1)基于信息可視化的信息理論的圖標(biāo)優(yōu)化

圖形是信息的載體。適當(dāng)?shù)膱D形可以給用戶以直接的信息傳遞。成功的圖標(biāo)設(shè)計是用戶見其圖，知其意。另外可以配合有聲信息，利用聽覺和視覺這兩個相對獨立的信息通道達(dá)到信息的準(zhǔn)確輸出，比如微信的搖一搖圖標(biāo)配以類似的聲音。

(2)情感化設(shè)計

情感的兩個維度分別是愉快(高興、滿意、喜歡、欣賞)和激起(厭煩、怨恨、憂愁、悲痛)。情感在人處理信息時具有重要作用。不僅要注重滿足用戶的功能需求，還要注重用戶的情感體驗。表情設(shè)計有助于信息溝通、情感表達(dá)。另外手繪的圖標(biāo)，可以給人一種返璞歸真的感覺。

(2)個性化，增強參與性

讓用戶參與到設(shè)計中，根據(jù)自己的習(xí)慣設(shè)置界面，開放性、個性化可以帶來無盡的創(chuàng)意和設(shè)計，同時符合交互的原則。由設(shè)計師設(shè)計界面，而由用戶自己來完善整個環(huán)境，用戶可依據(jù)自己的習(xí)慣定制界面，并能保存設(shè)置，用戶樂于存在于這樣的體貼的、具有親和力的世界。

(4)地域特色、節(jié)日特色的融入

將市場細(xì)化，根據(jù)不同地區(qū)，推出富有不同文化氣息的微信版本設(shè)計，另外借鑒QQ登陸界面會根據(jù)季節(jié)、節(jié)日、時間而發(fā)生變化，那么微信同理可以融入這樣的設(shè)計。

結(jié)語

在進(jìn)行界面圖標(biāo)的設(shè)計時，要從用戶出發(fā)，研究用戶認(rèn)知習(xí)慣、行為習(xí)慣、文化背景、情感體驗等方面。另外，顏色的搭配，圖標(biāo)的布局具有邏輯性，符合大眾用戶的審美。進(jìn)行良好的界面設(shè)計，離不開對市場定位以及需求的準(zhǔn)確定義。

注釋:

① 美.魯?shù)婪颉ぐ⒍骱Ｄ分?，滕守免、朱?xùn)源譯,《藝術(shù)與視知覺〉〉,四川人民出版社,1998年.

[1] 孫航.LINE與微信之爭—在視覺元素以及交互設(shè)計中的對比[J].藝科論壇:358.

[2] 美.魯?shù)婪颉ぐ⒍骱Ｄ分?，滕守免、朱?xùn)源譯,《藝術(shù)與視知覺〉〉,四川人民出版社,1998年:12.

[3] 劉淑淳.界面圖標(biāo)的視覺設(shè)計與應(yīng)用研究[D].長沙：湖南師范大學(xué).2014:26.

李立(1991-)，女，漢族，河北衡水人，廣東工業(yè)大學(xué)藝術(shù)設(shè)計學(xué)院2014級碩士研究生，研究方向：可持續(xù)設(shè)計。

TB472

A

1672-5832(2016)09-0084-01