內容簡介
本書是一本專門介紹利用Photoshop開發製作各類App設計的圖書,全書分為6章,每章都包含豐富的App設計知識和設計製作過程的詳細講解,包括一起踏入App的世界、App設計的特點和用戶體驗、Photoshop創作個性App、界面要素決定App風格、不同套用系統界面及附錄,通過案例逐一講解,使讀者由淺及深,逐步的了解使用Photoshop製作App設計的整體設計思路和製作過程。以一個逐漸深化的方式為用戶呈現設計中的重點門類和製作方法,讀者可以全面且深入地學習製作各種圖示設計類別的案例。特別是在Photoshop創作個性App、界面要素決定App風格、不同套用系統界面三章中,本書從不同的三個方面來為讀者們講解和展示了不同風格和質感效果的App設計效果,展現了不缺乏創意、富有靈魂的精彩App設計。
圖書目錄
第 1 章 一起踏入APP 的世界
1.1 初識APP 8
1.1.1 什麼是APP 8
1.1.2 手機APP 與平面UI 的區別 9
1.1.3 常見智慧型手機的作業系統 11
1.1.4 APP 的設計要點 15
1.1.5 常見APP 設計的經典案例 17
1.2 四大APP 主流套用商店 19
1.2.1 蘋果商店 19
1.2.2 谷歌商店 20
1.2.3 惠普商店 20
1.2.4 黑莓商店 21
1.3 APP 的草圖設計流程及方法 22
1.3.1 製作APP 的市場定位 22
1.3.2 草圖的繪製 22
1.3.3 視覺設計 23
1.3.4 **終定案 24
1.4.1 螢幕尺寸 25
1.4 常見APP 設備標準尺寸 25
1.4.3 螢幕密度 28
1.5 設備中圖示尺寸大小規格 29
1.5.1 圖示尺寸 30
1.5.2 圖示格式 30
1.6 APP 的界面構成 31
1.6.1 導航欄 33
1.6.2 螢幕欄 34
1.6.3 下方按鈕欄 34
1.7 給你的APP 一點顏色看看 35
1.7.1 冷暖色調對比 36
1.7.2 色彩搭配技巧 37
1.7.3 常見APP 界面色彩 37
1.8 哪些你不可不知的APP 分類 38
1.8.1 應用程式 38
1.8.2 歡迎界面 39
1.8.3 遊戲App 設計 39
1.9 製作APP 常用的設計軟體 40
1.9.1 Photoshop CS6 40
1.9.2 Illustrator CS6 40
第 2 章 APP 設計的特點和用戶體驗
2.1 APP 的特性 42
2.1.1 虛擬鍵盤 42
2.1.2 導航 43
2.1.3 功能操作 45
2.1.4 自上而下的操作 46
2.1.5 減少輸 47
2.1.6 足夠大的按鈕面積 47
2.1.7 多點觸控手勢 48
2. 2 圖示的設計要點 49
2.2.1 重複與循環動作 45
2.2.2 連貫動作法和關鍵動作法 45
2.2.3 誇張的方式製作利於觸碰 46
2.3 APP 的下載平台 56
2.3.1 安卓系統下載平台 59
2.3.2 IOS 系統下載平台 60
2.3.3 windows Phone 系統下載平台 61
2.4 APP 與用戶體驗 62
2.4.1 APP 設計要點 63
2.4.2 用戶體驗 70
2.5 三大主流平台與APP 之間的關係 78
2.5.1 安卓平台 79
2.5.2 IOS 平台 80
2.5.3 windows Phone 平台 81
第3 章 Photoshop 創作個性APP
3.1 基礎圖形的繪製 84
3.1.1 圓形、橢圓 85
3.1.2 正方形、長方形 88
3.1.3 圓角矩形 90
3.1.4 組合圖形 92
3.1.5 虛線框 94
3.1.6 自定義形狀 96
3.2 手機APP 中常見按鈕的製作 98
3.2.1 開關 99
3.2.2 下拉選框 102
3.2.3 滑動條 104
3.2.4 對話框 106
3.3 讓人過目不忘的啟動圖示 108
3.3.1 安卓系統啟動圖示 109
3.3.2 IOS 系統啟動圖示 111
3.3.3 Windows 啟動圖示 112
3.4 個性圖示的製作 113
3.4.1 扁平化圖示 114
3.4.2 高清質感圖示 116
3.4.3 遊戲圖示 119
3.4.4 手機APP 啟動頁UI 設計 123
3.5 單擊圖示後的界面 127
3.5.1 手機APP 登錄頁面UI 設計 128
3.5.2 手機APP 引導頁UI 設計 132
3.5.3 手機APP 啟動頁UI 設計 135
3.6 化腐朽為神奇的圖片效果處理 139
3.6.1 調整照片色調 140
3.6.2 畫中畫效果 142
3.6.3 外框線效果 144
3.6.4 中國風寫實木紋界面 146
3.6.5 卷頁效果 152
第4 章 界面要素決定APP 風格
4.1 扁平化風格界面製作 159
實戰1 安卓手機界面扁平化風格製作 159
實戰2 windows 手機界面扁平化風格製作 164
實戰3 iOS7 手機界面扁平化風格製作 167
4.2 立體圖示界面製作 171
實戰1 彩虹立體按鈕塗圖示界面 171
實戰2 水晶立體圖示界面 177
實戰3 金屬質感界面 182
4.3 照片圖像界面製作 186
實戰1 日照光效界面 186
實戰2 光效處理界面 190
實戰3 翻頁照片界面 195
4.4 寫實風格界面製作 199
實戰1 超寫實風格界面 199
實戰2 中國風寫實木紋界面 203
4.5 繪畫藝術界面製作 209
實戰1 手繪塗鴉藝術界面 209
實戰2 動漫風格藝術界面 215
實戰3 矢量插畫風格界面 221
第5 章 不同套用系統套用
5.1 工具套用系統界面 227
實戰1 安卓手機界面扁平化風格製作 227
實戰2 鬧鐘套用界面 232
實戰3 天氣套用界面 236
實戰4 手電套用界面 239
實戰5 計算器套用界面 244
5.2 主題套用系統界面 249
實戰1 超萌繪畫界面 249
實戰2 簡潔創意界面 256
實戰3 傾心主題手機界面 261
5.3 程式軟體套用系統界面 270
實戰 手機社交套用界面 270
實戰2 手機相機套用界面 274
實戰3 手機音樂套用界面 278
5.4 遊戲套用系統界面 282
實戰1 經典消除遊戲界面 282
實戰2 棋牌遊戲界面 291
實戰3 闖關遊戲界面 300
附錄
0 1 APP 資源共享 310
1.1 APP 精緻圖示欣賞 310
1.2 你不可不知的優 秀界面欣賞 311
1.3 你所需要的分層素材共享 312
0 2 APP 界面構成組件 313
2.1 主屏模式 314
2.2 聲音 315
2.3 顯示 315
2.5 語言和輸入 316
2.6 日期和時間 317
2.7 輔助功能 317
0 3 App 產品設計禁忌 318
3.1 App 螢幕設計禁忌 318
3.2 App 文字設計禁忌 320
3.3 App 選項設計禁忌 321
3.4 App 按鈕圖示設計禁忌 322
3.5 App 的空間性設計禁忌 324