《UI界面設計（第2版）》是2017年9月電子工業出版社出版的圖書，作者是張小玲。
基本介紹
- 中文名：UI界面設計（第2版）
- 作者：張小玲
- 出版社：電子工業出版社
- 出版時間：2017年9月
- 頁數：224 頁
- 定價：33 元
- 開本：16 開
- ISBN：9787121320675
內容簡介,圖書目錄,
內容簡介
本書按照高職高專計算機多媒體技術專業教學大綱的要求編寫，是一本全面的UI界面設計與製作的基礎教程。本書以培養學生的UI設計理念、方法為基本，結合Photoshop軟體中常用的各種工具和方法，有針對性地剖析設計製作的實施策略與過程，以訓練和提高學生UI界面設計製作技能。全書共8章，分為3個部分。第一部分是UI界面設計相關知識的介紹，包括什麼是UI界面設計、UI界面設計的常用方法和設計工具、UI設計與用戶體驗的關係等基本知識。第二部分是各種UI界面常用元素的製作。第三部分是UI界面設計典型實戰，通過5個遞進的設計實例，從任務分析、功能定位、製作步驟入手對界面設計製作進行全過程講解。本書適合作為高等院校計算機類專業的教材，也可供平面設計人員、美工人員和對UI設計感興趣的讀者閱讀和參考，還可幫助UI設計師迅速進入職場角色。為方便教學，本書提供電子課件等教學資源，請登錄華信教育資源網免費下載。
圖書目錄
第一部分 知識準備
第1章 UI設計相關知識 1
1.1 UI設計 1
1.1.1 UI設計的概念 1
1.1.2 UI設計的流程 2
1.1.3 UI設計的規範 4
1.1.4 UI設計常用工具 6
1.2 UI設計與用戶體驗 7
1.2.1 UI設計與用戶體驗概述 7
1.2.2 影響用戶體驗的因素 8
1.3 知識拓展 9
1.3.1 Photoshop CC 2017入門 9
1.3.2 Photoshop CC 2017精彩新功能 9
1.3.3 圖像常用基本操作 12
1.3.4 選區的基本操作 15
1.3.5 畫筆工具的套用 17
本章小結 19
第2章 UI設計的常用方法 20
2.1 UI設計中的設計方法 20
2.1.1 方法與方法論 20
2.1.2 設計方法學 20
2.1.3 UI設計中實用的設計方法 21
2.2 UI設計中實用的構成方法 23
2.2.1 什麼是構成 23
2.2.2 形式美法則 23
2.2.3 構成的思維方式 29
2.3 UI設計中實用的色彩搭配技巧 31
2.3.1 色彩的基本理論 31
2.3.2 色彩搭配法則 33
2.4 知識拓展 45
2.4.1 扁平化設計風格 45
2.4.2 擬物化設計風格 47
2.4.3 卡通化設計風格 47
2.5 能力拓展 47
2.5.1 圖層類別 47
2.5.2 圖層的基礎操作 47
2.5.3 圖層樣式 48
2.5.4 混合模式 49
2.5.5 Photoshop中的蒙版 50
2.5.6 漸變工具 54
本章小結 56
第二部分 牛刀小試
第3章 各種UI常用元素製作 57
3.1 常用背景製作 57
3.1.1 壁紙 57
3.1.2 圖示背板 62
3.2 常見控制項製作 64
3.2.1 按鈕的製作 64
3.2.2 下拉選擇框的製作 65
3.2.3 滑動條的製作 68
3.2.4 TAB切換塊的製作 70
3.2.5 氣泡對話框的製作 72
3.3 創意圖示設計與製作 73
3.3.1 圖示設計的基本知識 73
3.3.2 利用Photoshop打造擬物化圖示 77
3.3.3 利用Photoshop打造扁平化圖示 82
3.3.4 利用Photoshop打造單色圖示 85
3.3.5 利用Photoshop打造線性圖示 87
3.4 知識拓展 87
3.4.1 圖示設計的趨勢—回響式圖示 87
3.4.2 路徑與形狀工具 88
3.4.3 擦除類工具 90
3.5 能力拓展 91
3.5.1 設計製作簡單網頁 91
3.5.2 獨立實踐 97
本章小結 98
第三部分 UI設計典型實戰
第4章 操作型APP—計算器界面設計 99
4.1 UI設計任務分析 99
4.2 學習目標 100
4.3 製作步驟詳解 100
4.3.1 新建檔案，確定尺寸規範 100
4.3.2 製作背景 100
4.3.3 製作狀態欄區域 101
4.3.4 製作顯示區細節 101
4.3.5 製作功能鍵區和數字鍵區細節 101
4.3.6 定稿輸出有效的設計方案 102
4.4 知識拓展 103
4.4.1 圖層組 103
4.4.2 APP界面設計概述 104
4.4.3 APP界面布局設計 105
4.4.4 Photoshop外部素材的載入使用 105
4.5 能力拓展 106
4.5.1 設計製作水平儀UI 106
4.5.2 設計製作拼拼樂APP界面 107
4.5.3 獨立實踐 111
本章小結 111
第5章 實用型軟體—播放器界面設計 112
5.1 UI設計任務分析 112
5.2 學習目標 112
5.3 製作步驟詳解 112
5.3.1 創建播放器 112
5.3.2 製作播放器專輯信息部分 114
5.3.3 製作播放器播放按鈕部分 117
5.4 知識拓展 121
5.4.1 色彩的搭配 121
5.4.2 Photoshop中的色彩調整 121
5.5 能力拓展 122
5.5.1 設計製作DVD光碟圖示 122
5.5.2 設計製作金屬按鈕 123
5.5.3 為黑白照片調色 123
5.5.4 獨立實踐 126
本章小結 126
第6章 手機主題UI設計 127
6.1 UI設計任務分析 127
6.2 學習目標 128
6.3 製作步驟詳解 128
6.3.1 製作主題形象 128
6.3.2 製作手機壁紙 129
6.3.3 製作鎖屏界面 130
6.3.4 製作天氣外掛程式 131
6.3.5 製作桌面圖示 136
6.4 知識拓展 142
6.4.1 手機界面設計原則 142
6.4.2 手機常用尺寸與圖示格式 143
6.5 能力拓展 144
6.5.1 設計製作ico圖示 144
6.5.2 設計製作偽扁平化手機主題界面 145
6.5.3 獨立實踐 146
本章小結 146
第7章 Web界面設計實例—兒童節專題網頁設計 147
7.1 UI設計任務分析 147
7.2 學習目標 148
7.3 製作步驟詳解 148
7.3.1 製作頭部主圖 148
7.3.2 製作裝飾圖形 161
7.3.3 製作欄目“書籍系列” 167
7.3.4 製作欄目“服飾系列” 175
7.3.5 製作欄目“玩具系列” 178
7.3.6 製作底部區域 181
7.4 知識拓展 183
7.4.1 網站界面設計基本原則 183
7.4.2 網站界面的功能美與形式美 183
7.5 能力拓展 184
7.5.1 打造照射在透明玻璃窗上的效果 184
7.5.2 打造傾盆大雨效果 185
7.5.3 設計製作電子商務網頁界面 185
7.5.4 強化全局觀念 198
7.5.5 獨立實踐 198
本章小結 198
第8章 智慧型電視界面設計 199
8.1 UI設計任務分析 199
8.2 學習目標 199
8.3 製作步驟詳解 199
8.3.1 製作主界面 199
8.3.2 製作影視劇列表頁 205
8.3.3 製作影視劇詳情頁 207
8.3.4 製作播放頁 209
8.4 知識拓展 211
8.4.1 智慧型電視界面設計 211
8.4.2 智慧型電視界面設計的原則 212
8.5 能力拓展 212
8.5.1 設計製作樂視TV界面 212
8.5.2 獨立實踐 213
本章小結 213
參考文獻 214
