Photoshop CC APP UI設計從入門到精通

目錄
第1篇UI設計入門
第01章 APP UI設計新手入門
1．1 概念解讀：認識APP UI設計\t9
1．1．1 UI設計：人和工具之間的界面\t9
1．1．2 APP UI：用戶和手機之間的界面\t9
1．1．3 設計特點：小巧輕便、通信便捷\t10
1．1．4 設計基礎：熟悉手機的界面特色\t12
1．1．5 視覺效果：為用戶帶來不一樣的美感\(zhòng)t13
1．2 APP平臺：主流手機操作系統(tǒng)\t16
1．2．1 谷歌Android系統(tǒng)\t16
1．2．2 蘋果iOS系統(tǒng)\t18
1．2．3 微軟Windows Phone系統(tǒng)\t19
1．3 入門基礎：手機界面與設計流程\t21
1．3．1 手機界面：品類繁多、特點各異\t21
1．3．2 平板界面：操作方便、性能優(yōu)越\t23
1．3．3 階段分析：APP UI設計的基本流程\t25
1．3．4 使用要點：APP UI設計的色彩與圖案\t25
第02章 APP UI設計的特性
2．1 移動應用：良好的用戶體驗特性\t28
2．1．1 高便攜性：便于用戶隨身攜帶\t28
2．1．2 反饋特性：幫助及時改進APP\t29
2．1．3 定制特性：進一步提升交互性\t31
2．1．4 簡約特性：直擊用戶主要需求\t31
2．1．5 社交特性：更多的登錄和分享\t33
2．1．6 離線特性：使APP擺脫網(wǎng)絡限制\t34
2．1．7 游戲特性：增強APP的趣味性\t35
2．1．8 獨具特色：獨具一格的特性\t36
2．2 交互動作：降低用戶與手機的溝通門檻\t36
2．2．1 循環(huán)動作：使動畫效果更加真實\t37
2．2．2 重復動作：解釋各UI元素的關系\t38
2．2．3 關鍵動作：適用于較復雜的動作\t38
2．2．4 連續(xù)動作：制作較簡易的動態(tài)效果\t38
2．2．5 夸張原則：運用無窮的想象力\t39
2．3 文字特性：符合用戶的閱讀習慣\t39
2．3．1 界面文字要容易識別\t39
2．3．2 把握文字的視覺效果\t40
2．3．3 字體與大小要有規(guī)律\t41
2．3．4 流暢閱讀的文字間距\t42
2．3．5 采用交替的文字色彩\t42
第03章 Photoshop CC的UI常用操作
3．1 熟悉Photoshop CC工作界面\t45
3．1．1 認識菜單欄\t45
3．1．2 認識狀態(tài)欄\t46
3．1．3 認識工具屬性欄\t47
3．1．4 認識工具箱\t48
3．1．5 認識圖像編輯窗口\t48
3．1．6 認識浮動控制面板\t48
3．2 Photoshop CC APP UI設計入門\t49
3．2．1 打開APP UI圖像文件\t49
3．2．2 放大與縮小顯示APP UI圖像\t50
3．2．3 運用輔助工具設計APP UI圖像\t50
3．2．4 運用工具裁剪APP UI圖像\t52
3．2．5 變換與編輯APP UI圖像\t53
3．3 APP UI圖像的摳取與合成\t55
3．3．1 運用快速選擇工具摳圖\t55
3．3．2 運用魔棒工具摳圖\t56
3．3．3 運用矩形選框工具摳圖\t57
3．3．4 運用磁性套索工具摳圖\t58
3．3．5 運用魔術橡皮擦工具摳圖\t60
3．3．6 運用自由鋼筆工具摳圖\t61
3．4 APP UI的色彩設計\t63
3．4．1 自動校正移動APP UI圖像色彩\t63
3．4．2 運用“亮度/對比度”命令調整APP UI圖像\t64
3．4．3 運用“色相/飽和度”命令調整APP UI圖像\t65
3．5 APP UI的文字編排設計\t67
3．5．1 輸入橫排APP UI圖像文字\t67
3．5．2 輸入直排APP UI圖像文字\t67
3．5．3 輸入段落APP UI圖像文字\t69
3．5．4 設置APP UI文字屬性\t70
3．5．5 創(chuàng)建APP UI變形文字效果\t71
第2篇 APP UI進階
第04章 設計APP UI圖標
4．1 音樂APP圖標設計\t73
4．1．1 設計音樂APP圖標背景效果\t73
4．1．2 設計音樂APP圖標主體效果\t74
4．2 郵箱APP圖標設計\t75
4．2．1 設計郵箱APP圖標背景效果\t76
4．2．2 設計郵箱APP圖標主體效果\t77
4．3 視頻APP圖標設計\t78
4．3．1 設計視頻APP圖標背景效果\t78
4．3．2 設計視頻APP圖標細節(jié)效果\t82
第05章 設計APP UI圖形
5．1 操作鼠標形狀設計\t88
5．1．1 設計形狀主體效果\t88
5．1．2 設計形狀細節(jié)效果\t92
5．2 APP標題文字設計\t95
5．2．1 設計APP標題文字效果\t96
5．2．2 設計APP標題主體效果\t98
5．3 登錄背景圖形設計\t100
5．3．1 設計登錄背景圖形主體效果\t101
5．3．2 設計登錄背景圖形細節(jié)效果\t103
第06章 設計APP UI按鈕
6．1 APP登錄按鈕設計\t107
6．1．1 制作APP登錄按鈕背景效果\t107
6．1．2 制作APP登錄按鈕主體效果\t110
6．2 開始游戲按鈕設計\t114
6．2．1 制作開始游戲按鈕主體效果\t114
6．2．2 制作開始游戲按鈕文字效果\t117
6．3 APP命令按鈕設計\t119
6．3．1 制作APP命令按鈕主體效果\t120
6．3．2 制作APP菜單按鈕細節(jié)效果\t123
6．3．3 制作APP菜單按鈕文本效果\t124
第07章 設計APP UI進度條、滑塊、切換條
7．1 進度條設計\t127
7．1．1 制作進度條主體效果\t127
7．1．2 制作進度條細節(jié)效果\t130
7．2 解鎖滑塊設計\t133
7．2．1 制作解鎖滑塊主體效果\t134
7．2．2 制作解鎖滑塊細節(jié)效果\t136
7．3 切換條設計\t141
7．3．1 制作切換條背景效果\t141
7．3．2 制作切換條細節(jié)效果\t144
第08章 設計APP UI功能框
8．1 會話框設計\t148
8．1．1 制作會話框頭像效果\t148
8．1．2 制作會話框主體效果\t150
8．2 搜索框設計\t153
8．2．1 制作搜索框主體效果\t153
8．2．2 制作搜索框細節(jié)效果\t155
8．3 對話框設計\t157
8．3．1 制作對話框主體效果\t158
8．3．2 制作對話框文字效果\t161
第09章 設計APP UI導航、標簽、列表
9．1 標簽欄設計\t165
9．1．1 制作標簽欄背景效果\t165
9．1．2 制作標簽欄文本效果\t168
9．2 導航欄設計\t169
9．2．1 制作導航欄背景效果\t170
9．2．2 制作導航欄圖標效果\t171
9．2．3 制作導航欄文字效果\t176
9．3 屏幕待機列表設計\t177
9．3．1 制作列表主體效果\t177
9．3．2 制作列表細節(jié)效果\t181
第3篇 APP綜合實戰(zhàn)
第10章 手機系統(tǒng)類UI設計
10．1 智能撥號界面設計\t187
10．1．1 制作智能撥號界面主體效果\t187
10．1．2 制作智能撥號界面細節(jié)效果\t189
10．2 應用程序界面設計\t190
10．2．1 設計應用程序界面主體效果\t191
10．2．2 設計安卓應用程序整體效果\t195
10．3 磁盤清理界面設計\t201
10．3．1 設計磁盤清理界面主體效果\t202
10．3．2 設計磁盤清理界面細節(jié)效果\t206
第11章 社交通信類APP界面設計
11．1 手機社區(qū)APP界面設計\t211
11．1．1 制作手機社區(qū)APP主體效果\t211
11．1．2 制作手機社區(qū)APP文字效果\t214
11．2 手機空間APP界面設計\t217
11．2．1 制作手機空間APP主體效果\t218
11．2．2 制作手機空間APP細節(jié)效果\t220
11．3 云社交APP界面設計\t223
11．3．1 制作云社交APP背景效果\t224
11．3．2 制作云社交APP文字效果\t227
第12章 工具應用類APP界面設計
12．1 移動WiFi登錄界面設計\t231
12．1．1 制作WiFi登錄界面背景效果\t231
12．1．2 制作WiFi登錄界面主體效果\t233
12．2 天氣預報APP界面設計\t236
12．2．1 制作天氣預報APP界面背景效果\t236
12．2．2 制作天氣預報APP界面主體效果\t239
12．3 照片美化APP界面設計\t240
12．3．1 制作照片美化APP界面主體效果\t241
12．3．2 制作照片美化APP界面文字效果\t243
第13章 影音娛樂類APP界面設計
13．1 視頻播放APP界面設計\t245
13．1．1 制作視頻播放APP界面主體效果\t245
13．1．2 制作視頻播放APP界面細節(jié)效果\t246
13．2 音樂播放APP界面設計 \t248
13．2．1 制作音樂播放APP界面主體效果\t248
13．2．2 制作音樂播放APP界面細節(jié)效果\t251
13．3 休閑游戲APP界面設計\t251
13．3．1 制作休閑游戲APP界面主體效果\t252
13．3．2 制作休閑游戲APP界面細節(jié)效果\t255