UI設計項目化實戰教程（微課版）
陳彥 王雨捷 高金寶
相關主題
商品描述
本書基於UI設計師所需的崗位技能，聚焦UI設計工作流程，圍繞“伴遊”App和“博學苑”App的UI設計展開講解，集圖標設計、主界面設計、登錄界面設計、引導頁界面設計、搜索產品列表頁界面設計、詳情頁界面設計、個人中心頁界面設計為一體，再現項目功能需求確定，原型圖繪制、視覺規範設計、頁面效果圖制作、標註及切圖等環節的設計思路和工作流程，使學生對UI設計師這一崗位及UI設計行業的環境有一個清晰的認識。本書針對的是已掌握Photoshop或Illustrator基本操作技能的讀者，適合作為高等職業院校UI設計課程的教材，也適合作為對UI設計感興趣的讀者的參考書。
作者簡介
於麗娜，河北工業職業技術學院平面設計專業主任，多年來從事Photoshop圖像圖像設計、Illustrator平面設計、UI設計等專業課程教學，並出版過多本相關專業教材，有豐富的教學和寫作經驗。
目錄大綱
項目1 認識UI設計
1.1 相關知識 2
1.1.1 UI設計的概念 2
1.1.2 UI設計分類 3
1.1.3 UI設計師簡介 4
1.1.4 UI設計的發展趨勢 5
1.1.5 UI設計基礎 6
1.2 項目小結 16
1.3 課後習題 16
項目2 設計“伴遊”App圖標
2.1 任務導入 18
2.2 相關知識 18
2.2.1 圖標的概念 18
2.2.2 圖標的設計規範 19
2.2.3 圖標的風格類型 20
2.2.4 圖標網格 22
2.3 任務實施 23
2.3.1 思路解析 23
2.3.2 應用圖標的設計與制作 23
2.3.3 面性“首頁”圖標的設計與制作 31
2.3.4 漸變“攻略”圖標的設計與制作 36
2.4 創意設計實踐 46
2.5 項目小結 48
2.6 課後習題 48
項目3 設計“伴遊”
App主界面和登錄界面
3.1 任務導入 50
3.2 相關知識 50
3.2.1 主界面中的主要元素 50
3.2.2 App產品原型 57
3.2.3 標註 60
3.2.4 卡片式設計 60
3.3 任務實施 61
3.3.1 主界面設計思路解析 61
3.3.2 主界面的設計與制作 62
3.3.3 登錄界面設計思路解析 67
3.3.4 登錄界面的設計與制作 68
3.4 創意設計實踐 70
3.5 項目小結 72
3.6 課後習題 72
項目4 設計“伴遊”App引導頁界面
4.1 任務導入 74
4.2 相關知識 74
4.2.1 引導頁的分類 74
4.2.2 引導頁界面的表現方式 76
4.2.3 UI設計中的MBE風格 78
4.3 任務實施 79
4.3.1 引導頁界面設計思路解析 79
4.3.2 引導頁界面的設計與制作 79
4.4 創意設計實踐 88
4.5 項目小結 89
4.6 課後習題 89
項目5 設計“伴遊”App
搜索列表頁和詳情頁界面
5.1 任務導入 91
5.2 相關知識 92
5.2.1 了解搜索列表頁和詳情頁 92
5.2.2 詳情頁界面版面布局 92
5.2.3 字體規範 93
5.3 任務實施 94
5.3.1 搜索列表頁界面設計思路解析 94
5.3.2 搜索列表頁界面的設計與制作 95
5.3.3 詳情頁界面設計思路解析 102
5.3.4 詳情頁界面的設計與制作 103
5.4 創意設計實踐 108
5.5 項目小結 109
5.6 課後習題 109
項目6 設計“伴遊”App個人中心頁界面
6.1 任務導入 111
6.2 相關知識 111
6.2.1 了解個人中心頁 111
6.2.2 個人中心頁界面的組成 112
6.2.3 界面中的色彩系統 112
6.3 任務實施 114
6.3.1 個人中心頁界面設計思路解析 114
6.3.2 個人中心頁界面的設計與制作 115
6.3.3 設置頁界面的設計與制作 119
6.4 創意設計實踐 122
6.5 項目小結 123
6.6 課後習題 123
項目7 設計“伴遊”網頁端首頁界面
7.1 任務導入 125
7.2 相關知識 126
7.2.1 網頁界面設計的概念 126
7.2.2 網頁界面設計的流程 126
7.2.3 柵格系統 127
7.3 任務實施 130
7.3.1 網頁端首頁界面設計思路解析 130
7.3.2 網頁端首頁界面的設計與制作 131
7.4 創意設計實踐 138
7.5 項目小結 139
7.6 課後習題 140
項目8 設計“伴遊”網頁端搜索列表頁和詳情頁界面
8.1 任務導入 142
8.2 相關知識 143
8.2.1 常用網頁界面的類型 143
8.2.2 常見的網頁界面布局方式 144
8.3 任務實施 147
8.3.1 網頁端搜索列表頁界面設計思路解析 147
8.3.2 網頁端搜索列表頁界面的設計與制作 148
8.3.3 網頁端詳情頁界面設計思路解析 153
8.3.4 網頁端詳情頁界面的設計與制作 154
8.4 創意設計實踐 168
8.5 項目小結 169
8.6 課後習題 169
項目9 設計“伴遊”網頁端個人中心訂單頁和下載頁界面
9.1 任務導入 171
9.2 相關知識 172
9.2.1 網頁界面設計規範 172
9.2.2 了解下載頁 174
9.3 任務實施 175
9.3.1 網頁端個人中心訂單頁界面設計思路解析 175
9.3.2 網頁端個人中心訂單頁界面的設計與制作 176
9.3.3 網頁端下載頁界面設計思路解析 179
9.3.4 網頁端下載頁界面的設計與制作 179
9.4 創意設計實踐 182
9.5 項目小結 182
9.6 課後習題 182
