本書系統(tǒng)地介紹了人機交互界面設計的概念、原則、方法及其在網(wǎng)頁端、移動端、虛擬現(xiàn)實系統(tǒng)、工業(yè)產(chǎn)品人機界面設計中的應用和評價。全書共分8章,內容包括用戶界面設計、用戶體驗設計、交互設計、網(wǎng)頁端人機界面設計、移動端界面設計、虛擬現(xiàn)實系統(tǒng)界面設計、工業(yè)產(chǎn)品中的人機交互、人機交互設計評價等。
本書注重理論與實踐相結合,圖文并茂,深入淺出地對人機交互界面設計進行了詳細全面的講解,將界面設計基本原理與實際案例分析相結合,力求培養(yǎng)學生分析和完成實際設計課題的能力。本書內容豐富,重點突出,難度適中,知識面較寬,具有很好的教學適用性。
本書適合作為普通高等院校工業(yè)設計、藝術設計、計算機應用等相關專業(yè)的教學用書,也可供設計人員及廣大設計愛好者參考使用。
隨著互聯(lián)網(wǎng)的快速發(fā)展,社會對UI、UE設計師的需求逐年增加,交互設計成為設計師順應時代發(fā)展趨勢的必備技能。同時,隨著智能化設備的不斷普及,人機交互設計也成為產(chǎn)品開發(fā)過程中需重點關注的環(huán)節(jié)。交互設計是人、產(chǎn)品、服務之間聯(lián)系與溝通的紐帶,是多學科有機結合的產(chǎn)物,在互聯(lián)網(wǎng)時代發(fā)揮著越來越重要的作用。將交互設計納入課程教學,可加強學生對產(chǎn)品思維、用戶體驗的理解,使學生在界面設計、產(chǎn)品人機交互設計等方面更加系統(tǒng)地構建相關知識框架,并為實際設計操作提供理論指導,提高設計創(chuàng)作能力。
本書共分8章,第1章介紹了用戶界面設計的概念及理論依據(jù),提出了UI設計的開發(fā)流程和技術,并對UI設計的內容、版式、色彩三大細節(jié)設計規(guī)律進行深度探討。第2章介紹了用戶體驗的相關知識,包括用戶體驗的概念、要素、特點等,以及用戶體驗在設計中的具體表現(xiàn)方法。第3章介紹了交互設計的構架與原則,結合用戶體驗,從用戶認知的角度闡述交互設計的多樣化形式,系統(tǒng)地介紹了交互設計的方法與設計流程。第4章與第5章分別介紹了網(wǎng)頁端與移動端的界面設計原則、流程與內容。第6章介紹了交互設計在虛擬現(xiàn)實與增強現(xiàn)實中的發(fā)展與應用,闡述了交互設計在虛擬現(xiàn)實中的獨特性與設計原則。第7章針對工業(yè)設計中產(chǎn)品的人機交互進行介紹,包括產(chǎn)品中的人機界面交互與人機操縱交互。第8章介紹了人機交互評價指標、評價流程、方法和數(shù)據(jù)獲取,并結合案例對評價流程進行深入分析。在每一章中附有豐富的案例解析,幫助讀者掌握相關理論知識的同時,能夠有效指導讀者將理論知識應用于產(chǎn)品設計中。本書融合了傳統(tǒng)工業(yè)產(chǎn)品設計、平面設計與現(xiàn)代互聯(lián)網(wǎng)新型技術,可使學生全面系統(tǒng)地掌握現(xiàn)代人機交互界面設計的相關知識,并應用于工業(yè)產(chǎn)品設計及互聯(lián)網(wǎng)產(chǎn)品研發(fā),進而擴大學生就業(yè)范圍,達到學以致用的目的。
本書由太原理工大學李娟莉任主編,李博、謝嘉成任副主編,參加編寫的有太原理工大學王學文、劉慧喜、龐新宇、張婧,山西工程技術學院孫夢禎。其中,第1章由李博編寫,第2章由王學文編寫,第3章由劉慧喜編寫,第4章由龐新宇編寫,第5章由張婧編寫,第6章由謝嘉成編寫,第7章由李娟莉編寫,第8章由孫夢禎編寫。參與本書資料收集及案例制作的還有太原理工大學研究生趙彩云、邊軒毅、劉怡夢、沈宏達、溫利強等。全書大綱由李娟莉和謝嘉成擬定,李娟莉和李博對全書進行了統(tǒng)稿。
本書承任家駿教授精心審閱,任教授提供了不少寶貴的意見,特致以衷心感謝。
由于編者水平所限,書中若有不足之處敬請讀者批評指正,以便修訂時改進。若讀者在使用本書的過程中有其他意見或建議,懇請向編者提出。
編 者
第 1 章 用戶界面設計...
1.1 用戶界面設計概述...
1.1.1 概念和現(xiàn)狀...
1.1.2 七大定律...
1.1.3 完形心理學...
1.2 UI設計流程...
1.2.1 產(chǎn)品定位及競品分析 ...
1.2.2 確定設計風格...
1.2.3 繪制交互線框圖 ...
1.2.4 界面配色設計...
1.2.5 細節(jié)規(guī)律 ...
1.3 UI內容設計規(guī)律...
1.3.1 文字...
1.3.2 圖標...
1.3.3 圖像...
1.3.4 頁面組件...
1.3.5 多媒體...
1.4 UI版式設計規(guī)律...
1.4.1 用戶界面設計中的平面構成...
1.4.2 親密性與相似性原則...
1.4.3 留白的藝術...
1.4.4 界面設計中的柵格系統(tǒng)...
1.5 UI色彩設計規(guī)律...
1.5.1 色彩基礎...
1.5.2 界面配色原則...
第 2 章 用戶體驗設計...
2.1 什么是用戶體驗...
2.1.1 認識用戶體驗...
2.1.2 用戶體驗的歷史與發(fā)展...
2.2 用戶體驗的內容...
2.2.1 用戶體驗的設計范疇...
2.2.2 用戶體驗的分類...
2.2.3 用戶體驗要素模型...
2.3 用戶體驗設計流程...
2.4 案例分析...
2.4.1 盲道設計...
2.4.2 手機解鎖界面...
2.4.3 美團外賣界面...
第 3 章 交互設計...
3.1 交互設計概述...
3.1.1 交互設計的概念和發(fā)展...
3.1.2 交互系統(tǒng)的基本構架...
3.1.3 交互系統(tǒng)原則...
3.2 用戶行為和交互行為...
3.2.1 用戶認知...
3.2.2 用戶行為...
3.2.3 交互行為...
3.2.4 交互形式...
3.3 交互設計流程...
3.3.1 產(chǎn)品設計思維...
3.3.2 交互模型...
3.3.3 用戶研究...
3.3.4 需求建立...
3.3.5 設計工具與原型...
第 4 章 網(wǎng)頁端人機界面設計...
4.1 網(wǎng)頁端界面結構...
4.1.1 網(wǎng)頁構成元素...
4.1.2 網(wǎng)站頁面視覺層次...
4.2 網(wǎng)頁界面設計原則...
4.2.1 對比突出...
4.2.2 條理清晰...
4.2.3 整齊平衡...
4.2.4 簡潔一致...
4.3 網(wǎng)頁界面設計分析...
4.3.1 網(wǎng)頁文字...
4.3.2 網(wǎng)頁排版...
4.3.3 網(wǎng)頁色彩...
4.4 網(wǎng)頁端界面設計流程...
4.4.1 明確主題及對象...
4.4.2 整體配色設計...
4.4.3 網(wǎng)頁元素分布...
第 5 章 移動端界面設計...
5.1 了解移動端界面設計...
5.1.1 移動端和PC端界面的區(qū)別...
5.1.2 移動端的兩大分支...
5.1.3 移動端的發(fā)展趨勢...
5.2 移動端界面設計流程...
5.2.1 產(chǎn)品定位與競品分析...
5.2.2 用戶研究及需求清單...
5.2.3 功能架構及操作流程圖...
5.2.4 界面設計...
5.3 移動端界面元素分析...
5.3.1 移動端界面內容...
5.3.2 移動端界面顏色...
5.3.3 移動端界面版式...
5.4 案例分析...
5.4.1 社交類APP...
5.4.2 購物類APP...
5.4.3 音樂類APP...
第 6 章 虛擬現(xiàn)實系統(tǒng)界面設計...
6.1 概述...
6.1.1 虛擬現(xiàn)實技術...
6.1.2 增強現(xiàn)實技術...
6.1.3 虛擬現(xiàn)實系統(tǒng)與新興技術...
6.2 虛擬現(xiàn)實系統(tǒng)開發(fā)流程...
6.2.1 數(shù)據(jù)測量...
6.2.2 三維建模...
6.2.3 模型優(yōu)化...
6.2.4 模型格式轉換...
6.2.5 場景搭建...
6.2.6 制作并應用貼圖...
6.2.7 界面設計...
6.2.8 虛擬系統(tǒng)測試...
6.2.9 連接虛擬設備...
6.3 虛擬現(xiàn)實系統(tǒng)界面設計規(guī)律...
6.3.1 界面設計基本理論...
6.3.2 VR界面設計原則...
6.3.3 VR界面設計規(guī)范...
6.4 案例分析...
第 7 章 工業(yè)產(chǎn)品中的人機交互...
7.1 工業(yè)設計產(chǎn)品中的用戶體驗...
7.1.1 易用性體驗...
7.1.2 情感化體驗...
7.1.3 服務性體驗...
7.2 產(chǎn)品人機交互的應用...
7.2.1 人機交互設計的應用...
7.2.2 觸覺交互設計的應用...
7.2.3 虛擬現(xiàn)實交互設計的應用...
7.3 產(chǎn)品中的人機界面交互...
7.3.1 顯示裝置交互分析...
7.3.2 設計原則...
7.4 產(chǎn)品中的人機操縱交互...
7.4.1 操縱裝置交互分析...
7.4.2 設計原則...
7.5 案例分析...
7.5.1 汽車駕駛室操作以及界面的應用...
7.5.2 米家互聯(lián)網(wǎng)空調遙控器和APP控制界面應用...
7.5.3 海爾冰箱的應用...
第 8 章 人機交互設計評價...
8.1 概述...
8.2 評價指標...
8.2.1 可用性...
8.2.2 易用性...
8.2.3 安全性...
8.2.4 舒適性...
8.3 評價流程、方法和數(shù)據(jù)獲取...
8.3.1 評價流程...
8.3.2 評價方法...
8.3.3 數(shù)據(jù)獲取方法...
8.4 案例分析...
8.4.1 健身車人機工程仿真與評價...
8.4.2 礦用挖掘機駕駛室人機界面仿真與評價一...
8.4.3 礦用挖掘機駕駛室人機界面仿真與評價二...
附 錄 相關術語...
參考文獻...