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

李 立

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

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

李 立

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

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

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

1 微信和韓國(guó)“連我”

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

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

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

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

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

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

總結(jié)

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

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

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

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

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

(2)個(gè)性化，增強(qiáng)參與性

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

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

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

結(jié)語(yǔ)

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

注釋:

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

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

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

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

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

TB472

A

1672-5832(2016)09-0084-01