《Photoshop CC移動(dòng)UI界面設(shè)計(jì)與實(shí)踐(含DVD光盤(pán)1張)》一共包含三部分，共14個(gè)Part的內(nèi)容。第1部分基礎(chǔ)篇（Part1~Part3）：介紹移動(dòng)UI視覺(jué)設(shè)計(jì)的基礎(chǔ)知識(shí)，Photoshop軟件的常用操作功能，以及介紹移動(dòng)UI界面中基礎(chǔ)元素的設(shè)計(jì)規(guī)范；第2部分三大主流系統(tǒng)（Part4~Part6）：分別對(duì)三大系統(tǒng)進(jìn)行有針對(duì)性的講解，利用相關(guān)的案例介紹移動(dòng)UI視覺(jué)設(shè)計(jì)的制作方法和技巧；第3部分App應(yīng)用實(shí)例（Part7~Part14）：以完整的App界面設(shè)計(jì)為主要內(nèi)容，展示不同風(fēng)格移動(dòng)UI界面設(shè)計(jì)的特點(diǎn)和制作方法。
《Photoshop CC移動(dòng)UI界面設(shè)計(jì)與實(shí)踐(含DVD光盤(pán)1張)》包含了大量精美的界面元素、App應(yīng)用程序界面視覺(jué)設(shè)計(jì)的案例，利用較詳細(xì)的布局規(guī)劃、創(chuàng)意思維、配色方案、組件分析等部分來(lái)對(duì)案例的創(chuàng)作思路進(jìn)行闡述，告訴讀者移動(dòng)UI視覺(jué)設(shè)計(jì)的創(chuàng)作技巧。
《Photoshop CC移動(dòng)UI界面設(shè)計(jì)與實(shí)踐(含DVD光盤(pán)1張)》特別適合移動(dòng)設(shè)備UI視覺(jué)設(shè)計(jì)的初學(xué)者，同時(shí)對(duì)Photoshop使用者、平面設(shè)計(jì)師和App開(kāi)發(fā)設(shè)計(jì)人員也有參考價(jià)值。 作者簡(jiǎn)介
創(chuàng)銳設(shè)計(jì)，由一支優(yōu)秀的平面設(shè)計(jì)師與圖形圖像資深編輯隊(duì)伍組成。出版過(guò)眾多優(yōu)秀的圖形圖像方面的專(zhuān)業(yè)書(shū)籍，不僅在國(guó)內(nèi)處于領(lǐng)先地位，還有大量作品輸出過(guò)海外版權(quán)，備受讀者青睞。在課程教材方面，由于他們擁有多年教育培訓(xùn)的經(jīng)驗(yàn)，因此十分了解初學(xué)讀者的心理需求，從而研究出了一套行之有效的教學(xué)方法；此外，他們又參加過(guò)多個(gè)商業(yè)項(xiàng)目的設(shè)計(jì)工作，熟悉行業(yè)規(guī)范、了解客戶需求，擁有較高的設(shè)計(jì)水平，積累了豐富的制作經(jīng)驗(yàn)、為專(zhuān)業(yè)進(jìn)階讀者指出了技術(shù)進(jìn)階的明路；在他們的圖書(shū)中，選擇的實(shí)例不僅融會(huì)貫通了軟件技法，更能通過(guò)分享圖像處理經(jīng)驗(yàn)，激發(fā)讀者的靈感、迸發(fā)發(fā)創(chuàng)意火花，達(dá)到事半功倍的效果。
目錄：
Part 1 移動(dòng)UI設(shè)計(jì)基礎(chǔ) / 1
1.1 UI設(shè)計(jì)存在的意義 / 2
1.1.1 人機(jī)交互的橋梁 / 2
1.1.2 操作邏輯系統(tǒng)的展現(xiàn) / 3
1.1.3 展現(xiàn)系統(tǒng)的整體風(fēng)格 / 3
1.2 移動(dòng)UI設(shè)計(jì)的原則 / 4
1.2.1 視覺(jué)一致性原則 / 4
1.2.2 視覺(jué)簡(jiǎn)易性原則 / 5
1.2.3 從用戶的習(xí)慣考慮 / 6
1.2.4 操作的靈活性及人性化 / 8
1.3 三大主流操作系統(tǒng)的特點(diǎn)對(duì)比 / 9
1.4 不同系統(tǒng)UI視覺(jué)的主要組成要素及特征 / 10
1.4.1 iOS系統(tǒng)中的組成要素及特征 / 10
1.4.2 Android系統(tǒng)中的組成要素及特征 / 12
1.4.3 WP系統(tǒng)中的組成要素及特征 / 13
1.5 認(rèn)識(shí)移動(dòng)終端的分辨率和像素 / 14
1.6 移動(dòng)UI的創(chuàng)意與靈感收集 / 16
1.6.1 各種經(jīng)驗(yàn)和靈感的記錄 / 16
1.6.2 將對(duì)象抽象化 / 17
1.6.3 設(shè)計(jì)靈感的轉(zhuǎn)移 / 18
1.7 移動(dòng)UI的視覺(jué)設(shè)計(jì)流程 / 20
Part 2 PS在移動(dòng)UI設(shè)計(jì)中的常用功能簡(jiǎn)介 / 23
2.1 繪圖工具的介紹 / 24
2.1.1 規(guī)則形狀的繪制 / 24
2.1.2 自定義形狀的繪制 / 25
2.1.3 繪制任意所需的形狀 / 27
2.2 圖層樣式的運(yùn)用 / 28
2.2.1 增強(qiáng)立體感的圖層樣式 / 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 文字的高級(jí)編輯 / 37
Part 3 移動(dòng)UI界面中基本元素的制作 / 39
3.1 按鈕 / 40
3.1.1 按鈕設(shè)計(jì)的基礎(chǔ)知識(shí) / 40
3.1.2 扁平化按鈕的設(shè)計(jì) / 41
3.2 開(kāi)關(guān) / 45
3.2.1 開(kāi)關(guān)設(shè)計(jì)的基礎(chǔ)知識(shí) / 45
3.2.2 簡(jiǎn)易色塊開(kāi)關(guān)的設(shè)計(jì) / 47
3.3 進(jìn)度條 / 49
3.3.1 進(jìn)度條設(shè)計(jì)的基礎(chǔ)知識(shí) / 49
3.3.2 扁平化進(jìn)度條的設(shè)計(jì) / 49
3.3.3 層次感強(qiáng)烈的進(jìn)度條設(shè)計(jì) / 52
3.4 搜索欄 / 56
3.4.1 搜索欄設(shè)計(jì)的基礎(chǔ)知識(shí) / 56
3.4.2 扁平化搜索欄的設(shè)計(jì) / 58
3.5 列表框 / 63
3.5.1 列表框設(shè)計(jì)的基礎(chǔ)知識(shí) / 63
3.5.2 簡(jiǎn)易列表框的設(shè)計(jì) / 64
3.5.3 立體化列表框的設(shè)計(jì) / 68
3.6 標(biāo)簽欄 / 70
3.6.1 標(biāo)簽欄設(shè)計(jì)的基礎(chǔ)知識(shí) / 70
3.6.2 線性化標(biāo)簽欄設(shè)計(jì) / 71
3.6.3 木紋質(zhì)感的標(biāo)簽欄設(shè)計(jì) / 72
3.7 圖標(biāo)欄 / 75
3.7.1 圖標(biāo)欄設(shè)計(jì)的基礎(chǔ)知識(shí) / 75
3.7.2 線性化圖標(biāo)欄設(shè)計(jì) / 76
3.7.3 紙箱紋理的圖標(biāo)欄設(shè)計(jì) / 79
Part 4 iOS系統(tǒng)及其組件的設(shè)計(jì) / 83
4.1 iOS系統(tǒng)的發(fā)展及其特點(diǎn) / 84
4.1.1 iOS系統(tǒng)的發(fā)展 / 84
4.1.2 iOS 8系統(tǒng)的設(shè)計(jì)特點(diǎn) / 86
4.2 iOS系統(tǒng)設(shè)計(jì)的規(guī)范 / 89
4.2.1 設(shè)計(jì)原則 / 89
4.2.2 色彩和字體 / 92
4.2.3 圖標(biāo)的設(shè)計(jì) / 96
4.3 iOS系統(tǒng)界面設(shè)計(jì)實(shí)訓(xùn) / 100
4.3.1 扁平化圖標(biāo)的設(shè)計(jì) / 100
4.3.2 半透明效果的界面設(shè)計(jì) / 108
Part 5 Android系統(tǒng)及其組件的設(shè)計(jì) / 115
5.1 Android系統(tǒng)的特點(diǎn) / 116
5.2 Android系統(tǒng)的設(shè)計(jì)規(guī)范 / 118
5.2.1 度量單位 / 118
5.2.2 字體的使用標(biāo)準(zhǔn) / 118
5.2.3 色彩的應(yīng)用規(guī)范 / 121
5.2.4 四種類(lèi)型的圖標(biāo) / 124
5.3 六種標(biāo)準(zhǔn)的Widget規(guī)范 / 126
5.3.1 Widget框架簡(jiǎn)介 / 126
5.3.2 Widget框架的標(biāo)準(zhǔn)尺寸 / 128
5.3.3 4×1的Widget框架設(shè)計(jì) / 129
5.3.4 3×3的Widget框架設(shè)計(jì) / 133
5.3.5 2×2的Widget框架設(shè)計(jì) / 137
5.3.6 4×1的加長(zhǎng)Widget框架設(shè)計(jì) / 140
5.3.7 3×3的橫向Widget框架設(shè)計(jì) / 144
5.3.8 2×2的橫向Widget框架設(shè)計(jì) / 149
5.4 Android系統(tǒng)界面設(shè)計(jì)實(shí)訓(xùn) / 154
5.4.1 立體化的圖標(biāo)設(shè)計(jì) / 154
5.4.2 超強(qiáng)立體感的界面設(shè)計(jì) / 163
Part 6 WP系統(tǒng)及其組件的設(shè)計(jì) / 175
6.1 WP系統(tǒng)的特點(diǎn) / 176
6.2 高自由度的Live Tiles / 178
6.2.1 Live Tiles簡(jiǎn)介 / 178
6.2.2 Live Tiles常見(jiàn)表現(xiàn)形式 / 180
6.2.3 Live Tiles設(shè)計(jì)的十大要點(diǎn) / 181
6.2.4 Live Tiles設(shè)計(jì) / 185
6.3 獨(dú)特的Panorama / 183
6.3.1 Panorama（全景視圖）簡(jiǎn)介 / 187
6.3.2 Panorama設(shè)計(jì)注意事項(xiàng) / 188
6.3.3 Panorama設(shè)計(jì) / 193
6.4 WP系統(tǒng)界面設(shè)計(jì)實(shí)訓(xùn) / 196
6.4.1 線性圖標(biāo)的設(shè)計(jì) / 196
6.4.2 極簡(jiǎn)風(fēng)格的界面設(shè)計(jì) / 200
Part 7 孕媽幫手App設(shè)計(jì) / 207
界面布局規(guī)劃 / 208
創(chuàng)意思路剖析 / 208
確定配色方案 / 209
定義組件風(fēng)格 / 210
制作步驟詳解 / 210
Part 8 新聞網(wǎng)站App設(shè)計(jì) / 221
界面布局規(guī)劃 / 222
創(chuàng)意思路剖析 / 222
確定配色方案 / 223
定義組件風(fēng)格 / 224
制作步驟詳解 / 224
Part 9 美食網(wǎng)站App設(shè)計(jì) / 237
界面布局規(guī)劃 / 238
創(chuàng)意思路剖析 / 238
確定配色方案 / 239
定義組件風(fēng)格 / 240
制作步驟詳解 / 240
Part 10 籃球運(yùn)動(dòng)App設(shè)計(jì) / 253
界面布局規(guī)劃 / 254
創(chuàng)意思路剖析 / 254
確定配色方案 / 255
定義組件風(fēng)格 / 255
制作步驟詳解 / 256
Part 11 流量銀行App設(shè)計(jì) / 269
界面布局規(guī)劃 / 270
創(chuàng)意思路剖析 / 270
確定配色方案 / 271
定義組件風(fēng)格 / 271
制作步驟詳解 / 272
Part 12 藏寶游戲App設(shè)計(jì) / 283
界面布局規(guī)劃 / 284
創(chuàng)意思路剖析 / 284
確定配色方案 / 285
定義組件風(fēng)格 / 286
制作步驟詳解 / 286
Part 13 音樂(lè)播放App設(shè)計(jì) / 209
界面布局規(guī)劃 / 300
創(chuàng)意思路剖析 / 300
確定配色方案 / 301
定義組件風(fēng)格 / 302
制作步驟詳解 / 302
Part 14 旅游資訊App設(shè)計(jì) / 319
界面布局規(guī)劃 / 320
創(chuàng)意思路剖析 / 320
確定配色方案 / 321
定義組件風(fēng)格 / 322
……
|
