雷火平台-中国知名电竞赛事平台

聯(lián)系我們 face+ 關(guān)于 服務(wù) 案例
首頁 案例 服務(wù) 關(guān)于 face+

交互界面設(shè)計的概念,及交互界面設(shè)計的類型分類

Time: 2021-10-20

       交互界面是現(xiàn)在設(shè)計領(lǐng)域中一個非常重要且前景看好的領(lǐng)域。交互界面不僅要使各交互體之間交流暢通,還要搭建和促進人機交互的有機互動。今天就讓faceui為大家介紹交互界面設(shè)計的概念,及交互界面設(shè)計的類型分類。

  交互界面設(shè)計的概念

  交互設(shè)計,是定義、設(shè)計人造系統(tǒng)的行為的設(shè)計領(lǐng)域,它定義了兩個或多個互動的個體之間交流的內(nèi)容和結(jié)構(gòu),使之互相配合,共同達成某種目的。交互設(shè)計努力去創(chuàng)造和建立的是人與產(chǎn)品及服務(wù)之間有意義的關(guān)系,以“在充滿社會復(fù)雜性的物質(zhì)世界中嵌入信息技術(shù)”為中心。

  交互設(shè)計起源于網(wǎng)站設(shè)計和圖形設(shè)計,但現(xiàn)在已經(jīng)成長為一個獨立的領(lǐng)域?,F(xiàn)在的交互設(shè)計師遠(yuǎn)非僅僅負(fù)責(zé)文字和圖片,而是負(fù)責(zé)創(chuàng)建在屏幕上的所有元素,所有用戶可能會觸摸,點按或者輸入的東西:簡而言之,產(chǎn)品體驗中的所有交互。

  交互設(shè)計在于定義人造物的行為方式(the "interaction",即人工制品在特定場景下的反應(yīng)方式)相關(guān)的界面。交互設(shè)計作為一門關(guān)注交互體驗的新學(xué)科在二十世紀(jì)八十年代產(chǎn)生了,它由IDEO的一位創(chuàng)始人比爾·摩格理吉(Bill Moggridge)在1984年一次設(shè)計會議上提出,他一開始給它命名為“軟面(Soft Face)”,由于這個名字容易讓人想起和當(dāng)時流行的玩具“椰菜娃娃(Cabbage Patch doll)”,他后來把它更名為“Interaction Design”,即交互設(shè)計。

交互界面設(shè)計

  交互界面設(shè)計

  交互界面設(shè)計的類型分類

  1、視覺隱喻 – 靜態(tài)

  1.1 文字隱喻

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

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

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

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

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

  1.3 圖形隱喻

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

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

  2、視覺隱喻 – 動態(tài)

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

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

交互界面設(shè)計

  交互界面設(shè)計

  2.2 物體物理屬性的隱喻

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

  3、聽覺隱喻

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

  4、觸覺隱喻

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

  以上就是faceui為大家介紹的關(guān)于交互界面設(shè)計的相關(guān)內(nèi)容。交互界面不僅有暢通的交互動態(tài),也需要關(guān)注用戶的感官,使其獲得更好的使用體驗。

合作咨詢

上海(總部)

上海市浦東新區(qū)郭守敬路498號22號樓
021-61057328
service@faceui.com

辦公地址地圖

北京

北京市東城區(qū)后永康17號A座
010-64015620
service@faceui.com

辦公地址地圖

成都

四川省成都市錦江區(qū)東大街牛王廟段100號
028-62790929
service@faceui.com

辦公地址地圖
首頁 | 案例 | 服務(wù) | 關(guān)于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

上海辦公地點地圖
北京辦公地點地圖
深圳辦公地點地圖
在微信中搜索faceui
或保存二維碼在微信中打開