UI用戶界面設計

UI用戶界面設計

《UI用戶界面設計》是2024年清華大學出版社出版的圖書,作者是吳翊楠、趙袁冰、張璇、張雲輝。

基本介紹

  • 中文名:UI用戶界面設計
  • 作者:吳翊楠、趙袁冰、張璇、張雲輝
  • 出版時間:2024年6月
  • 出版社:清華大學出版社
  • ISBN:9787302658450 
  • 定價:59 元
內容簡介,圖書目錄,

內容簡介

本書以時代背景為依託,從設計的理論和實踐的雙重角度入手進行分析解讀,全面介紹了UI設計相關知識及實戰操作技巧。全書共6章,分別為UI設計概述、UI設計流程、UI構成元素管理、主流移動端UI互動系統、Material Design和設計思維、移動端App界面設計。本書對主流UI設計流程、UI 設計軟體的操作步驟和設計技巧以圖文並茂的方式進行了全面且細緻的分析解讀,書中內容清晰簡潔、案例分析典型有效,可以幫助讀者增強理解和掌握UI 設計的相關概念知識,有效提高讀者在UI 設計領域的認知與思辨能力,同時提高讀者對實際操作與項目的解讀能力。

圖書目錄

第1章 UI設計概述/ 1
1.1 概念與定義/ 1
1.2 UI 設計的構成要素/ 2
1.2.1 視覺傳達作為基礎:圖形、圖像與文字 / 2
1.2.2 互動作為實現:流程、手勢、動畫與聲音 / 4
1.2.3 用戶體驗作為目標:UCD 的設計準則 / 6
1.3 UI 的設計類型/ 7
1.3.1 軟體UI / 7
1.3.2 網頁UI / 9
1.3.3 移動端產品UI / 10
1.3.4 遊戲產品UI / 11
第2章 UI設計流程/ 13
2.1 定位產品屬性和用戶人群/ 13
2.1.1 用戶分析 / 13
2.1.2 客戶分析 / 13
2.1.3 競品分析 / 14
2.2 低保真原型/ 14
2.2.1 界面線路圖 / 15
2.2.2 線框圖 / 16
2.2.3 紙質原型 / 17
2.3 高保真原型/ 19
2.3.1 界面視覺 / 19
2.3.2 互動流程 / 20
2.3.3 動態效果 / 20
2.4 產品可用性測試/ 21
2.5 常用軟體分類/ 21
2.5.1 圖像設計軟體 / 21
2.5.2 標註和切圖軟體 / 25
2.5.3 互動原型設計軟體 / 25
2.5.4 視頻動效設計軟體 / 28
第3章 UI構成元素管理/ 29
3.1 色彩基礎/ 29
3.1.1 色彩的概念 / 30
3.1.2 色彩與視知覺 / 31
3.1.3 色彩的冷暖感 / 32
3.1.4 色彩的空間感 / 34
3.1.5 色彩的情感 / 34
3.1.6 螢幕上的顏色 / 36
3.2 圖形與文字/ 37
3.2.1 圖形的功能 / 37
3.2.2 文字的功能 / 42
3.2.3 圖文配合 / 43
3.3 互動實用原則/ 45
3.3.1 互動流程的合理性 / 45
3.3.2 互動流程的體驗性 / 45
3.3.3 案例分析 / 46
第4 章 主流移動端UI 互動系統/ 50
4.1 移動端螢幕尺寸和相關概念/ 50
4.2 移動端UI 設計中用到的單位/ 50
4.3 iOS系統/ 51
4.3.1 iOS 系統概述 / 51
4.3.2 iOS 系統設計主旨和設計原則 / 52
4.3.3 iOS 系統設計規範 / 53
4.4 Android 系統/ 58
4.4.1 Android 系統概述 / 58
4.4.2 Android 系統設計主旨 / 59
4.4.3 Android 系統設計規範 / 60
4.5 Windows Phone 系統/ 60
4.5.1 Windows Phone 系統概述 / 60
4.5.2 Windows Phone 系統設計主旨 / 61
4.5.3 Windows Phone 系統設計規範 / 61
第5 章 Material Design 和設計思維/ 67
5.1 Material Design 的設計理念/ 67
5.2 Material Design 中可用到的設計資源和工具/ 70
5.3 Material Design 設計說明/ 70
5.3.1 頁面環境 / 70
5.3.2 頁面布局 / 72
5.3.3 導航 / 72
5.3.4 顏色 / 73
5.3.5 文字 / 74
5.3.6 聲音 / 76
5.3.7 圖示 / 77
5.3.8 圖形 / 79
5.3.9 動效 / 79
5.3.10 互動 / 80
5.4 Material Design 案例分析/ 81
第6章 移動端App界面設計/ 84
6.1 圖示設計/ 85
6.1.1 扁平化圖示設計 / 90
6.1.2 擬物化圖示設計 / 92
6.2 頁面設計/ 99
6.2.1 引導頁設計 / 99
6.2.2 啟動頁設計 / 101
6.2.3 登錄頁設計 / 103
6.2.4 首頁設計 / 106
6.3 使用Adobe XD 設計App 案例實踐/ 108
參考文獻/ 124

相關詞條

熱門詞條

聯絡我們