超碰av在线|无码精品一区二区三区在线|伊人色色日韩一级片内射视频群批_欧美丰满少妇人妻HD高清在线_亚洲一区二区中文_亚洲无码动漫专区

揭開(kāi)隱喻設(shè)計(jì)面紗-界面隱喻類(lèi)型與隱喻設(shè)計(jì)方法

2018-7-16    博博

揭開(kāi)隱喻設(shè)計(jì)面紗-界面隱喻類(lèi)型與隱喻設(shè)計(jì)方法

互聯(lián)網(wǎng)er的早讀課 2018-07-14 18:46:25

如果您想訂閱本博客內(nèi)容,每天自動(dòng)發(fā)到您的郵箱中, 請(qǐng)點(diǎn)這里

來(lái)源:網(wǎng)易UEDC(ID:NetEase_UEDC)

編輯:Juvae

隱喻設(shè)計(jì)是一種常用卻很少有人提及的概念,人們往往身在其中卻不知究竟為何物。

簡(jiǎn)單說(shuō),隱喻設(shè)計(jì)它可以將現(xiàn)實(shí)生活中用戶(hù)熟悉的事物以多種形式映射到界面中,從而使用戶(hù)不熟悉的概念、陌生且復(fù)雜的操作等變得熟悉與簡(jiǎn)單。

它不等同擬物設(shè)計(jì),隱喻是一個(gè)大的概念,界面中充斥著不同的隱喻元素。本文將常見(jiàn)的隱喻元素按照視覺(jué)、聽(tīng)覺(jué)、觸覺(jué)三種界面交互類(lèi)型分類(lèi),并整理了四種隱喻設(shè)計(jì)方法,以供大家參考。

界面隱喻的類(lèi)型

1. 視覺(jué)隱喻 - 靜態(tài)

1.1 文字隱喻

界面中常見(jiàn)的文字隱喻可以分為兩種,一種是功能命名類(lèi)語(yǔ)言,另一種是產(chǎn)品定義類(lèi)語(yǔ)言。

常見(jiàn)的功能命名類(lèi)語(yǔ)言有:“解鎖、導(dǎo)航、登錄”等等。功能命名類(lèi)語(yǔ)言主要是運(yùn)用隱喻的方法對(duì)界面中經(jīng)常使用的功能進(jìn)行命名,例如“導(dǎo)航”本義是駕駛某種交通工具從某個(gè)地方去往另外一個(gè)地方,它可以指引人們路線,設(shè)計(jì)師將界面中“依據(jù)地圖行走可以到達(dá)目的地”這一功能命名為“導(dǎo)航”,可以和現(xiàn)實(shí)生活中人們熟悉的導(dǎo)航本義結(jié)合起來(lái),方便記憶。

常見(jiàn)的產(chǎn)品定義類(lèi)語(yǔ)言有:應(yīng)用市場(chǎng)中的“市場(chǎng)”、文件助手中的“助手”等等。而產(chǎn)品定義類(lèi)語(yǔ)言,不僅可以準(zhǔn)確表達(dá)功能要求,還能傳遞給用戶(hù)某種情感。例如,文件助手中的“助手”兩個(gè)字本義是可以幫助他人的人,設(shè)計(jì)師將手機(jī)中的文件夾定義為“文件助手”,意圖是這一功能可以為用戶(hù)整理文件排憂解難,給用戶(hù)傳遞一種被感動(dòng)的情感。

揭開(kāi)隱喻設(shè)計(jì)面紗-界面隱喻類(lèi)型與隱喻設(shè)計(jì)方法

1.2 色彩與材質(zhì)隱喻

在界面設(shè)計(jì)中也有兩種形式的色彩隱喻。一種為指示性的設(shè)計(jì),運(yùn)用用戶(hù)熟悉的某種顏色指示界面中的某種狀態(tài),例如QQPC版用綠色icon代表我在線上、紅色icon代表忙碌或請(qǐng)勿打擾。另一種為氣氛的營(yíng)造,借用色彩帶給用戶(hù)的某種心理暗示,為產(chǎn)品營(yíng)造某種氛圍,例如支付寶軟件整體采用藍(lán)色的風(fēng)格,可以營(yíng)造一種安全的氛圍。

材質(zhì)的隱喻可以使界面不再生硬,用戶(hù)使用起來(lái)更加親切。例如讀書(shū)APP的閱讀界面采用紙質(zhì)效果,使用戶(hù)在閱讀時(shí)更像是閱讀一本真正的書(shū)。

揭開(kāi)隱喻設(shè)計(jì)面紗-界面隱喻類(lèi)型與隱喻設(shè)計(jì)方法

1.3 圖形隱喻

圖形是構(gòu)成界面的重要元素,具有隱喻特征的圖形會(huì)讓一些繁瑣并難以理解的操作行為變得輕松且生活化。所以在設(shè)計(jì)中,設(shè)計(jì)師需要有效地構(gòu)建圖形隱喻從而表達(dá)事物的含義與特征。

常用的圖形隱喻非常多,例如界面中鎖可以代表“密碼”,火箭可以代表“加速”,調(diào)色板可以代表“主題”,齒輪可以代表“設(shè)置”,地球可以代表“瀏覽器”,雨傘可以代表“安全”等等。

揭開(kāi)隱喻設(shè)計(jì)面紗-界面隱喻類(lèi)型與隱喻設(shè)計(jì)方法

2. 視覺(jué)隱喻 - 動(dòng)態(tài)

2.1 人的行為習(xí)慣上的隱喻

人的行為習(xí)慣上的隱喻是指界面設(shè)計(jì)中的交互方式模擬用戶(hù)真實(shí)操作生活中的物體時(shí)的手勢(shì)、動(dòng)作。例如,界面中的手勢(shì)操作:滑動(dòng),放大,縮小,旋轉(zhuǎn),拖動(dòng),抓取等;將垃圾文件放置回收站,將商品放入購(gòu)物車(chē);手機(jī)滑動(dòng)解鎖等等。

揭開(kāi)隱喻設(shè)計(jì)面紗-界面隱喻類(lèi)型與隱喻設(shè)計(jì)方法

2.2 物體物理屬性的隱喻

物體物理屬性上的隱喻是指現(xiàn)實(shí)生活中,物體被移動(dòng)、被操作會(huì)表現(xiàn)出一種自然的屬性,設(shè)計(jì)師根據(jù)這種屬性進(jìn)行界面隱喻設(shè)計(jì)。常見(jiàn)界面中物體物理屬性的隱喻有:讀書(shū)軟件中翻書(shū)書(shū)頁(yè)模擬真實(shí)的效果;點(diǎn)擊或觸摸屏幕時(shí)視覺(jué)水波效果的反饋; 頁(yè)面轉(zhuǎn)場(chǎng)的加速度,慣性等物理運(yùn)動(dòng)曲線效果等等。

揭開(kāi)隱喻設(shè)計(jì)面紗-界面隱喻類(lèi)型與隱喻設(shè)計(jì)方法

3. 聽(tīng)覺(jué)隱喻

聽(tīng)覺(jué)隱喻元素是指界面系統(tǒng)反饋給用戶(hù)的某種能夠準(zhǔn)確映射出這種交互行為的隱喻性聲效。例如,將文件放入回收站的音效(當(dāng)將一個(gè)文件放入回收站后系統(tǒng)會(huì)模擬紙張被撕開(kāi),扔入垃圾桶的音效);當(dāng)用戶(hù)讀電子書(shū)翻頁(yè)時(shí),紙張的摩擦聲的音效;此外還涉及游戲音效:當(dāng)用戶(hù)玩游戲植物大戰(zhàn)僵尸游戲的時(shí)候存在多種聽(tīng)覺(jué)隱喻元素,種下植物時(shí)植物與地面結(jié)合的音效、植物發(fā)射子彈打在僵尸身上的響聲、僵尸來(lái)臨時(shí)的營(yíng)造氛圍的恐怖音效、最終失敗時(shí)主人公大腦被吃掉時(shí)的叫聲,聽(tīng)覺(jué)通道上的隱喻音效讓整個(gè)游戲更加真實(shí)、生動(dòng)。

4. 觸覺(jué)隱喻

觸覺(jué)上的隱喻可以理解為,設(shè)計(jì)師模擬真實(shí)世界用戶(hù)獲得的某種觸覺(jué)體感,為界面提供適當(dāng)?shù)姆抡娣答?,從而提高用?hù)體驗(yàn)的方法。常見(jiàn)觸覺(jué)上的隱喻,例如:iPhone7的home鍵并非實(shí)體按鍵,但為了保持用戶(hù)的使用習(xí)慣,仿真設(shè)計(jì)成實(shí)體按鍵的外形并提供用戶(hù)實(shí)體按鍵的反饋;iPhone的3DTouch可以理解為設(shè)計(jì)師為了模擬電腦鼠標(biāo)的右鍵,為產(chǎn)品提供更多功能的一種移動(dòng)端快捷方式;此外,在游戲中,撞車(chē)時(shí)、飛機(jī)被擊中時(shí)的震動(dòng)反饋也屬于觸覺(jué)上的隱喻形式。

揭開(kāi)隱喻設(shè)計(jì)面紗-界面隱喻類(lèi)型與隱喻設(shè)計(jì)方法

界面隱喻的設(shè)計(jì)方法

界面隱喻設(shè)計(jì)方法的本質(zhì)是設(shè)計(jì)師通過(guò)將界面中某元素和現(xiàn)實(shí)生活中的某事物聯(lián)系起來(lái),挖掘二者之間相似的屬性,從而使用戶(hù)接觸到界面中的此元素時(shí),就能夠認(rèn)知這個(gè)元素所代表的概念或功能等。針對(duì)二者之間相似的屬性,具體可以分為概念上的屬性、特征上的屬性、結(jié)構(gòu)上的屬性、行為上的屬性等。

1. 從概念上進(jìn)行隱喻設(shè)計(jì)

例如,現(xiàn)在最普遍的兩大電腦操作系統(tǒng)Mac OS系統(tǒng)與Windows系統(tǒng)的“桌面”界面都是由現(xiàn)實(shí)生活中的工作桌面的概念映射而來(lái)。

揭開(kāi)隱喻設(shè)計(jì)面紗-界面隱喻類(lèi)型與隱喻設(shè)計(jì)方法

2. 從特征上進(jìn)行隱喻設(shè)計(jì)

例如,設(shè)計(jì)師會(huì)使用盾牌的圖形來(lái)表示安全軟件,因?yàn)槎芘婆c安全管家等軟件同樣具有防護(hù)的特征。

揭開(kāi)隱喻設(shè)計(jì)面紗-界面隱喻類(lèi)型與隱喻設(shè)計(jì)方法

3. 從結(jié)構(gòu)上進(jìn)行隱喻設(shè)計(jì)

例如,網(wǎng)易郵箱大師的“郵箱與文件夾”展開(kāi)結(jié)構(gòu)與現(xiàn)實(shí)生活中抽屜被抽開(kāi)的結(jié)構(gòu)具有一致性。

揭開(kāi)隱喻設(shè)計(jì)面紗-界面隱喻類(lèi)型與隱喻設(shè)計(jì)方法

4. 從行為上進(jìn)行隱喻設(shè)計(jì)

例如,在界面中用戶(hù)將某文件拖進(jìn)回收站這一動(dòng)作模擬了現(xiàn)實(shí)生活中人們將廢紙扔進(jìn)垃圾桶。

揭開(kāi)隱喻設(shè)計(jì)面紗-界面隱喻類(lèi)型與隱喻設(shè)計(jì)方法

寫(xiě)在最后

好的隱喻設(shè)計(jì)可以簡(jiǎn)單地傳達(dá)一個(gè)功能所代表的意義,或能更加匹配用戶(hù)心智模型從而引導(dǎo)用戶(hù)進(jìn)行正確的操作。

本文歸納的隱喻設(shè)計(jì)類(lèi)型和隱喻設(shè)計(jì)方法,希望可以對(duì)大家提供一些設(shè)計(jì)啟發(fā)。

藍(lán)藍(lán)設(shè)計(jì)www.miumiuwan.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶(hù)體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 平面設(shè)計(jì)服務(wù)

分享本文至:

日歷

鏈接

個(gè)人資料

存檔