PS App UI設計從零開始學

PS App UI設計從零開始學是清華大學出版社出版的一本圖書，作者是賈浩梅。

基本介紹

• 中文名：PS App UI設計從零開始學
• 作者：賈浩梅
• 出版社：清華大學出版社
• 出版時間：2022年2月1日
• 定價：78.8 元
• ISBN：9787302598619

內容簡介

本書使用理論知識與操作案例相結合的教學方式，通過39個實際設計案例介紹了App UI設計基礎、App UI光影設計、App UI字型設計、App UI簡約ICON設計、App UI三維ICON設計、App UI多樣圖形設計、App UI控制項設計、App UI基礎界面設計、App UI導航列表設計等內容。為方便讀者使用本書，編者還為本書錄製了教學視頻，讀者掃碼本書的二維碼即可直接觀看，大幅提高學習效率。 本書由一線設計師精心編撰，圖文並茂，步驟詳盡，實例豐富，尤其適合想從事UI設計的新手快速上手，也可以作為培訓機構或大專院校相關專業的教學用書。

圖書目錄

第1章　App UI設計基礎 1

1.1　 App UI設計概述2

1.1.1 什麼是UI設計2

1.1.2 什麼是App UI設計2

1.1.3 App UI設計必備技術 4

1.2　Phtoshop軟體的基本操作6

1.2.1 安裝、卸載、啟動和

退出Photoshop6

1.2.2 圖形圖像檔案的基本操作7

1.3　Photoshop系統界面調整12

1.3.1 界面組成12

1.3.2 調整界面16

1.4　App UI界面設計團隊與流程16

1.4.1 App界面設計者與產品團隊 16

1.4.2 App界面設計與項目流程 17

1.4.3 視覺設計18

1.5　App UI界面設計理論18

1.5.1 用戶操作習慣 18

1.5.2 界面布局 19

1.5.3 操作簡單 23

1.5.4 在操作方式上創新 24

1.5.5 在設計中投入情感 24

1.5.6 App UI的配色理論 24

1.6　App UI界面設計技巧27

1.6.1 完整的App UI 設計流程27

1.6.2 圖示設計流程30

1.6.3 讓圖示更具吸引力30

第2章　App UI光影設計32

2.1　UI設計師必備技能之顏色搭配33

2.1.1 簡約配色設計33

2.1.2 混合特效設計34

2.1.3 具體案例 34

2.2　案例：玻璃質感圖示設計35

2.2.1 設計構思35

2.2.2 操作步驟36

2.3　案例：仿真插座設計40

2.3.1 設計構思40

2.3.2 操作步驟40

2.4　案例：木紋質感設計42

2.4.1 設計構思43

2.4.2 操作步驟43

2.5　案例：絢麗光線界面設計57

2.5.1 設計構思57

2.5.2 操作步驟58

第3章　App UI字型設計62

3.1　UI設計師必備技能之文字設計63

3.1.1 字號設計63

3.1.2 UI文字設計標準64

3.2　案例：斜面浮雕字型設計65

3.2.1 設計構思65

3.2.2 操作步驟65

3.3　案例：鑽石字型設計69

3.3.1 設計構思69

3.3.2 操作步驟69

3.4　案例：碎裂岩石材質字型設計72

3.4.1 設計構思 72

3.4.2 操作步驟73

第4章　App UI簡約圖示設計76

4.1　UI設計師必備技能之圖示（ICON）

設計77

4.2　案例：特價圖示設計78

4.2.1 設計構思78

4.2.2 操作步驟78

4.3　案例：搜尋圖示設計80

4.3.1 設計構思80

4.3.2 操作步驟81

4.4　案例：照相機圖示設計83

4.4.1 設計構思83

4.4.2 操作步驟84

4.5　案例：鬧鐘圖示設計86

4.5.1 設計構思86

4.5.2 操作步驟86

4.6　案例：簡約平面圖示整套設計91

4.6.1 設計構思92

4.6.2 操作步驟92

第5章 App UI三維圖示設計99

5.1　UI設計師必備技能之三維圖示

設計100

5.1.1 表現形態100

5.1.2 圖示特性101

5.1.3 圖示設計的構思101

5.2　案例：立體日曆圖示設計102

5.2.1 設計構思102

5.2.2 操作步驟102

5.3　案例：立體錄音器圖示設計105

5.3.1 設計構思106

5.3.2 操作步驟106

5.4　案例：立體時鐘圖示設計108

5.4.1 設計構思108

5.4.2 操作步驟109

5.5　案例：立體勾選框圖示設計111

5.5.1 設計構思112

5.5.2 操作步驟112

5.6　案例：實體手機設計114

5.6.1 設計構思115

5.6.2 操作步驟115

第6章　App UI多樣圖形設計122

6.1　UI設計師必備技能之構圖技巧123

6.1.1 粗細對比123

6.1.2 遠近對比123

6.1.3 疏密對比124

6.1.4 靜動對比124

6.1.5 中西對比124

6.1.6 古今對比125

6.2　案例：個性二維碼掃描圖形設計125

6.2.1 設計構思126

6.2.2 操作步驟126

6.3　案例：徽標圖形設計128

6.3.1 設計構思128

6.3.2 操作步驟129

6.4　案例：個性條形碼設計132

6.4.1 設計構思132

6.4.2 操作步驟132

6.5　案例：電影宣傳海報設計134

6.5.1 設計構思135

6.5.2 操作步驟135