《創意UI Photoshop玩轉移動UI設計》是2016年8月人民郵電出版社出版的圖書,作者是Art Eyes設計工作室。
基本介紹
- 中文名:創意UI Photoshop玩轉移動UI設計
- 作者:Art Eyes設計工作室
- 出版時間:2016年8月
- 出版社:人民郵電出版社
- 頁數:308 頁
- ISBN:9787115369246
- 定價:79 元
- 開本:大20開
- 裝幀:平裝
內容簡介,圖書目錄,
內容簡介
《創意UI:Photoshop玩轉移動UI設計》通過案例的方式介紹了如何使用Photoshop進行移動UI設計,全書分為5章,每章都包括豐富的移動UI設計知識和詳細的設計製作講解。包括初入移動UI設計的世界、你所不知道的移動UI特性和界面導航設計、Photoshop和移動UI的那些事兒、現在就開始移動手機之旅和超人氣平板界面是這樣練成的等內容,使讀者由淺入深,逐步了解使用Photoshop進行移動UI界面設計的整體思路和製作過程。以一個逐漸深化的方式為用戶呈現設計中的重點門類和製作方法,使讀者全面且深入地掌握各種類別移動界面設計案例。
《創意UI:Photoshop玩轉移動UI設計》內容專業簡練,操作案例精美實用、講解詳盡,適合UI設計愛好者與設計專業的大中專學生閱讀使用。隨書附贈的光碟中收錄了書中所有案例的教學視頻、素材和源檔案,用於補充書中遺漏的細節內容,方便讀者學習和參考。
圖書目錄
第 1章 初入移動UI設計的世界
1.1 認識移動UI 8
1.1.1 什麼是移動UI設計 8
1.1.2 移動UI設計的特點 9
1.1.3 移動UI設計的經典案例 10
1.2 移動設備的三大主流平台和設計的基本原則 12
1.2.1 iOS平台和設計的基本原則 12
1.2.2 Android平台和設計的基本原則 15
1.2.3 Windows平台和設計的基本原則 16
1.3 常用移動界面 18
1.3.1 常用手機界面 18
1.3.2 常用平板電腦界面 21
1.4 移動UI的草圖設計流程 23
1.5 移動設備界面色彩搭配 24
1.5.1 色彩對移動界面的重要性 24
1.5.2 移動設備界面色彩的搭配方法 24
1.5.3 移動設備中色彩的傳達 26
1.6 移動設備中各尺寸標準 27
1.6.1 手機的基本尺寸標準 27
1.6.2 平板的基本尺寸標準 28
1.6.3 手機的基本解析度 29
1.6.4 平板的基本解析度 30
1.7 移動UI使用的注意要點 31
1.7.1 移動UI設計的顏色使用要點 31
1.7.2 移動UI設計的圖案使用要點 35
1.7.3 移動UI設計的字型使用要點 36
第 2章 你所不知道的移動UI特性和界面導航設計
2.1 移動設備的特性 40
2.1.1 高便攜性 40
2.1.2 隱私性 40
2.1.3 套用輕便 40
2.1.4 手機媒體的特性 41
2.1.5 iPad的特性 43
2.2 手摸勢互動特性 45
2.2.1 重複與循環動作 45
2.2.2 連貫動作法和關鍵動作法 45
2.2.3 誇張的方式製作利於觸碰 46
2.3 移動用戶體驗設計方法 47
2.3.1 有效的人機互動策略 47
2.3.2 移動設備的可用性 48
2.3.3 以用戶為中心的移動UI設計 51
2.3.4 訪客到上的設計秘籍 51
2.4 導航欄和按鈕的設計要點 52
2.4.1 套用的導航欄設計 52
2.4.2 導航欄返回按鈕 54
2.5 移動套用導航的設計模式 56
2.5.1 跳板式 59
2.5.2 列表選單式 61
2.5.3 選項卡式 62
2.5.4 陳列館式 63
2.5.5 儀表式和隱喻式 64
2.5.6 超級選單式 65
2.5.7 圖片輪盤式 65
2.5.8 擴展列表式 66
2.6 2015年移動設備的發展趨勢 69
2.6.1 大螢幕,還是大螢幕 69
2.6.2 4G LTE 69
2.6.3 隨處可見的Android 70
2.6.4 NFC技術 70
2.6.5 更輕更薄 71
2.6.6 更大的平板電腦 71
2.6.7 更好的平板電腦保護套 71
2.6.8 在?Ultrabooks領域加大投資 72
2.6.9 將吸引更多企業用戶的關注 72
第3章 Photoshop和移動UI的那些事兒
3.1 移動UI中基礎圖形的繪製 74
3.1.1 正方形、長方形 76
3.1.2 圓角矩形 78
3.1.3 橢圓 81
3.1.4 組合圖形 87
3.1.5 其他形狀 89
3.2 常見控制項的製作 91
3.2.1 按鈕 91
3.2.2 對話框 95
3.2.3 選項條 99
3.2.4 切換條 103
3.2.5 滾動條 107
3.2.6 播放器 112
3.3 圖示的製作 115
3.3.1 時間圖示 115
3.3.2 相機圖示 121
3.3.3 音樂圖示 126
3.3.4 天氣圖示 131
第4章 現在就開始移動手機之旅
4.1 移動手機設定界面 140
實戰1 手機時鐘設定界面 140
實戰2 手機聯繫人設定界面 145
實戰3 手機鎖屏設定界面 150
實戰4 手機顯示設定界面 154
4.2 移動手機主題界面 158
實戰1 小清新風格手機主題 158
實戰2 女性風格手機主題界面 166
實戰3 可愛風格手機主題界面 170
實戰4 特效手機主題界面 174
實戰5 手繪風格手機主題界面 180
4.3 移動手機套用界面 187
實戰1 手機照片套用界面 187
實戰2 手機音樂套用界面 193
實戰3 手機遊戲套用界面 201
第5章 超人氣平板界面是這樣煉成的
5.1 平板主題界面設計 212
實戰1 安卓系統主題界面設計 212
實戰2 蘋果系統主題界面設計 218
實戰3 Windows系統主題界面設計 224
5.2 平板套用遊戲界面設計 229
實戰1 iPad休閒遊戲 229
實戰2 iPad益智遊戲 237
5.3 平板常用軟體界面設計 244
實戰1 平板電影高清時代 244
實戰2 平板娛樂套用界面 252
實戰3 平板音樂套用界面 257
5.4 平板閱讀界面設計 263
實戰1 iPad電子明信片瀏覽 263
實戰2 女性網購站點 271
實戰3 兒童學習教育 281
附錄
01 設計背景 290
觸控目標大小的定義 290
僧多粥少 291
可玩性主要在於手控的操作 292
02 不同類型移動設備的可用性各異 293
iOS移動設備的可用性 294
Android移動設備的可用性 295
Windows Phone移動設備的可用性 296
03 移動網站與完整版網站 298
移動最佳化的網站 299
為什麼完整版網站不適合移動使用 302
移動端比桌面端要求更嚴格 303
回響式設計 305
可用性原則很少非黑即白 307