"本書主要根據讀者學習的難易程度，以及在實際工作中的應用需求來安排章節，真正做到為讀者考慮，讓不同程度的讀者更有針對性地學習本書內容，強化自己的弱項，並能夠有效幫助UI設計愛好者提高操作效率。本書的知識點結構清晰、內容有針對性、實例精美實用，適合大部分UI設計愛好者與設計專業的學生閱讀。隨書附贈書中所有實例的教學視頻、素材和源文件，用於補充書中遺漏的細節內容，方便讀者學習和參考。"

●第1章移動UI設計基礎
1.1UI設計與移動UI設計1
1.1.1了解UI設計1
1.1.2了解移動UI設計2
1.1.3移動UI與平面UI3
1.2移動UI設計的平臺類型4
1.2.1Android繫統5
1.2.2iOS繫統6
1.2.3WearOS繫統和WatchOS繫統7
1.3移動UI的設計內容8
1.3.1配色方案的設計8
1.3.2頁面布局的設計10
1.3.3按鈕和圖標的設計12
1.3.4文字和版式的設計15
1.4了解移動UI設計常用的軟件16
1.4.1AxureRP和AdobeXD16
1.4.2Photoshop和Sketch17
1.4.3PxCook和AssistorPS18
1.5了解UI設計的工作流程19
1.5.1需求分析19
1.5.2交互設計22
1.5.3視覺設計25
1.6了解互聯網產品職位劃分26
1.6.1產品經理27
1.6.2項目經理27
1.6.3頁面設計師27
1.6.4開發人員27
1.7本章小結28
第2章iOS繫統界面設計
2.1分辨率與界面設計尺寸29
2.1.1像素與分辨率29
2.1.2iOS繫統界面設計尺寸30
實戰練習01——使用Photoshop新建App文件30
2.2iOS繫統的組件尺寸32
2.2.1組件尺寸32
2.2.2邊距和間距32
實戰練習02——創建輔助線繪制iOS組件35
2.3iOS繫統文字設計規範36
2.3.1字體36
2.3.2字號37
2.3.3顏色和字重38
2.4iOS繫統圖標設計規範39
2.5iOS繫統圖片設計規範40
2.5.1圖片的比例40
2.5.2圖片的格式41
2.6iOS繫統內容布局42
2.6.1列表式布局42
2.6.2陳列館式布局42
2.6.3宮格式布局43
2.6.4卡片式布局43
2.7iOS繫統版式設計規範44
實戰練習03——設計制作iOS繫統App版面45
2.8iOS繫統設計適配47
2.8.1向下適配47
2.8.2向上適配49
2.9iOS切圖規範50
2.9.1切圖輸出51
實戰練習04——使用Photoshop切圖輸出52
2.9.2切片命名規範54
2.9.3設計稿標注55
2.10提交最終文件58
2.11本章小結58
第3章Android繫統界面設計
3.1了解Android繫統“碎片化”59
3.2Android繫統界面設計尺寸60
3.2.1了解屏幕密度的概念60
3.2.2Android繫統開發單位61
3.2.3Android繫統界面設計尺寸61
實戰練習01——使用AdobeXD創建Android文檔62
3.3Android繫統組件設計尺寸64
3.3.1Android繫統組件尺寸64
3.3.2Android素間距64
實戰練習02——創建Android繫統界面的組件65
3.4Android繫統文字設計規範66
3.4.1字體66
3.4.2字號67
3.5Android繫統中圖標設計規範67
3.5.1圖標尺寸69
3.5.2觸摸反饋70
實戰練習03——繪制AndroidApp界面結構70
3.6Android界面標注與切圖73
3.6.1Android界面的標注73
3.6.2Android界面的切圖74
3.6.3“點9”切圖的應用75
3.7Android繫統界面適配問題79
3.7.1采用哪種分辨率設計79
3.7.2設計師需要提供幾套切圖79
3.7.3界面設計中字體的應用技巧79
3.8如何做到一稿兩用80
3.9本章小結80
第4章移動UI圖標設計
4.1圖標設計基礎81
4.1.1圖標設計的必要性81
4.1.2影響圖標的屬性82
4.1.3好圖標的特點85
4.2了解圖標柵格繫統85
4.2.1繫統圖標柵格86
4.2.2不同造型圖標的柵格規範86
4.3圖標的渲染風格88
4.4圖標的透視91
4.4.1關於透視91
4.4.2繪制零點透視圖標91
實戰練習01——繪制零點透視圖標92
4.4.3繪制一點透視圖標93
實戰練習02——繪制一點透視圖標94
4.4.4繪制兩點透視圖標95
實戰練習03——繪制兩點透視圖標96
4.5圖標集的制作流程97
4.5.1創建制作清單98
4.5.2設計草圖98
4.5.3數字呈現98
4.5.4確定最終效果99
4.5.5命名並導出99
4.6移動UI圖標設計形式99
4.6.1中文形式99
4.6.2英文形式101
4.6.3圖形形式102
4.6.4數字和特殊符號形式102
4.7啟動圖標設計103
4.7.1啟動圖標設計要求103
4.7.2啟動圖標設計規範104
實戰練習04——設計制作iOS指南針啟動圖標104
4.7.3快速索引、設置頁面和通知圖標107
4.8標簽欄圖標設計107
實戰練習05——設計制作標簽欄圖標108
4.9圖標設計的優點與原則111
4.10本章小結112
第5章iOS繫統界面應用設計
5.1設計制作旅遊App界面113
5.1.1旅遊App界面布局分析113
實戰練習01——設計制作旅遊App界面布局114
5.1.2旅遊App界面色彩搭配分析115
5.1.3旅遊Ap素分析116
實戰練習02——設計制作旅遊App界面118
5.1.4旅遊App界面輸出分析123
實戰練習03——旅遊App界面適配123
5.2設計制作外賣App界面125
5.2.1外賣App界面布局分析125
實戰練習04——設計制作外賣App界面布局126
5.2.2外賣App界面色彩搭配分析127
5.2.3外賣Ap素分析128
實戰練習05——設計制作外賣App登錄界面129
實戰練習06——設計制作外賣App主頁界面134
5.2.4外賣App界面輸出分析138
實戰練習07——外賣App界面適配139
5.2.5外賣App界面交互效果分析140
實戰練習08——設計制作外賣App交互原型141
5.3設計制作播放器App界面143
5.3.1播放器App界面圖標組143
實戰練習09——設計制作播放器App界面圖標組144
5.3.2設計制作播放器App界面146
實戰練習10——設計制作播放器App界面147
5.3.3輸出適配播放器App界面152
實戰練習11——輸出播放器App界面152
5.3.4標注適配播放器App界面154
5.4本章小結158
第6章Android繫統界面應用設計
6.1設計制作商城App界面159
6.1.1商城App界面布局分析159
實戰練習01——設計制作商城App界面布局160
6.1.2商城App界面色彩搭配分析162
6.1.3商城Ap素分析163
實戰練習02——設計制作商城App首頁界面165
6.1.4商城App界面輸出分析173
實戰練習03——商城App界面適配174
6.2設計制作社交App界面177
6.2.1社交App界面設計同質化分析177
實戰練習04——設計制作社交App“推薦”界面178
6.2.2社交App界面邊距的設置分析183
實戰練習05——設計制作社交App“自己”界面183
6.2.3社交App界面交互設計分析187
實戰練習06——設計制作社交App“信息”界面188
6.2.4社交App界面標注和輸出192
實戰練習07——輸出和標注社交App界面193
6.3本章小結196

本書主要講解了iOS繫統和Android繫統兩種移動設備繫統界面的結構及設計規範，全面解析了移動端App界面的設計流程及技巧。本書還介紹了如何使用Adobe XD、Photoshop、PxCook和Cutterman等主流軟件進行UI設計制作。本書共6章。第1章主要講解移動UI設計基礎；第2章主要講解iOS繫統界面設計；第3章主要講解Android繫統界面設計；第4章主要講解移動UI圖標設計；第5章主要講解iOS繫統界面應用設計；第6章主要講解Android繫統界面應用設計。本書將提供全部案例的素材、源文件和教學視頻，讀者可以結合書、練習文件和教學視頻，提升移動端App界面設計的學習效率。