《移動UI界面設計》是2020年2月人民郵電出版社出版的圖書，作者是肖睿、楊菊英、李丹。
基本介紹
- 書名：移動UI界面設計
- 作者：肖睿、楊菊英、李丹
- ISBN：9787115503091
- 頁數：152頁
- 定價：39.8元
- 出版社：人民郵電出版社
- 出版時間：2020年2月
- 裝幀：平裝
- 開本：16開
內容簡介,目錄,
內容簡介
本書主要講解移動UI的設計方法和技巧。全書共7章，分別介紹了移動UI設計的流程、Android系統與iOS系統UI圖示設計規範和技巧、扁平化和擬物化風格圖示的理論知識及設計方法、Android系統與iOS系統UI設計規範、休閒娛樂類App項目案例分析與製作。
本書採用案例驅動的方式，讓讀者掌握不同風格的圖示以及iOS與Android兩大主流手機作業系統的界面設計規範和設計手法，並能夠按照企業需求製作完整的移動App。本書適合作為高等院校相關設計專業的教材，也適合UI設計愛好者和App界面設計人員閱讀。
目錄
第1章 初識移動UI設計 1
1.1 移動App產品開發的基本流程 2
1.2 移動UI設計的三大作業系統 4
1.2.1 Android系統 5
1.2.2 iOS系統 6
1.2.3 Windows Phone系統 6
1.3 移動UI設計常用的軟體 7
1.3.1 Photoshop 8
1.3.2 Illustrator 8
1.3.3 Axure RP 9
1.4 移動UI設計中常用的圖片存儲格式 10
1.4.1 JPEG（.jpg） 10
1.4.2 GIF（.gif） 10
1.4.3 PNG（.png） 10
1.4.4 點九PN（.9.png） 10
1.5 與設計尺寸相關的術語 11
1.5.1 螢幕尺寸 11
1.5.2 解析度 11
1.5.3 螢幕像素密度 12
1.6 製作Apple Watch App鬧鐘圖示 13
1.6.1 圖示概述 13
1.6.2 圖示的分類 15
1.6.3 圖示的設計方法 19
1.6.4 演示案例——製作Apple Watch App鬧鐘圖示 20
本章總結 21
本章作業 21
第 2章 移動UI圖示設計規範 23
2.1 移動UI圖示設計原則 24
2.1.1 可識別性 24
2.1.2 一致性 25
2.1.3 兼容性 27
2.2 製作iOS系統口袋商城啟動圖示 28
2.2.1 iOS系統圖示概述 29
2.2.2 iOS系統圖示設計規範 29
2.2.3 演示案例——製作iOS系統口袋商城啟動圖示 31
2.3 製作Android系統電影啟動圖示 33
2.3.1 Android系統圖示概述 33
2.3.2 Android系統圖示設計規範 34
2.3.3 演示案例——製作Android系統電影啟動圖示 37
2.4 製作雙系統下商場啟動圖示 39
2.4.1 雙系統下的啟動圖示 39
2.4.2 雙系統下啟動圖示的差異 40
2.4.3 演示案例——製作雙系統下商場啟動圖示 41
本章總結 43
本章作業 43
第3章 扁平化風格圖示設計 45
3.1 製作扁平化風格相機圖示 46
3.1.1 扁平化風格概述 46
3.1.2 扁平化風格的設計原則 49
3.1.3 演示案例——製作扁平化風格相機圖示 52
3.2 製作摺紙風格“設定”圖示 54
3.2.1 摺紙風格圖示概述 55
3.2.2 摺紙風格圖示的藝術特徵 55
3.2.3 演示案例——製作摺紙風格“設定”圖示 57
3.3 製作長陰影風格Safari圖示 58
3.3.1 長陰影風格圖示的特點 59
3.3.2 演示案例——製作長陰影風格Safari圖示 60
本章總結 61
本章作業 61
第4章 擬物化風格圖示設計 63
4.1 製作擬物化風格日曆啟動圖示 64
4.1.1 擬物化風格的概念 65
4.1.2 擬物化風格的特點 67
4.1.3 演示案例——製作擬物化風格日曆啟動圖示 69
4.2 製作擬物化風格抽屜郵件啟動圖示 70
4.2.1 擬物化風格圖示的設計流程 71
4.2.2 擬物化風格圖示的設計原則 75
4.2.3 演示案例——製作擬物化風格抽屜郵件啟動圖示 78
4.3 製作擬物化風格相機圖示 81
4.3.1 擬物化風格圖示的造型設計手法 82
4.3.2 擬物化風格圖示的質感表現手法 83
4.3.3 演示案例——製作擬物化風格相機圖示 85
本章總結 87
本章作業 88
第5章 Android系統UI設計規範 89
5.1 製作Android系統手機界面模板 90
5.1.1 Android系統手機界面設計概述 90
5.1.2 Android系統手機的設計尺寸與常見術語 92
5.1.3 Android系統中的欄 93
5.1.4 Android系統中的按鈕與可點擊區域 95
5.1.5 建立適合Android系統的格線系統 96
5.1.6 Android系統中的字型與字號 97
5.1.7 演示案例——製作Android系統手機界面模板 98
5.2 製作Android系統手機UI套件 99
5.2.1 Android系統的手機控制項 99
5.2.2 演示案例——製作Android系統手機UI套件 105
5.3 製作Android系統信箱界面 106
5.3.1 Android系統界面中的列表和格線 107
5.3.2 演示案例——製作Android系統信箱界面 109
本章總結 111
本章作業 111
第6章 iOS系統UI設計規範 113
6.1 製作iOS系統手機界面模板 114
6.1.1 iOS系統手機設計概述 115
6.1.2 iOS系統手機的設計尺寸與常見術語 115
6.1.3 iOS系統中的欄 117
6.1.4 iOS系統的按鈕與可點擊區域 120
6.1.5 iOS系統中的字型與字號 121
6.1.6 演示案例——製作iOS系統手機界面模板 121
6.2 製作iOS系統手機UI套件 122
6.2.1 iOS系統的手機控制項 123
6.2.2 演示案例——製作iOS系統手機UI套件 131
6.3 製作iOS系統控制中心界面 132
6.3.1 iOS系統界面的布局 133
6.3.2 演示案例——製作iOS系統控制中心界面 135
本章總結 137
本章作業 137
第7章 “生活幫幫幫”App項目的設計與製作 139
7.1 Android系統應用程式項目案例——“生活幫幫幫”項目 140
7.1.1 項目背景 140
7.1.2 設計要求及主要功能 141
7.2 App類型及界面設計技巧 143
7.2.1 App的類型 143
7.2.2 App的界面設計技巧 146
7.2.3 項目實現流程 148
7.3 “生活幫幫幫”界面設計實現思路 148
7.3.1 內容優先和布局合理 148
7.3.2 界面的繪製和構建 149
7.3.3 功能架構 149
7.3.4 色彩運用 151
7.3.5 技術要點 151
7.3.6 設計前的注意事項 151
本章總結 152
本章作業 152
