
內容簡介
●計算思維、架構模式、人工智能模型……
——理解技術邏輯,高效實現創意
●跨設備交互、人工智能設計、人臉識別、眼動追蹤……
——認知技術前沿,激發更多靈感
隨著人機交互和AI技術的快速發展,設計師需要從基於屏幕的圖形用戶界麵設計思維,轉變為空間交互及智能交互的設計思維。本書從設計師要懂技術的原因講起,引導設計師結合技術去思考設計,並針對跨設備交互設計、基於AI的設計及各種傳感技術(姿態和手勢識別、人臉識別和追蹤、眼動追蹤等)進行解讀與案例分析,幫助設計師更好地應對未來的工作挑戰。
作者簡介
薛誌榮,人機交互設計師和獨立開發者,著有《Al改變設計》《前膽交互》,先後在百度、小鵬、華為人機交互實驗室工作,擁有多項國家發明和外觀專利。喜歡研究人工智能、XR、數字人等新技術,並會定期在個人微信公眾號“薛誌榮”分享相關文章,歡迎閱讀和交流。
目錄
第1章設計師為什麼要懂技術1.1 原因一:行業的改變和進步2
1.1.1 海外懂技術的設計師好像有點多2
1.1.2 我們期待你是全鏈路設計師2
1.1.3 互聯網泡沫、新一代設計師和人工智能同時帶來的挑戰3
1.1.4AR/VR、車聯網、智能硬件等新賽道的出現4
1.1.5 政策對於設計師的影響5
1.2 原因二:技術和設計之間有著密切的關係5
1.2.1 技術、設計和創新之間的關係6
1.2.2 技術、設計和用戶之間的關係8
1.2.3 自然無感交互的背後都是技術和設計的融合10
1.3 原因三:設計過程中需要考慮技術11
1.3.1 前期調研11
1.3.2 方案設計12
1.3.3 設計評審和開發跟進
第2章必須掌握的計算思維
2.1 計算思維是什麼16
2.1.1 抽象17
2.1.2 分解18
2.1.3 模式識別20
2.1.4 算法21
2.2 設計過程中如何運用計算思維23
2.2.1 同理心24
2.2.2 定義問題24
2.2.3 創意構思25
2.2.4 原型製作26
2.2.5 測試26
2.3 計算思維對於設計師的重要性28
第3章學會從架構的角度理解技術
3.1 利用MVC架構模式思考界麵的設計32
3.1.1 應用的軀殼—視圖33
3.1.2 應用的核心—模型34
3.1.3 交互的決策—控製器36
3.2 如何結合技術提升應用的用戶體驗38
3.2.1 從接口的角度構建用戶體驗38
3.2.2 從控件的角度設計用戶體驗41
3.2.3 從設計的角度解決性能問題43
3.2.4 如何看待應用的啟動和狀態恢複50
第4章如何為跨設備交互進行設計
4.1 設計界麵布局時的注意事項54
4.1.1 應用設計需要考慮的平台和狀態54
4.1.2 看不見的“邊界”62
4.1.3 動態布局的設計要點64
4.2 如何針對不同平台的特點進行設計69
4.2.1 基於不同平台的特點和規範去設計69
4.2.2 構建靈活的動態布局框架72
4.2.3 動態布局中的界麵層級變化75
4.2.4 以平板電腦為橋梁打通移動端和桌麵端的設計83
4.2.5 兼容不同平台、設備的差異和特點88
4.3 動態布局中的交互方式90
4.3.1 關注不同的交互方式90
4.3.2 數據互通的重要性96
4.3.3 淺談跨設備和跨應用之間交互的基礎體驗要求97
第5章基於人工智能的設計
5.1 人工智能基礎知識101
5.1.1 人工智能模型,有多少人工就有多少智能101
5.1.2 基於預測的人工智能103
5.1.3 人工智能模型的注意事項106
5.2 人工智能如何影響界麵設計110
5.2.1 搜索、製作素材和內容110
5.2.2 人工智能對界麵的影響113
5.3 基於意圖的交互設計117
5.3.1 蘋果對於智能交互的理解117
5.3.2 蘋果的Intelligence和Donate121
5.3.3 蘋果的其他計劃123
5.4 基於人工智能的設計事項124
5.4.1 合理地收集數據和優化模型124
5.4.2 基於可解釋性構建合理的人機信任125
5.4.3 交互過程的注意事項126
5.5 智能設計:基於“準確率”和“兜底”的設計129
第6章姿態和手勢識別
6.1 計算機視覺135
6.1.1 計算機視覺的重要性135
6.1.2 簡單了解計算機視覺背後的技術細節136
6.2 姿態和手勢識別在不同領域的作用138
6.2.1 體感遊戲和健身138
6.2.2 控製智能設備139
6.2.3 智能座艙140
6.3 實現姿態識別的不同技術140
6.3.1 攝像頭140
6.3.2 慣性傳感器144
6.4 實現手勢識別的不同技術146
6.4.1 攝像頭146
6.4.2 數據手套147
6.4.3 肌電傳感器148
6.4.4 毫米波雷達、超聲波和其他149
6.5 實現姿態和手勢識別的設計注意事項152
6.5.1 為什麼選擇手勢識別和姿態識別152
6.5.2 隱私是否為第一考慮對象152
6.5.3 算力是否足夠153
6.5.4 檢測距離和安裝位置153
6.5.5 場景對模型的挑戰154
6.5.6 關鍵點的缺失和抖動154
6.5.7 基於人體工程學進行設計155
6.5.8 姿態識別需要考慮不同人群身體細節的不同155
6.5.9 部分手勢的初始態很重要156
6.5.10 反複運動帶來的問題156
6.5.11 考慮文化的差異157
6.6 設計拆解:AI健身的實現和優化157
6.7 姿態和手勢識別的設計工具箱163
第7章人臉識別和追蹤
7.1 人臉識別的不同作用166
7.1.1 身份識別166
7.1.2 臉部複刻166
7.1.3 表情識別和交互168
7.1.4 其他作用168
7.2 人臉追蹤和識別的技術細節169
7.2.1 人臉追蹤169
7.2.2 人臉識別173
7.3 實時人臉識別的設計注意事項175
7.3.1 環境等因素的影響175
7.3.2 表情互動存在的問題177
7.4 設計拆解:人臉識別閘機的設計178
7.5 設計拆解:表情設計和互動180
7.6 人臉識別和追蹤的設計工具箱184
第8章眼動追蹤
8.1 眼動追蹤在不同領域的作用188
8.1.1 用戶研究188
8.1.2 智能座艙189
8.1.3 虛擬現實和增強現實190
8.1.4 信息無障礙191
8.2 眼動追蹤的技術原理和區別191
8.3 眼動追蹤的設計注意事項195
8.3.1 攝像頭擺放位置和用戶穿著打扮的影響195
8.3.2 使用前需要校準195
8.3.3 頭部運動的影響197
8.3.4 眼動追蹤誤差帶來的影響197
8.3.5 視線運動不代表用戶想要的198
8.4 設計拆解:Tobii眼動儀和GUI的配合199
8.5 眼動追蹤的設計工具箱203
第9章感知、互聯和追蹤
9.1 不同的技術方案和案例208
9.1.1RFID和NFC208
9.1.2Wi-Fi和藍牙211
9.1.3UWB213
9.1.4 紅外線和ZigBee214
9.1.5SLAM215
9.2 設備感知、互聯和追蹤的設計注意事項216
9.2.1 硬件的約束條件216
9.2.2 如何綁定新設備218
9.2.3 信號強弱和精度219
9.2.4 基於場景的觸發220
9.3 設計拆解:蘋果的設備互聯是如何實現的223
9.4 設備感知、互聯和追蹤的總結227
第10章未來設計方向存在的挑戰
10.1 智能座艙229
10.1.1 算力是體驗的最大瓶頸229
10.1.2 難以遍歷完整的駕駛任務230
10.1.3 人因工程學的幫助和挑戰233
10.2 虛擬現實237
10.2.120毫秒的製約237
10.2.2 錯誤的細節都會引起不適239
10.3 基於頭戴設備的增強現實240
10.3.1 配準誤差難以完全控製240
10.3.2 深度知覺帶來的影響241
10.4 數字人243
10.4.1 建模和渲染之間的平衡243
10.4.2 如何驅動數字人是關鍵245
10.5 空間交互248
10.5.1 攝像頭、傳感器的精度是否支撐設備的交互行為248
10.5.2 隱私問題帶來的影響249
10.5.3 場景的複雜度250
10.5.4 普適計算幾時能到來253
10.6 結語:實現元宇宙的難度有多大254
······
最後修改:2025 年 07 月 05 日
© 允許規範轉載
