數智界面設計(微課版)

章潔 劉雅倩

  • 數智界面設計(微課版)-preview-1
數智界面設計(微課版)-preview-1

相關主題

商品描述

本書圍繞用戶界面設計的核心理論與實踐展開,系統介紹了界面的發展歷程、信息架構、視覺認知、原型設計、視覺表現、智能化設計以及評估等內容。本書從數字媒介的變遷入手,分析界面形態的演變及未來發展趨勢,強調信息架構對界面設計的影響,探討視覺認知理論在交互設計中的應用,並詳細講解從紙面原型、低保真原型到高保真原型的完整設計流程,介紹圖標、色彩、動效和圖文排版等界面視覺設計要素。此外,本書還系統介紹了啟發式評估、認知走查、A/B測試等界面評估與測試方法;並結合當前人工智能技術的發展,介紹了智能界面的設計方法及實踐。本書理論與實踐並重,每章均設有“本章實踐”環節,提供實踐案例與練習,可以提升讀者的學習效果。 本書適合交互設計、用戶體驗設計、視覺設計及軟件開發等相關領域的從業者和學生閱讀,尤其適合希望系統掌握用戶界面設計的初學者及中級設計師閱讀。此外,對於從事產品管理工作或研究人機交互的人員,本書可作為參考資料,幫助其理解用戶界面設計的核心原則和實踐方法。

作者簡介

章潔,江南大學副教授。獲獎 2009國際多媒體大學媒體藝術交流研討會暨大學生網頁設計大賽優秀指導教師獎 2010年數字媒體學院優秀教師獎 2011年數字媒體學院工會積極分子 2012年數字媒體學院優秀教師獎 2012中國包裝創意設計大賽銀獎並獲得優秀指導獎 2014校優秀畢業設計指導老師 2014年數字媒體學院優秀教師獎

目錄大綱

第 1章 數字媒介變遷與界面基礎 1 1.1傳統媒體、數字媒體、移動媒體 1 1.2 數字化生活 2 1.3 數字體驗、交互設計、界面設計 3 1.3.1 數字體驗 3 1.3.2 交互設計 3 1.3.3 界面設計 4 1.4 本章小結 4 1.5 本章實踐 4 第 2章 界面的歷史與發展 5 2.1 界面形態的歷史 5 2.1.1 早期交互界面 5 2.1.2 機械交互界面 6 2.1.3 命令行界面 7 2.1.4 圖形用戶界面 8 2.2 界面形態的新發展 10 2.2.1 自然界面 10 2.2.2 語音界面 11 2.2.3 空間界面 14 2.2.4 多模態界面 17 2.3 界面形態的未來發展 19 2.3.1 實體界面 19 2.3.2 科幻界面 21 2.3.3 對話式界面 22 2.4 本章小結 24 2.5 本章實踐 24 第3章 數字界面的信息架構 25 3.1 數字界面的系統性 25 3.1.1 信息架構 26 3.1.2 信息架構的作用 26 3.2 信息分類 28 3.2.1 信息的“量級” 28 3.2.2 信息分類的方式 29 3.2.3 使用卡片分類法組織信息架構 31 3.3 信息組織 31 3.3.1 信息架構的構建方式 31 3.3.2 信息架構的組織結構 33 3.3.3 考量應用場景的信息組織 37 3.3.4 考量用戶角色的信息組織 38 3.3.5 考量交互行為的信息組織 38 3.4 信息布局 40 3.4.1 信息架構支撐 40 3.4.2 屏幕類界面的布局方式 44 3.4.3 網格式布局設計原則 50 3.4.4 可視化布局設計原則 51 3.5 本章小結 52 3.6 本章實踐 52 第4章 數字界面的視覺認知與交互行為 57 4.1 數字界面交互的反饋機制 57 4.1.1 反饋的重要性 57 4.1.2 視覺反饋 58 4.1.3 觸覺反饋 59 4.1.4 聽覺反饋 61 4.1.5 綜合反饋與沈浸式體驗 61 4.2 數字界面交互的隱喻設計 62 4.2.1 什麼是隱喻 62 4.2.2 隱喻在設計中的使用 62 4.2.3 界面中隱喻的分類 63 4.2.4 界面中隱喻的作用 65 4.3 符合視覺認知特性的交互行為 66 4.3.1 格式塔原理 66 4.3.2 下意識處理 70 4.4 本章小結 71 4.5 本章實踐 71 第5章 交互原型設計 72 5.1 紙面原型設計 72 5.1.1 核心價值 72 5.1.2 紙面原型設計的實施方法 73 5.1.3 常用工具與技巧 74 5.2 低保真原型設計 75 5.2.1 核心價值 75 5.2.2 低保真原型設計方法 75 5.3 高保真原型設計 77 5.3.1 核心價值 77 5.3.2 高保真原型設計工具 77 5.3.3 視頻App高保真界面設計教程 79 5.3.4 高保真原型設計規範 96 5.4 本章小結 98 5.5 本章實踐 98 第6章 界面視覺的表現形式 111 6.1 易於理解的圖標設計 111 6.1.1 語義圖形 111 6.1.2 圖標類型 113 6.1.3 圖標設計風格 115 6.1.4 圖標設計的系統規範 117 6.2 情感豐沛的色彩設計 120 6.2.1 色彩的情感表達 120 6.2.2 色彩服務於品牌系統 122 6.2.3 色彩服務於隱喻系統 122 6.2.4 色彩服務於結構系統 123 6.3 消除焦慮的動效設計 125 6.3.1 動效反饋機制 125 6.3.2 展現信息結構的轉場動效 126 6.3.3 可視化操作的反饋動效 127 6.3.4 情感化動效設計 127 6.4 凸顯風格的排版設計 128 6.4.1 文本內容排版規範 128 6.4.2 圖文排版的設計原則 129 6.4.3 多樣的圖文排版風格 130 6.4.4 三維空間界面中的圖文排版規範 133 6.5 本章小結 135 6.6 本章實踐 135 第7章 界面的評估與測試 153 7.1 定性評估與測試方法 153 7.1.1 啟發式評估 153 7.1.2 認知走查 154 7.1.3 可用性測試 154 7.2 定量評估與測試方法 154 7.2.1 問卷調查 155 7.2.2 A/B測試 155 7.2.3 日誌分析 155 7.2.4 眼動追蹤 156 7.3 本章小結 157 7.4 本章實踐 157 第8章 界面的智能設計與發展趨勢 158 8.1 界面的智能設計流程 158 8.1.1 人工智能影響下的設計流程 158 8.1.2 人工智能介入的界面設計流程 159 8.1.3 界面的智能設計案例——人工智能生成過期提醒App 160 8.1.4 界面智能設計面臨的挑戰與機遇 167 8.2 智能界面設計的技術支撐、應用場景與發展趨勢 167 8.2.1 智能界面設計的技術支撐 167 8.2.2 智能界面設計的應用場景 168 8.2.3 智能界面設計的發展趨勢 168 8.3 本章小結 171 8.4 本章實踐 171 參考文獻 172