Photoshop CC 移動 UI 界面設計與實戰(第 3 版)

Photoshop CC 移動 UI 界面設計與實戰(第 3 版)

《Photoshop CC 移動 UI 界面設計與實戰(第3版)》是電子工業出版社出版圖書,作者是創銳設計

移動UI界面設計暢銷書全新升級,玩轉iOS、Android系統UI設計規範,精通App界面設計

基本介紹

  • 中文名:Photoshop CC 移動 UI 界面設計與實戰(第3版)
  • 作者:創銳設計
  • 出版社:電子工業出版社
  • 出版時間:2021年10月
  • 頁數:296 頁
  • 定價:99 元
  • 開本:16 開
  • ISBN:9787121420870
內容簡介,圖書目錄,作者簡介,

內容簡介

通過分析和講解iOS和Android兩大移動作業系統的設計規範和設計技巧,將移動UI視覺設計中的創意思路與操作案例有機地結合在一起,力求在幫助讀者提高UI界面製作能力的同時,拓展移動UI視覺設計的創造思路

圖書目錄

Part 1 移動UI設計基礎 / 1
1.1 UI設計存在的意義 / 2
1.1.1 人機互動的橋樑 / 2
1.1.2 操作邏輯系統的展現 / 3
1.1.3 展現系統的整體風格 / 3
1.2 移動UI設計的原則 / 4
1.2.1 視覺一致性原則 / 4
1.2.2 視覺簡易性原則 / 5
1.2.3 從用戶的習慣考慮 / 6
1.2.4 操作的靈活性及人性化 / 7
1.3 兩大主流作業系統的特點對比 / 8
1.4 不同系統UI視覺的主要組成要素及特徵 / 9
1.4.1 iOS系統中的組成要素及特徵 / 9
1.4.2 Android系統中的組成要素及特徵 / 11
1.5 認識移動終端的解析度和像素 / 12
1.6 移動UI的創意與靈感收集 / 14
1.6.1 各種經驗和靈感的記錄 / 14
1.6.2 將對象抽象化 / 15
1.6.3 設計靈感的轉移 / 16
1.7 移動UI的視覺設計流程 / 18
Part 2 Photoshop在移動UI設計中的常用功能 / 21
2.1 繪圖工具的介紹 / 22
2.1.1 規則形狀的繪製 / 22
2.1.2 自定義形狀的繪製 / 23
2.1.3 繪製任意所需的形狀 / 24
2.2 圖層樣式的運用 / 26
2.2.1 增強立體感的圖層樣式 / 26
2.2.2 發光效果的圖層樣式 /28
2.2.3 更改色彩的圖層樣式 / 29
2.3 蒙版的編輯 / 31
2.3.1 圖層蒙版 / 31
2.3.2 剪貼蒙版 / 32
2.4 文字的添加 / 34
2.4.1 文字的添加與設定 / 34
2.4.2 文字的高級編輯 / 35
Part 3 移動UI界面中基本元素的製作 / 37
3.1 按鈕 / 38
3.1.1 按鈕設計的基礎知識 / 38
3.1.2 扁平化按鈕設計 / 39
3.2 開關 / 43
3.2.1 開關設計的基礎知識 / 43
3.2.2 簡易色塊開關設計 / 45
3.2.3 擬物化開關設計 / 46
3.3 進度條 / 49
3.3.1 進度條設計的基礎知識 / 49
3.3.2 扁平化進度條設計 / 50
3.3.3 層次感強烈的進度條設計 / 51
3.4 搜尋欄 / 55
3.4.1 搜尋欄設計的基礎知識 / 55
3.4.2 扁平化搜尋欄設計 / 57
3.4.3 皮紋質感的搜尋欄設計 / 58
3.5 列表框 / 62
3.5.1 列表框設計的基礎知識 / 62
3.5.2 簡易列表框設計 / 63
3.5.3 立體化列表框的設計 / 65
3.6 標籤欄 / 69
3.6.1 標籤欄設計的基礎知識 / 69
3.6.2 線性化標籤欄設計 / 70
3.6.3 木紋質感的標籤欄設計 / 71
3.7 圖示欄 / 74
3.7.1 圖示欄設計的基礎知識 / 74
3.7.2 線性化圖示欄設計 / 75
3.7.3 紙箱紋理的圖示欄設計 / 78
Part 4 iOS系統及其組件的設計 / 82
4.1 iOS系統設計特點 / 83
4.1.1 充分利用整個螢幕 / 83
4.1.2 去除不必要的修飾效果 / 83
4.1.3 半透明和模糊設計 / 84
4.1.4 信息的清晰呈現 / 84
4.1.5 用深度體現層次 / 86
4.2 iOS系統設計的規範 / 86
4.2.1 設計原則 / 86
4.2.2 適應性和布局 / 89
4.2.3 色彩和字型 / 92
4.2.4 圖示設計 / 97
4.2.5 桌面小部件 / 100
4.3 iOS系統界面設計實訓 / 103
4.3.1 扁平化圖示設計 / 103
4.3.2 半透明效果的界面設計 / 111
Part 5 Android系統及其組件的設計 / 118
5.1 Android系統的特點 / 119
5.2 Android系統的設計規範 / 121
5.2.1 單位和度量 / 121
5.2.2 字型的使用標準 / 123
5.2.3 色彩的套用規範 / 125
5.2.4 四種類型的圖示 / 128
5.3 六種標準的Widget規範 / 130
5.3.1 Widget框架簡介 / 130
5.3.2 Widget框架的標準尺寸 / 132
5.3.3 4×1的Widget框架設計 / 133
5.3.4 3×3的Widget框架設計 / 137
5.3.5 2×2的Widget框架設計 / 141
5.3.6 4×1的加長Widget框架設計 / 144
5.3.7 3×3的橫向Widget框架設計 / 147
5.3.8 2×2的橫向Widget框架設計 / 152
5.4 Android系統界面設計實訓 / 157
5.4.1 輕擬物化的圖示設計 / 157
5.4.2 清新可愛的界面設計 / 163
Part 6 孕媽幫手App設計 / 175
6.1 界面布局規劃 / 176
6.2 創意思路剖析 / 176
6.3 確定配色方案 / 177
6.4 定義組件風格 / 178
6.5 製作步驟詳解 / 178
Part 7 美食網站App設計 / 188
7.1 界面布局規劃 / 189
7.2 創意思路剖析 / 189
7.3 確定配色方案 / 190
7.4 定義組件風格 / 191
7.5 製作步驟詳解 / 191
Part 8 籃球運動App設計 / 204
8.1 界面布局規劃 / 205
8.2 創意思路剖析 / 205
8.3 確定配色方案 / 206
8.4 定義組件風格 / 206
8.5 製作步驟詳解 / 207
Part 9 流量銀行App設計 / 220
9.1 界面布局規劃 / 221
9.2 創意思路剖析 / 221
9.3 確定配色方案 / 222
9.4 定義組件風格 / 222
9.5 製作步驟詳解 / 223
Part 10 藏寶遊戲App設計 / 234
10.1 界面布局規劃 / 235
10.2 創意思路剖析 / 235
10.3 確定配色方案 / 236
10.4 定義組件風格 / 237
10.5 製作步驟詳解 / 237
Part 11 音樂播放App設計 / 250
11.1 界面布局規劃 / 251
11.2 創意思路剖析 / 251
11.3 確定配色方案 / 252
11.4 定義組件風格 / 253
11.5 製作步驟詳解 / 253
Part 12 旅遊資訊App設計 / 271
12.1 界面布局規劃 / 272
12.2 創意思路剖析 / 272
12.3 確定配色方案 / 273
12.4 定義組件風格 / 274
12.5 製作步驟詳解 / 274

作者簡介

創銳設計,由優秀的平面設計師與圖形圖像資深編輯隊伍組成。出版過眾多優秀的圖形圖像方面的專業書籍,不僅在國內處於領先地位,還有大量作品輸出過海外著作權,備受讀者青睞。在課程教材方面,由於他們擁有多年教育培訓的經驗,因此十分了解初學讀者的心理需求,從而研究出了一套行之有效的教學方法;此外,他們又參加過多個商業項目的設計工作,熟悉行業規範、了解客戶需求,擁有較高的設計水平,積累了豐富的製作經驗、為專業進階讀者指出了技術進階的明路;在他們的圖書中,選擇的實例不僅融會貫通了軟體技法,更能通過分享圖像處理經驗,激發讀者的靈感、迸發創意火花,達到事半功倍的效果。

相關詞條

熱門詞條

聯絡我們