《Photoshop 移動UI設計基礎與案例教程》主要講解iOS和Android這兩大主流智能手機操作系統界面、UI的構成元素和UI的基本風格,全面解析各種類型UI的具體繪制方法與技巧。
《Photoshop 移動UI設計基礎與案例教程》共8章,安排6個基礎練習、18個控件練習、8種風格界面的實戰和兩大系統9個界面的實戰,讓讀者從部件到整體全面了解UI設計內容。本書的學習資源包括書中所有實例的素材、源文件和教學視頻錄像,讀者可以結合書中內容、實例文件和教學視頻,對UI設計進行學習。讀者可以通過在線方式獲取這些資源,具體方法請參看本書前言。
《Photoshop 移動UI設計基礎與案例教程》適合UI設計愛好者、APP界面設計從業者閱讀,也適合作為各院校相關設計專業的參考教材。
適合零基礎讀者學習的UI設計書
解析手機系統中常用組件的尺寸和類型
書中有6個基礎練習實例、18個控件實例、8種風格的UI設計實例和兩大手機系統界面設計
學習資源中有41個講解視頻,包含本書實例的操作步驟演示
時代印象有豐富的圖書策劃經驗,與眾多高校教師和一線設計師長期合作,出版了眾多好書。
曾出版的圖書有:
《中文版Photoshop CS6實用教程》
《中文版Photoshop CS6平面設計實用教程》
《中文版3ds Max 2012實用教程》
《After Effects影視特效制作208例》
《中文版CorelDRAW X6完全自學教程》
第1章
初入移動UI設計的世界015
1.1 認識移動UI設計016
1.1.1 什么是移動UI設計016
1.1.2 移動UI設計的目的和重要性017
1.1.3 平面設計和移動UI的不同018
1.1.4 移動UI設計的重要元素019
1.2 移動UI設計的原則020
1.2.1 功能決定界面設計風格020
1.2.2 界面設計要統一020
1.2.3 界面設計要清晰021
1.2.4 界面設計內容要實用022
1.2.5 界面設計要有層次感022
1.3 移動設備的主流平臺023
1.3.1 iOS系統平臺023
1.3.2 Android系統平臺027
1.3.3 其他系統平臺028
第2章
設計優秀移動UI的條件029
2.1 移動UI設計常用軟件030
2.1.1 Photoshop030
2.1.2 Illustrator031
2.1.3 3ds Max032
2.2 移動UI設計常用圖像格式033
2.2.1 JPEG格式033
2.2.2 PNG格式033
2.2.3 GIF格式034
2.2.4 有損壓縮與無損壓縮034
2.3 移動設備的尺寸標準035
2.3.1 英寸035
2.3.2 分辨率035
2.3.3 屏幕密度036
2.3.4 圖標尺寸大小036
2.4 移動UI的設計布局和分類 038
2.4.1 界面設計的布局038
2.4.2 界面設計的分類039
2.5 移動UI的色彩搭配042
2.5.1 色彩的心理效應042
2.5.2 色彩的搭配原則042
2.6 如何制作出優秀的移動UI 044
2.6.1 設計的UI與常規思維保持一致044
2.6.2 用戶能自由操作界面044
2.6.3 對用戶群的了解045
2.6.4 設計要做到簡約046
2.6.5 UI的文本清晰047
2.7 移動UI設計的流程048
2.7.1 設計前的交流討論048
2.7.2 草圖設計048
2.7.3 用軟件繪制界面049
2.8 如何提升自己的設計能力050
2.8.1 保證繪制圖形的形狀050
2.8.2 美術基礎050
2.8.3 對色彩的敏感度050
2.8.4 視覺體驗051
2.8.5 精細的細節052
第3章
移動UI的基本繪制 053
3.1 基礎圖形的繪制054
3.1.1 選框工具054
3.1.2 形狀工具055
實戰:使用矩形工具繪制移動地圖圖標055
實戰:使用圓角矩形工具繪制計算器圖標057
實戰:使用橢圓工具繪制音樂圖標058
實戰:使用多種工具繪制移動UI圖標059
3.1.3 鋼筆工具060
實戰:使用鋼筆工具繪制天氣圖標060
3.2 必知的三大功能062
3.2.1 文字工具062
3.2.2 漸變工具062
3.2.3 蒙版063
3.3 必備的樣式效果064
3.3.1 斜面與浮雕064
3.3.2 描邊065
3.3.3 內陰影065
3.3.4 漸變疊加065
3.3.5 圖案疊加066
3.3.6 外發光066
3.3.7 投影066
3.4 添加畫面質感067
3.4.1 模糊067
3.4.2 雜色067
實戰:制作翻頁日歷圖標068
第4章
移動UI的控件制作077
4.1 常見控件的制作078
4.1.1 圖標078
實戰:制作圖標079
4.1.2 狀態欄080
實戰:制作狀態欄080
4.1.3 導航欄082
實戰:制作導航欄083
4.1.4 工具欄084
實戰:制作工具欄084
4.1.5 標簽欄085
實戰:制作標簽欄086
4.1.6 搜索欄087
實戰:制作搜索欄087
4.1.7 選擇欄088
實戰:制作選擇欄088
4.1.8 滾動條090
實戰:制作滾動條091
4.1.9 切換器092
實戰:制作切換器093
4.2 控件構成界面的制作096
4.2.1 Assistive touch按鈕096
實戰:制作Assistive touch按鈕096
4.2.2 3D Touch099
實戰:制作3D Touch099
4.2.3 iOS 9上拉菜單101
實戰:制作iOS 9上拉菜單101
第5章
不同平臺的控件設計103
5.1 iOS系統的發展及標準104
5.1.1 iOS系統的發展104
5.1.2 iOS的控件構成和尺寸106
5.2 iOS系統的控件特點108
5.2.1 界面美觀108
5.2.2 一致性108
5.2.3 控制108
5.2.4 反饋108
5.2.5 設計元素109
5.3 iOS控件界面設計110
實戰:制作通知界面110
實戰:制作iOS 10上拉界面114
實戰:制作音樂上拉界面118
5.4 Android系統的界面元素122
5.5 Android系統的控件特點122
5.5.1 設計原則122
5.5.2 風格122
5.5.3 Android的控件構成和尺寸124
5.6 Android控件界面設計125
實戰:制作鬧鐘設置界面125
實戰:制作社交界面130
實戰:制作設置界面134
第6章
不同風格的UI設計141
6.1 小清新風格手機界面142
6.2 時尚風格手機界面147
6.3 可愛風格手機界面154
6.4 手繪風格手機界面156
6.5 卡通風格手機界面162
6.6 方格風格手機界面167
6.7 扁平化風格手機界面171
6.8 線性風格手機界面181
第7章
iOS界面設計197
7.1 扁平化風格界面198
7.1.1 iOS應用主界面198
7.1.2 iOS應用評論界面202
7.1.3 iOS側邊選項欄204
7.2 冷色系風格界面206
7.2.1 iOS音樂界面206
7.2.2 iOS日歷界面211
第8章
Android界面設計 219
8.1 線稿風格界面220
8.1.1 Android主界面220
8.1.2 Android撥號界面224
8.2 創意風格界面228
8.2.1 Android鎖屏界面228
8.2.2 Android菜單界面235