基本信息

書名:Photoshop CC移動UI界麵設計與實戰(含DVD光盤1張)(全彩)

：79.00元

售價：57.7元,便宜21.3元,摺扣73

作者:創銳設計著

齣版社：電子工業齣版社

齣版日期：2015-06-01

ISBN：9787121259982

字數：

頁碼：

版次：1

裝幀：平裝-膠訂

開本：16開

商品重量：0.4kg

編輯推薦

推薦購買： 移動終端決勝之道——APP視覺設計藝術（移動未來，設計為王，這是一場翻天覆地的視覺設計革命，打開本書，請你馬上做好準備！） 從心開始 將一切都改變精工細作 開啓移動設計之門突破限製 掌控三大主流係統多點本事 精通App應用設計目前移動設備産品日益增多，移動應用程序的市場呈現齣百花齊放的勝景。為瞭能夠迎閤用戶、提高用戶體驗，越來越多的移動應用程序産品開始提倡“以用戶為中心”的設計理念，這就要求移動UI視覺設計師們要有敏銳的設計嗅覺和完整的設計流程及思維。本書從移動UI視覺設計的基礎知識齣發，通過分析和講解三大主流係統的設計規範和設計技巧，將移動UI視覺設計中的創意思路與操作案例完美地結閤在一起，力求在幫助讀者提高UI界麵製作能力的同時，拓展他們移動UI視覺設計的創造思路。希望本書對大傢有很多的啓發和幫助，讓我們利用有限的功能，進行無限的創意！

內容提要

目前移動設備産品日益增多，移動應用程序的市場呈現齣百花齊放的勝景。為瞭能夠迎閤用戶、提高用戶體驗，越來越多的移動應用程序産品開始提倡“以用戶為中心”的設計理念，這就要求移動UI視覺設計師們要有敏銳的設計嗅覺和完整的設計流程及思維。本書從移動UI視覺設計的基礎知識齣發，通過分析和講解三大主流係統的設計規範和設計技巧，將移動UI視覺設計中的創意思路與操作案例完美地結閤在一起，力求在幫助讀者提高UI界麵製作能力的同時，拓展他們移動UI視覺設計的創造思路。
本書一共包含三部分，共14個Part的內容。第1部分基礎篇（Part1~Part3）：介紹移UI視覺設計的基礎知識，Photoshop軟件的常用操作功能，以及介紹移動UI界麵中基礎元素的設計規範；第2部分三大主流係統（Part4~Part6）：分彆對三大係統進行有針對性的講解，利用相關的案例介紹移動UI視覺設計的製作方法和技巧；第3部分App應用實例（Part7~Part14）：以完整的App界麵設計為主要內容，展示不同風格移動UI界麵設計的特點和製作方法。本書包含瞭大量精美的界麵元素、App應用程序界麵視覺設計的案例，利用較詳細的布局規劃、創意思維、配色方案、組件分析等部分來對案例的創作思路進行闡述，告訴讀者移動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 操作的靈活性及人性化 / 8
1.3 三大主流操作係統的特點對比 / 9
1.4 不同係統UI視覺的主要組成要素及特徵 / 9
1.4.1 iOS係統中的組成要素及特徵 / 10
1.4.2 Android係統中的組成要素及特徵 / 12
1.4.3 WP係統中的組成要素及特徵 / 13
1.5 認識移動終端的分辨率和像素 / 14
1.6 移動UI的創意與靈感收集 / 16
1.6.1 各種經驗和靈感的記錄 / 16
1.6.2 將對象抽象化 / 17
1.6.3 設計靈感的轉移 / 18
1.7 移動UI的視覺設計流程 / 20

2.1 繪圖工具的介紹 / 24
2.1.1 規則形狀的繪製 / 24
2.1.2 自定義形狀的繪製 / 25
2.1.3 繪製任意所需的形狀 / 27
2.2 圖層樣式的運用 / 28
2.2.1 增強立體感的圖層樣式 / 28
2.2.2 發光效果的圖層樣式 / 30
2.2.3 更改色彩的圖層樣式 / 31
2.3 濛版的編輯 / 33
2.3.1 圖層濛版 / 33
2.3.2 剪貼濛版 / 34
2.4 文字的添加 / 36
2.4.1 文字的添加與設置 / 36
2.4.2 文字的高級編輯 / 37

3.1 按鈕 / 40
3.1.1 按鈕設計的基礎知識 / 40
3.1.2 扁平化按鈕的設計 / 41
3.2 開關 / 45
3.2.1 開關設計的基礎知識 / 45
3.2.2 簡易色塊開關的設計 / 47
3.3 進度條 / 49
3.3.1 進度條設計的基礎知識 / 49
3.3.2 扁平化進度條的設計 / 49
3.3.3 層次感強烈的進度條設計 / 52
3.4 搜索欄 / 56
3.4.1 搜索欄設計的基礎知識 / 56
3.4.2 扁平化搜索欄的設計 / 58
3.5 列錶框 / 63
3.5.1 列錶框設計的基礎知識 / 63
3.5.2 簡易列錶框的設計 / 64
3.5.3 立體化列錶框的設計 / 68
3.6 標簽欄 / 70
3.6.1 標簽欄設計的基礎知識 / 70
3.6.2 綫性化標簽欄設計 / 71
3.6.3 木紋質感的標簽欄設計 / 72
3.7 圖標欄 / 75
3.7.1 圖標欄設計的基礎知識 / 75
3.7.2 綫性化圖標欄設計 / 76
3.7.3 紙箱紋理的圖標欄設計 / 79

4.1 iOS係統的發展及其特點 / 84
4.1.1 iOS係統的發展 / 84
4.1.2 iOS 8係統的設計特點 / 86
4.2 iOS係統設計的規範 / 89
4.2.1 設計原則 / 89
4.2.2 色彩和字體 / 92
4.2.3 圖標的設計 / 96
4.3 iOS係統界麵設計實訓 / 100
4.3.1 扁平化圖標的設計 / 100
4.3.2 半透明效果的界麵設計 / 108

5.1 Android係統的特點 / 116
5.2 Android係統的設計規範 / 118
5.2.1 度量單位 / 118
5.2.2 字體的使用標準 / 118
5.2.3 色彩的應用規範 / 121
5.2.4 四種類型的圖標 / 124
5.3 六種標準的Widget規範 / 126
5.3.1 Widget框架簡介 / 126
5.3.2 Widget框架的標準尺寸 / 128
5.3.3 4×1的Widget框架設計 / 129
5.3.4 3×3的Widget框架設計 / 133
5.3.5 2×2的Widget框架設計 / 137
5.3.6 4×1的加長Widget框架設計 / 140
5.3.7 3×3的橫嚮Widget框架設計 / 144
5.3.8 2×2的橫嚮Widget框架設計 / 149
5.4 Android係統界麵設計實訓 / 154
5.4.1 立體化的圖標設計 / 154
5.4.2 超強立體感的界麵設計 / 163

6.1 WP係統的特點 / 176
6.2 高自由度的Live Tiles / 178
6.2.1 Live Tiles簡介 / 178
6.2.2 Live Tiles常見錶現形式 / 180
6.2.3 Live Tiles設計的十大要點 / 181
6.2.4 Live Tiles設計 / 185
6.3 獨特的Panorama / 183
6.3.1 Panorama（全景視圖）簡介 / 187
6.3.2 Panorama設計注意事項 / 188
6.3.3 Panorama設計 / 193
6.4 WP係統界麵設計實訓 / 196
6.4.1 綫性圖標的設計 / 196
6.4.2 極簡風格的界麵設計 / 200

界麵布局規劃 / 208
創意思路剖析 / 208
確定配色方案 / 209
定義組件風格 / 210
製作步驟詳解 / 210

界麵布局規劃 / 222
創意思路剖析 / 222
確定配色方案 / 223
定義組件風格 / 224
製作步驟詳解 / 224

界麵布局規劃 / 238
創意思路剖析 / 238
確定配色方案 / 239
定義組件風格 / 240
製作步驟詳解 / 240

界麵布局規劃 / 254
創意思路剖析 / 254
確定配色方案 / 255
定義組件風格 / 255
製作步驟詳解 / 256

界麵布局規劃 / 270
創意思路剖析 / 270
確定配色方案 / 271
定義組件風格 / 271
製作步驟詳解 / 272

界麵布局規劃 / 284
創意思路剖析 / 284
確定配色方案 / 285
定義組件風格 / 286
製作步驟詳解 / 286

界麵布局規劃 / 300
創意思路剖析 / 300
確定配色方案 / 301
定義組件風格 / 302
製作步驟詳解 / 302

界麵布局規劃 / 320
創意思路剖析 / 320
確定配色方案 / 321
定義組件風格 / 322
製作步驟詳解 / 322

作者介紹

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

文摘

序言