Photoshop移動UI設計

Photoshop移動UI設計

《Photoshop移動UI設計》是2016年人民郵電出版社出版的圖書,作者是張晨起。

圖書簡介

本書主要講解了iOS、Android和Windows Phone這三種主流智慧型手機的作業系統界面、App元素和基本風格,全面解析了各類App界面的具體繪製方法與技巧。  

本書共5章。第1章和第2章主要講解智慧型手機的分類、設計原則、圖形元素的格式和App的設計流程等App
界面設計基礎知識。第3章至第5章分別講解了iOS、Android和Windows Phone三種主流智慧型手機作業系統設計規範和設計原則,以及圖形、控制項、圖示和完整界面的具體製作方法。 

本書適合UI設計愛好者、App界面設計從業者閱讀,也適合作為各院校相關設計專業的教材。  

目錄

第1章 手機UI設計基本概念 1

1.1 關於手機 2

1.1.1 手機的分類 2

1.1.2 手機的解析度 3

1.1.3 手機的色彩級別 3

1.2 了解UI設計 3

1.2.1 什麼是UI設計 4

1.2.2 手機UI設計 4

1.2.3 手機UI設計的特點 4

1.2.4 手機UI與平面UI的區別 5

1.3 手機界面設計的原則 5

1.3.1 界面效果的整體性和一致性 5

1.3.2 界面效果的個性化 5

1.3.3 界面視覺元素的規範 6

1.4 手機界面設計的流程 6

1.4.1 確認設計對象 6

1.4.2 繪製設計草稿 7

1.4.3 完成界面繪製 7

1.4.4 輸出正確格式 8

1.5 圖示的格式和大小 8

1.5.1 PNG、GIF和JPEG格式 8

1.5.2 其他格式 9

1.5.3 圖示的大小 9

1.6 設計尺寸的單位 10

1.6.1 解析度 10

1.6.2 英寸 10

1.6.3 網點密度 11

1.6.4 螢幕密度 11

1.7 常用軟體工具 12

1.7.1 Photoshop 12

1.7.2 Illustrator 12

1.7.3 Flash 12

1.7.4 3DS Max 12

1.7.5 Iconcool studio和Image Optimizer 13

1.8 本章小結 13

練習題 14

第2章 常見的手機系統 15

2.1 蘋果系統(iOS) 16

2.1.1 iOS界面特色 16

2.1.2 iOS的基礎UI組件 16

2.1.3 iOS開發工具 16

2.1.4 iOS的設備 17

2.1.5 iOS 8與iOS 9 18

2.2 安卓系統(Android) 22

2.2.1 Android優勢 23

2.2.2 Android界面特色 23

2.2.3 Android的基礎UI組件 23

2.2.4 關於深度定製系統 23

2.3 Windows Phone作業系統 26

2.3.1 了解Windows Phone 26

2.3.2 Windows Phone 7與Windows Phone 8系統 26

2.3.3 Windows Phone 8系統特色 26

2.3.4 Windows Phone的基礎UI組件 28

2.4 其他系統 28

2.4.1 Symbian作業系統 28

2.4.2 黑莓系統 28

2.5 本章小結 29

練習題 30

第3章 iOS系統套用 31

3.1 iOS App設計概述 32

3.1.1 關注主任務 32

3.1.2 提升用戶關注內容的權重 32

3.1.3 使用方法明顯、易顯 32

3.1.4 使用以用戶為中心的術語 33

3.1.5 界面元素要一致 33

3.2 iOS系統界面設計規範 33

3.2.1 確保程式通過 33

3.2.2 確保程式在iPhone和iPad上通用 34

3.2.3 重新考慮基於Web的設計 34

3.3 iOS系統基本圖形繪製 34

案例 繪製iOS 9的解鎖界面 35

案例 繪製iOS 9小圖示 38

3.4 iOS系統控制項的繪製 40

案例 繪製iOS 9日期拾取器 44

案例 繪製iOS 9的分段控制項 47

3.5 iOS圖示繪製 48

3.5.1 設計圖示的特點 48

3.5.2 設計圖示的標準 49

3.5.3 圖示的分類 49

案例 繪製iOS 9的撥號圖示 52

3.6 設計中的圖片 54

案例 繪製扁平化圖示 55

3.7 iOS 8與iOS 9界面對比 58

3.7.1 新字型 58

3.7.2 套用切換 59

3.7.3 Spotlight 59

3.7.4 電池使用細節 59

3.7.5 相機套用 59

3.7.6 分享界面 60

3.7.7 Siri界面 60

3.7.8 鍵盤大小寫切換 60

3.7.9 聽寫界面 60

3.7.10 圓角 61

3.8 綜合案例 61

綜合案例——繪製滑動界面 61

綜合案例——繪製iOS 9 遊戲中心界面 64

綜合案例——繪製遊戲小界面 70

3.9 本章小結 76

練習題 77

第4章 Android系統套用 78

4.1 Android App UI概論 79

4.2 Android App UI設計原則 80

4.3 Androd界面設計風格 83

4.3.1 設備與顯示 83

4.3.2 主題樣式 83

4.3.3 單位和格線 83

4.3.4 觸摸反應 84

4.3.5 字型 85

4.3.6 顏色 85

4.3.7 圖示 85

案例 繪製Android通知圖示 87

4.3.8 寫作風格 89

4.4 Android App常用結構 89

4.5 控制項設計 90

案例 繪製Android固定選項卡 91

案例 繪製Android進度條 96

案例 繪製Android開關按鈕 98

案例 繪製Android提示對話框 101

4.6 繪製啟動圖示 103

4.6.1 圖示設計規範 104

案例 繪製Android電子信箱圖示 104

4.6.2 圖示的特點 109

4.6.3 繪製圖示時的注意問題 109

4.6.4 圖示類型 109

案例 繪製Android選擇欄 110

4.7 特效的使用 112

4.8 綜合案例 113

綜合案例——繪製Android解鎖界面 113

綜合案例——繪製Android通知欄 117

4.9 本章小結 122

練習題 123

第5章 Windows Phone系統套用 124

5.1 Windows Phone App設計特點 125

5.2 Windows Phone App設計原則 126

5.3 界面設計框架 127

5.3.1 頁面標題 127

5.3.2 進度指示器 127

5.3.3 滾動查看器 128

5.3.4 主題 128

5.4 UI設計的分類 128

5.4.1 開始螢幕 128

5.4.2 螢幕方向 129

5.4.3 通知 129

5.4.4 文本字型 129

5.4.5 狀態欄 130

5.5 應用程式控制項設計 130

5.5.1 應用程式控制項分類 130

5.5.2 系統控制項規範 132

5.6 Windows Phone 圖示繪製 133

5.7 綜合案例 134

綜合案例——繪製Windows Phone語音設計界面 134

綜合案例——繪製Windows Phone應用程式界面 136

綜合案例——繪製Windows Phone可愛遊戲界面 141

5.8 本章小結 148

練習題 149

附錄一 Android M作業系統前瞻 150

附錄二 Windows Phone 10

作業系統前瞻 152  

相關詞條

相關搜尋

熱門詞條

聯絡我們