創意UI Photoshop玩轉移動UI設計第2版

內容簡介

本書通過案例的方式檔煉淚介紹了如何使用Photoshop進行移動UI設計，全書分為5章，每章都包括豐富的移動UI設計知識和詳細的設計製作講解，包括初入移動UI設計的世界、你所不知道的移動UI特性和界面導航設計、Photoshop和移動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．3 常用移動界面 16

1．3．1 常用手機界面 16

1．3．2 常用平板電腦界面 18

1．4 移動UI的草圖設計流程 20

1．5 移動設備界面色彩搭配 21

1．5．1 色彩對移動界面的重要性 21

1．5．2 移動設備界面色彩的搭配方法 21

1．5．3 移動設備中色彩的傳達 23

1．6 移動設備中各尺寸標準 24

1．6．1 手機的基本尺寸標準 24

1．6．2 平板的基本尺寸標準 24

1．6．3 手機的基本解析度 26

1．6．4 平板的基本解析度 27

1．7 移動UI使用的注意要點 28

1．7．1 移動UI設計的顏色使用要點 28

1．7．2 移動UI設計的圖案使用要點 32

1．7．3 移動UI設計的字型使用要點 33

第2章你所不知道的移動UI特性和界戒判籃面

導航設計

2．1 移動設備的特性 37

2．1．1 高便攜性 37

2．1．2 隱私性 37

2．1．3 套用輕便 37

2．1．4 手機媒體的特性 38

2．1．5 iPad的特性 40

2．2 手摸勢互動特性 42

2．2．1 重複與循環動作 42

2．2．2 連貫動作法和關鍵動作法 42

2．2．3 誇張的方式製作利於觸碰 43

2．3 移動用戶體驗設計方法 44

2．3．1 有效的人機互動策略 44

2．3．2 移動設備的可用性 45

2．3．3 以用戶為中心的移動UI設計 48

2．3．4 訪客至上的設計秘籍 48

2．4 導航欄和按鈕的設計要點 49

2．4．1 套用的導航欄設計 49

2．4．2 導航欄返回按鈕 51

2．5 移動套用導航的設計模式 53

2．5．1 跳板式 56

2．5．2 列表選單式 58

2．5．3 選項卡式 59

2．5．4 陳列館式 60

2．5．5 儀表式和隱喻式 61

2．5．6 超級選單式 62

2．5．7 圖片輪盤式 62

2．5．8 擴展列表式 63

2．6 2017年移動設備的發展趨勢 66

2．6．1 隱藏選單 66

2．6．2 Touch ID的完全控制 66

2．6．3 模糊背景圖片 67

2．6．4 代替傳統設備的穿戴式終端 67

2．6．5 卡片式設計將會變得更頻繁 67

2．6．6 娛樂與個性化 68

2．6．7 紙質化盼淋欠設凶束嘗戀計 68

2．6．8 精挑細選的配色 68

第3章 Photoshop和移動UI的那些事兒

3．1 移動UI中基礎圖形的繪製 70

3．1．肯料判1 正方形、長方形 72

3．1．2 圓角矩形 74

3．1．3 橢圓 77

3．1．4 組合圖形 83

3．1．5 其他形狀 85

3．2 常見控制項的製作 87

3．2．1 按鈕 87

3．2．2 對話框 91

3．2．3 選項條 95

3．2．4 切換條 99

3．2．5 滾動條全催 103

3．2．6 播放器 108

3．3 圖示的製作 111

3．3．1 時間圖示 111

3．3．2 相機圖示 117

3．3．3 音樂圖示 122

3．3．4 天氣圖示 127

第4章現在就開始移動手機之旅

4．1 移動手機設定界面 136

手機時鐘設定界面 136

手再檔采殼機聯繫人設定界面 141

手機鎖屏設定界面 146

手機顯示設定界面 150

4．2 移動手機主題界面 154

小清新風格手機主題 154

女性風格手機主題界面 162

可愛風格手機主題界面 166

特效手機主題界面 170

手繪風格手機主題界面 176

4．3 移動手機套用界面 183

手機照片套用界面 183

手機音樂套用界面 189

手機遊戲套用界面 197

第5章超人氣平板界面是這樣煉成的

5．1平板主題界面設計 208

安卓系統主題界面設計 208

蘋果系統主題界面設計 214

Windows系統主題界面設計 220

5．2平板套用遊戲界面設計 225

iPad休閒遊戲 225

iPad益智遊戲 233

5．3平板常用軟體界面設計 240

平板電影高清時代 240

平板娛樂套用界面 248

平板音樂套用界面 253

5．4平板閱讀界面設計 259

iPad電子明信片瀏覽 259

女性網購站點 267

兒童學習教育 277

附錄

01 設計背景 286

觸控目標大小的定義 286

僧多粥少 287

可玩性主要在於手控的操作 288

02 不同類型移動設備的可用性各異 289

iOS移動設備的可用性 290

Android移動設備的可用性 291

03 移動網站與完整版網站 292

移動最佳化的網站 293

為什麼完整版網站不適合移動使用 296

移動端比桌面端要求更嚴格 297

回響式設計 299

可用性原則很少非黑即白 301

創意UI Photoshop玩轉移動UI設計第2版

基本介紹

內容簡介

圖書目錄

相關詞條

熱門詞條