JJB竞技宝|足球世界杯竞猜平台

聯系我們 face+ 關于 服務 案例
首頁 案例 服務 關于 face+

交互界面設計的概念,及交互界面設計的類型分類

Time: 2021-10-20

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

  交互界面設計的概念

  交互設計,是定義、設計人造系統的行為的設計領域,它定義了兩個或多個互動的個體之間交流的內容和結構,使之互相配合,共同達成某種目的。交互設計努力去創造和建立的是人與產品及服務之間有意義的關系,以“在充滿社會復雜性的物質世界中嵌入信息技術”為中心。

  交互設計起源于網站設計和圖形設計,但現在已經成長為一個獨立的領域。現在的交互設計師遠非僅僅負責文字和圖片,而是負責創建在屏幕上的所有元素,所有用戶可能會觸摸,點按或者輸入的東西:簡而言之,產品體驗中的所有交互。

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

交互界面設計

  交互界面設計

  交互界面設計的類型分類

  1、視覺隱喻 – 靜態

  1.1 文字隱喻

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

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

  1.2 色彩與材質隱喻

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

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

  1.3 圖形隱喻

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

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

  2、視覺隱喻 – 動態

  2.1 人的行為習慣上的隱喻

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

交互界面設計

  交互界面設計

  2.2 物體物理屬性的隱喻

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

  3、聽覺隱喻

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

  4、觸覺隱喻

  觸覺上的隱喻可以理解為,設計師模擬真實世界用戶獲得的某種觸覺體感,為界面提供適當的仿真反饋,從而提高用戶體驗的方法。常見觸覺上的隱喻,例如:iPhone7的home鍵并非實體按鍵,但為了保持用戶的使用習慣,仿真設計成實體按鍵的外形并提供用戶實體按鍵的反饋;iPhone的3DTouch可以理解為設計師為了模擬電腦鼠標的右鍵,為產品提供更多功能的一種移動端快捷方式;此外,在游戲中,撞車時、飛機被擊中時的震動反饋也屬于觸覺上的隱喻形式。

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

合作咨詢

上海(總部)

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

辦公地址地圖

北京

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

辦公地址地圖

成都

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

辦公地址地圖
首頁 | 案例 | 服務 | 關于 | face+ | 智見

Copyright ? 2009-2022 FaceUI design. All rights reserved


滬ICP備13044459號-5

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