Photoshop CC 移動 UI 界面設(shè)計與實戰(zhàn)（第 3 版）

定　價：￥99.00

作　者：	創(chuàng)銳設(shè)計著
出版社：	電子工業(yè)出版社
叢編項：
標(biāo)　簽：	暫缺

購買這本書可以去

ISBN：	9787121420870	出版時間：	2021-10-01	包裝：	平裝
開本：	16開	頁數(shù)：	296	字?jǐn)?shù)：

內(nèi)容簡介

　　本書從移動UI視覺設(shè)計的基礎(chǔ)知識出發(fā)，通過分析和講解iOS和Android兩大移動操作系統(tǒng)的設(shè)計規(guī)范和設(shè)計技巧，將移動UI視覺設(shè)計中的創(chuàng)意思路與操作案例有機地結(jié)合在一起，力求在幫助讀者提高UI界面制作能力的同時，拓展移動UI視覺設(shè)計的創(chuàng)造思路。本書中包含了大量精美的界面元素、應(yīng)用程序界面視覺設(shè)計的案例，利用較為詳細(xì)的布局規(guī)劃、創(chuàng)意思維、配色方案、組件分析等部分來對案例的創(chuàng)作思路進(jìn)行闡述，告訴讀者移動UI視覺設(shè)計的創(chuàng)作技巧。本書包含3篇，共12個部分的內(nèi)容。第1篇（Part 1~Part 3）介紹移動UI視覺設(shè)計的基礎(chǔ)知識，Photoshop軟件的常用操作功能，以及移動UI界面中基礎(chǔ)元素的設(shè)計規(guī)范；第2篇（Part 4、Part 5）分別對iOS和Android兩大移動操作系統(tǒng)進(jìn)行有針對性的講解，通過相關(guān)的案例介紹移動UI視覺設(shè)計的制作方法和技巧；第3篇（Part 6~Part 12）以完整的App界面設(shè)計為主要內(nèi)容，展示出不同風(fēng)格移動UI界面設(shè)計的特點和制作方法。本書贈送了配套資源，其中不僅提供了書中實例的源文件、素材文件和視頻，還贈送了 Photoshop軟件教學(xué)視頻（解決讀者對軟件學(xué)習(xí)的需求）和教學(xué)PPT（方便教師授課使用）。本書適合移動設(shè)備UI視覺設(shè)計的初學(xué)者，同時對Photoshop使用者、平面設(shè)計師和App開發(fā)設(shè)計人員也有較高的參考價值。

作者簡介

　　創(chuàng)銳設(shè)計，由優(yōu)秀的平面設(shè)計師與圖形圖像資深編輯隊伍組成。出版過眾多優(yōu)秀的圖形圖像方面的專業(yè)書籍，不僅在國內(nèi)處于領(lǐng)先地位，還有大量作品輸出過海外版權(quán)，備受讀者青睞。在課程教材方面，由于他們擁有多年教育培訓(xùn)的經(jīng)驗，因此十分了解初學(xué)讀者的心理需求，從而研究出了一套行之有效的教學(xué)方法；此外，他們又參加過多個商業(yè)項目的設(shè)計工作，熟悉行業(yè)規(guī)范、了解客戶需求，擁有較高的設(shè)計水平，積累了豐富的制作經(jīng)驗、為專業(yè)進(jìn)階讀者指出了技術(shù)進(jìn)階的明路；在他們的圖書中，選擇的實例不僅融會貫通了軟件技法，更能通過分享圖像處理經(jīng)驗，激發(fā)讀者的靈感、迸發(fā)創(chuàng)意火花，達(dá)到事半功倍的效果。

圖書目錄

Part 1 移動UI設(shè)計基礎(chǔ) / 1
1．1 UI設(shè)計存在的意義 / 2
1．1．1 人機交互的橋梁 / 2
1．1．2 操作邏輯系統(tǒng)的展現(xiàn) / 3
1．1．3 展現(xiàn)系統(tǒng)的整體風(fēng)格 / 3
1．2 Photoshop在移動UI設(shè)計中的常用功能 / 4
1．2．1 視覺一致性原則 / 4
1．2．2 視覺簡易性原則 / 5
1．2．3 從用戶的習(xí)慣考慮 / 6
1．2．4 操作的靈活性及人性化 / 8
1．3 兩大主流操作系統(tǒng)的特點對比 / 9
1．4 不同系統(tǒng)UI視覺的主要組成要素及特征 / 10
1．4．1 iOS系統(tǒng)中的組成要素及特征 / 10
1．4．2 Android系統(tǒng)中的組成要素及特征 / 12
1．5 認(rèn)識移動終端的分辨率和像素 / 14
1．6 移動UI的創(chuàng)意與靈感收集 / 16
1．6．1 各種經(jīng)驗和靈感的記錄 / 16
1．6．2 將對象抽象化 / 17
1．6．3 設(shè)計靈感的轉(zhuǎn)移 / 18
1．7 移動UI的視覺設(shè)計流程 / 20
Part 2 PS在移動UI設(shè)計中的常用功能簡介 / 23
2．1 繪圖工具的介紹 / 24
2．1．1 規(guī)則形狀的繪制 / 24
2．1．2 自定義形狀的繪制 / 25
2．1．3 繪制任意所需的形狀 / 27
2．2 圖層樣式的運用 / 28
2．2．1 增強立體感的圖層樣式 / 28
2．2．2 發(fā)光效果的圖層樣式 / 30
2．2．3 更改色彩的圖層樣式 / 31
2．3 蒙版的編輯 / 33
2．3．1 圖層蒙版 / 33
2．3．2 剪貼蒙版 / 34
2．4 文字的添加 / 36
2．4．1 文字的添加與設(shè)置 / 36
2．4．2 文字的高級編輯 / 37
Part 3 移動UI界面中基本元素的制作 / 39
3．1 按鈕 / 40
3．1．1 按鈕設(shè)計的基礎(chǔ)知識 / 40
3．1．2 扁平化按鈕的設(shè)計 / 41
3．2 開關(guān) / 45
3．2．1 開關(guān)設(shè)計的基礎(chǔ)知識 / 45
3．2．2 簡易色塊開關(guān)的設(shè)計 / 47
3．3 進(jìn)度條 / 49
3．3．1 進(jìn)度條設(shè)計的基礎(chǔ)知識 / 49
3．3．2 扁平化進(jìn)度條的設(shè)計 / 49
3．3．3 層次感強烈的進(jìn)度條設(shè)計 / 52
3．4 搜索欄 / 56
3．4．1 搜索欄設(shè)計的基礎(chǔ)知識 / 56
3．4．2 扁平化搜索欄的設(shè)計 / 58
3．5 列表框 / 63
3．5．1 列表框設(shè)計的基礎(chǔ)知識 / 63
3．5．2 簡易列表框的設(shè)計 / 64
3．5．3 立體化列表框的設(shè)計 / 68
3．6 標(biāo)簽欄 / 70
3．6．1 標(biāo)簽欄設(shè)計的基礎(chǔ)知識 / 70
3．6．2 線性化標(biāo)簽欄設(shè)計 / 71
3．6．3 木紋質(zhì)感的標(biāo)簽欄設(shè)計 / 72
3．7 圖標(biāo)欄 / 75
3．7．1 圖標(biāo)欄設(shè)計的基礎(chǔ)知識 / 75
3．7．2 線性化圖標(biāo)欄設(shè)計 / 76
3．7．3 紙箱紋理的圖標(biāo)欄設(shè)計 / 79
Part 4 iOS系統(tǒng)及其組件的設(shè)計 / 83
4．1 iOS系統(tǒng)的發(fā)展及其特點 / 84
4．1．1 iOS系統(tǒng)的發(fā)展 / 84
4．1．2 iOS 10 系統(tǒng)的設(shè)計特點 / 86
4．2 iOS系統(tǒng)設(shè)計的規(guī)范 / 89
4．2．1 設(shè)計原則 / 89
4．2．2 色彩和字體 / 92
4．2．3 圖標(biāo)的設(shè)計 / 96
4．3 iOS系統(tǒng)界面設(shè)計實訓(xùn) / 100
4．3．1 扁平化圖標(biāo)的設(shè)計 / 100
4．3．2 半透明效果的界面設(shè)計 / 108
Part 5 Android系統(tǒng)及其組件的設(shè)計 / 113
5．1 Android系統(tǒng)的特點 / 114
5．2 Android系統(tǒng)的設(shè)計規(guī)范 / 116
5．2．1 度量單位 / 116
5．2．2 字體的使用標(biāo)準(zhǔn) / 116
5．2．3 色彩的應(yīng)用規(guī)范 / 119
5．2．4 四種類型的圖標(biāo) / 122
5．3 六種標(biāo)準(zhǔn)的Widget規(guī)范 / 124
5．3．1 Widget框架簡介 / 124
5．3．2 Widget框架的標(biāo)準(zhǔn)尺寸 / 126
5．3．3 4×1的Widget框架設(shè)計 / 127
5．3．4 3×3的Widget框架設(shè)計 / 131
5．3．5 2×2的Widget框架設(shè)計 / 135
5．3．6 4×1的加長Widget框架設(shè)計 / 138
5．3．7 3×3的橫向Widget框架設(shè)計 / 142
5．3．8 2×2的橫向Widget框架設(shè)計 / 147
5．4 Android系統(tǒng)界面設(shè)計實訓(xùn) / 152
5．4．1 立體化的圖標(biāo)設(shè)計 / 152
5．4．2 超強立體感的界面設(shè)計 / 161
Part 6 孕媽幫手App設(shè)計 / 173
界面布局規(guī)劃 / 174
創(chuàng)意思路剖析 / 174
確定配色方案 / 175
定義組件風(fēng)格 / 176
制作步驟詳解 / 176
Part 7 美食網(wǎng)站App設(shè)計 / 187
界面布局規(guī)劃 / 188
創(chuàng)意思路剖析 / 188
確定配色方案 / 189
定義組件風(fēng)格 / 190
制作步驟詳解 / 190
Part 8 籃球運動App設(shè)計 / 203
界面布局規(guī)劃 / 204
創(chuàng)意思路剖析 / 204
確定配色方案 / 205
定義組件風(fēng)格 / 205
制作步驟詳解 / 206
Part 9 流量銀行App設(shè)計 / 219
界面布局規(guī)劃 / 220
創(chuàng)意思路剖析 / 220
確定配色方案 / 221
定義組件風(fēng)格 / 221
制作步驟詳解 / 222
Part 10 藏寶游戲App設(shè)計 / 233
界面布局規(guī)劃 / 234
創(chuàng)意思路剖析 / 234
確定配色方案 / 235
定義組件風(fēng)格 / 236
制作步驟詳解 / 236
Part 11 音樂播放App設(shè)計 / 249
界面布局規(guī)劃 / 250
創(chuàng)意思路剖析 / 250
確定配色方案 / 251
定義組件風(fēng)格 / 252
制作步驟詳解 / 252
Part 12 旅游資訊App設(shè)計 / 269
界面布局規(guī)劃 / 270
創(chuàng)意思路剖析 / 270
確定配色方案 / 271
定義組件風(fēng)格 / 272
制作步驟詳解 / 272