《Photoshop CC APP UI設計從入門到精通》是2016年12月人民郵電出版社出版的圖書,作者是華天印象。
基本介紹
- 書名:Photoshop CC APP UI設計從入門到精通
- 作者:華天印象
- ISBN:9787115436740
- 頁數:256頁
- 定價:69元
- 出版社:人民郵電出版社
- 出版時間:2016年12月
- 裝幀:平裝
- 開本:16開
內容簡介,圖書目錄,
內容簡介
本書是一本講解如何使用Photoshop CC軟體進行移動APP UI 設計的實例操作型自學教程,可以幫助成千上萬的UI 設計愛好者,特別是手機APP 設計人員提高UI 設計製作能力,拓展他們移動APP UI 視覺設計的創造思路。
本書共13 章,具體內容包括:APP UI 設計新手入門,APP UI 設計的特性,PhotoshopCC的UI 常用操作,設計APP UI 圖示,設計APP UI 圖形,設計APP UI 按鈕,設計APP UI進度條、滑塊、切換條,設計APP UI 功能框,設計APP UI 導航、標籤、列表,手機系統UI設計,社交通信類APP 界面設計,工具套用類APP 界面設計,影音娛樂類APP界面設計等內容,讀者學後可以融會貫通、舉一反三,製作出更多更加精彩、完 美的移動APP UI 效果。
本書結構清晰、語言簡潔,適合所有與Photoshop UI 設計的愛好者學習,特別是手機APP 設計人員、平面廣告設計人員、網站美工人員以及遊戲界面等設計人員,同時也可以作為各類UI 設計相關的培訓中心、中職中專、高職高專等院校的輔導教材。
圖書目錄
第 1篇UI設計入門
第01章 APP UI設計新手入門
1.1 概念解讀:認識APP UI設計 9
1.1.1 UI設計:人和工具之間的界面 9
1.1.2 APP UI:用戶和手機之間的界面 9
1.1.3 設計特點:小巧輕便、通信便捷 10
1.1.4 設計基礎:熟悉手機的界面特色 12
1.1.5 視覺效果:為用戶帶來不一樣的美感 13
1.2 APP平台:主流手機作業系統 16
1.2.1 谷歌Android系統 16
1.2.2 蘋果iOS系統 18
1.2.3 微軟Windows Phone系統 19
1.3 入門基礎:手機界面與設計流程 21
1.3.1 手機界面:品類繁多、特點各異 21
1.3.2 平板界面:操作方便、性能優越 23
1.3.3 階段分析:APP UI設計的基本流程 25
1.3.4 使用要點:APP UI設計的色彩與圖案 25
第02章 APP UI設計的特性
2.1 移動套用:良好的用戶體驗特性 28
2.1.1 高便攜性:便於用戶隨身攜帶 28
2.1.2 反饋特性:幫助及時改進APP 29
2.1.3 定製特性:進一步提升互動性 31
2.1.4 簡約特性:直擊用戶主要需求 31
2.1.5 社交特性:更多的登錄和分享 33
2.1.6 離線特性:使APP擺脫網路限制 34
2.1.7 遊戲特性:增強APP的趣味性 35
2.1.8 獨具特色:獨具一格的特性 36
2.2 互動動作:降低用戶與手機的溝通門檻 36
2.2.1 循環動作:使動畫效果更加真實 37
2.2.2 重複動作:解釋各UI元素的關係 38
2.2.3 關鍵動作:適用於較複雜的動作 38
2.2.4 連續動作:製作較簡易的動態效果 38
2.2.5 誇張原則:運用無窮的想像力 39
2.3 文字特性:符合用戶的閱讀習慣 39
2.3.1 界面文字要容易識別 39
2.3.2 把握文字的視覺效果 40
2.3.3 字型與大小要有規律 41
2.3.4 流暢閱讀的文字間距 42
2.3.5 採用交替的文字色彩 42
第03章 Photoshop CC的UI常用操作
3.1 熟悉Photoshop CC工作界面 45
3.1.1 認識選單欄 45
3.1.2 認識狀態欄 46
3.1.3 認識工具屬性欄 47
3.1.4 認識工具箱 48
3.1.5 認識圖像編輯視窗 48
3.1.6 認識浮動控制臺 48
3.2 Photoshop CC APP UI設計入門 49
3.2.1 打開APP UI圖像檔案 49
3.2.2 放大與縮小顯示APP UI圖像 50
3.2.3 運用輔助工具設計APP UI圖像 50
3.2.4 運用工具裁剪APP UI圖像 52
3.2.5 變換與編輯APP UI圖像 53
3.3 APP UI圖像的摳取與合成 55
3.3.1 運用快速選擇工具摳圖 55
3.3.2 運用魔棒工具摳圖 56
3.3.3 運用矩形選框工具摳圖 57
3.3.4 運用磁性套索工具摳圖 58
3.3.5 運用魔術橡皮擦工具摳圖 60
3.3.6 運用自由鋼筆工具摳圖 61
3.4 APP UI的色彩設計 63
3.4.1 自動校正移動APP UI圖像色彩 63
3.4.2 運用“亮度/對比度”命令調整APP UI圖像 64
3.4.3 運用“色相/飽和度”命令調整APP UI圖像 65
3.5 APP UI的文字編排設計 67
3.5.1 輸入橫排APP UI圖像文字 67
3.5.2 輸入直排APP UI圖像文字 67
3.5.3 輸入段落APP UI圖像文字 69
3.5.4 設定APP UI文字屬性 70
3.5.5 創建APP UI變形文字效果 71
第 2篇 APP UI進階
第04章 設計APP UI圖示
4.1 音樂APP圖示設計 73
4.1.1 設計音樂APP圖示背景效果 73
4.1.2 設計音樂APP圖示主體效果 74
4.2 信箱APP圖示設計 75
4.2.1 設計信箱APP圖示背景效果 76
4.2.2 設計信箱APP圖示主體效果 77
4.3 視頻APP圖示設計 78
4.3.1 設計視頻APP圖示背景效果 78
4.3.2 設計視頻APP圖示細節效果 82
第05章 設計APP UI圖形
5.1 操作滑鼠形狀設計 88
5.1.1 設計形狀主體效果 88
5.1.2 設計形狀細節效果 92
5.2 APP標題文字設計 95
5.2.1 設計APP標題文字效果 96
5.2.2 設計APP標題主體效果 98
5.3 登錄背景圖形設計 100
5.3.1 設計登錄背景圖形主體效果 101
5.3.2 設計登錄背景圖形細節效果 103
第06章 設計APP UI按鈕
6.1 APP登錄按鈕設計 107
6.1.1 製作APP登錄按鈕背景效果 107
6.1.2 製作APP登錄按鈕主體效果 110
6.2 開始遊戲按鈕設計 114
6.2.1 製作開始遊戲按鈕主體效果 114
6.2.2 製作開始遊戲按鈕文字效果 117
6.3 APP命令按鈕設計 119
6.3.1 製作APP命令按鈕主體效果 120
6.3.2 製作APP選單按鈕細節效果 123
6.3.3 製作APP選單按鈕文本效果 124
第07章 設計APP UI進度條、滑塊、切換條
7.1 進度條設計 127
7.1.1 製作進度條主體效果 127
7.1.2 製作進度條細節效果 130
7.2 解鎖滑塊設計 133
7.2.1 製作解鎖滑塊主體效果 134
7.2.2 製作解鎖滑塊細節效果 136
7.3 切換條設計 141
7.3.1 製作切換條背景效果 141
7.3.2 製作切換條細節效果 144
第08章 設計APP UI功能框
8.1 會話框設計 148
8.1.1 製作會話框頭像效果 148
8.1.2 製作會話框主體效果 150
8.2 搜尋框設計 153
8.2.1 製作搜尋框主體效果 153
8.2.2 製作搜尋框細節效果 155
8.3 對話框設計 157
8.3.1 製作對話框主體效果 158
8.3.2 製作對話框文字效果 161
第09章 設計APP UI導航、標籤、列表
9.1 標籤欄設計 165
9.1.1 製作標籤欄背景效果 165
9.1.2 製作標籤欄文本效果 168
9.2 導航欄設計 169
9.2.1 製作導航欄背景效果 170
9.2.2 製作導航欄圖示效果 171
9.2.3 製作導航欄文字效果 176
9.3 螢幕待機列表設計 177
9.3.1 製作列表主體效果 177
9.3.2 製作列表細節效果 181
第3篇 APP綜合實戰
第 10章 手機系統類UI設計
10.1 智慧型撥號界面設計 187
10.1.1 製作智慧型撥號界面主體效果 187
10.1.2 製作智慧型撥號界面細節效果 189
10.2 應用程式界面設計 190
10.2.1 設計應用程式界面主體效果 191
10.2.2 設計安卓應用程式整體效果 195
10.3 磁碟清理界面設計 201
10.3.1 設計磁碟清理界面主體效果 202
10.3.2 設計磁碟清理界面細節效果 206
第 11章 社交通信類APP界面設計
11.1 手機社區APP界面設計 211
11.1.1 製作手機社區APP主體效果 211
11.1.2 製作手機社區APP文字效果 214
11.2 手機空間APP界面設計 217
11.2.1 製作手機空間APP主體效果 218
11.2.2 製作手機空間APP細節效果 220
11.3 雲社交APP界面設計 223
11.3.1 製作雲社交APP背景效果 224
11.3.2 製作雲社交APP文字效果 227
第 12章 工具套用類APP界面設計
12.1 移動WiFi登錄界面設計 231
12.1.1 製作WiFi登錄界面背景效果 231
12.1.2 製作WiFi登錄界面主體效果 233
12.2 天氣預報APP界面設計 236
12.2.1 製作天氣預報APP界面背景效果 236
12.2.2 製作天氣預報APP界面主體效果 239
12.3 照片美化APP界面設計 240
12.3.1 製作照片美化APP界面主體效果 241
12.3.2 製作照片美化APP界面文字效果 243
第 13章 影音娛樂類APP界面設計
13.1 視頻播放APP界面設計 245
13.1.1 製作視頻播放APP界面主體效果 245
13.1.2 製作視頻播放APP界面細節效果 246
13.2 音樂播放APP界面設計 248
13.2.1 製作音樂播放APP界面主體效果 248
13.2.2 製作音樂播放APP界面細節效果 251
13.3 休閒遊戲APP界面設計 251
13.3.1 製作休閒遊戲APP界面主體效果 252
13.3.2 製作休閒遊戲APP界面細節效果 255