Photoshop 移動UI設計基礎與案例教程(培訓教材版)
時代印象
相關主題
商品描述
《Photoshop 移動UI設計基礎與案例教程(培訓教材版)》主要講解iOS和Android這兩大主流智能手機操作系統界面、UI的構成元素和UI的基本風格,解析各類型UI的具體繪制方法與技巧。
《Photoshop 移動UI設計基礎與案例教程(培訓教材版)》共8章,安排6個基礎練習、18個控件練習、8種風格界面的實戰和兩大系統9個界面的整體實戰,讓讀者從部件到整體瞭解UI設計內容。本書的學習資源包括書中所有實例的素材文件和實例文件,以及PPT教學課件和在線教學視頻。讀者可以通過在線方式獲取這些資源,具體方法請參看本書前言。
《Photoshop 移動UI設計基礎與案例教程(培訓教材版)》適合UI設計愛好者、APP界面設計從業者閱讀,也適合作為院校相關設計專業的參考教材。
作者簡介
时代印象有丰富的图书策划经验,与众多高校教师和一线设计师长期合作,出版了众多图书。
曾出版的图书有:
《中文版Photoshop CS6实用教程》
《中文版Photoshop CS6平面设计实用教程》
《中文版3ds Max 2012实用教程》
《After Effects影视特效制作208例》
《中文版CorelDRAW X6完全自学教程》《中文版CorelDRAW X6完全自学教程》
目錄大綱
第 1章
初入移動UI設計的世界 015
1.1 認識移動UI設計 016
1.1.1 什麽是移動UI設計 016
1.1.2 移動UI設計的目的和重要性 017
1.1.3 平面設計和移動UI的不同 017
1.1.4 移動UI設計的重要元素 018
1.2 移動UI設計的原則 019
1.2.1 功能決定界面設計風格 019
1.2.2 界面設計要統一 020
1.2.3 界面設計要清晰 020
1.2.4 界面設計內容要實用 021
1.2.5 界面設計要有層次感 022
1.3 移動設備的主流平臺 022
1.3.1 iOS系統平臺 022
1.3.2 Android系統平臺 026
1.3.3 其他系統平臺 027
第 2章
設計優秀移動UI的條件 029
2.1 移動UI設計常用軟件 030
2.1.1 Photoshop 030
2.1.2 Illustrator 031
2.1.3 3ds Max 031
2.2 移動UI設計常用圖像格式 032
2.2.1 JPEG格式 032
2.2.2 PNG格式 033
2.2.3 GIF格式 033
2.2.4 有損壓縮與無損壓縮 033
2.3 移動設備的尺寸標準 034
2.3.1 英寸 034
2.3.2 分辨率 035
2.3.3 屏幕密度 035
2.3.4 圖標尺寸大小 036
2.4 移動UI的設計佈局和分類 037
2.4.1 界面設計的佈局 037
2.4.2 界面設計的分類 038
2.5 移動UI的色彩搭配 040
2.5.1 色彩的心理效應 040
2.5.2 色彩的搭配原則 040
2.6 如何製作出優秀的移動UI 042
2.6.1 設計的UI與常規思維保持一致 042
2.6.2 用戶能自由操作界面 042
2.6.3 對用戶群的瞭解 043
2.6.4 設計要做到簡約 043
2.6.5 UI的文本清晰 044
2.7 移動UI設計的流程 044
2.7.1 設計前的交流討論 045
2.7.2 草圖設計 045
2.7.3 用軟件繪制界面 045
2.8 如何提升自己的設計能力 046
2.8.1 保證繪制圖形的形狀 046
2.8.2 美術基礎 046
2.8.3 對色彩的敏感度 046
2.8.4 視覺體驗 047
2.8.5 精細的細節 048
第3章
移動UI的基本繪制 049
3.1 基礎圖形的繪制 050
3.1.1 選框工具 050
3.1.2 形狀工具 050
實戰:使用矩形工具繪制移動地圖圖標 051
實戰:使用圓角矩形工具繪制計算器圖標 052
實戰:使用橢圓工具繪制音樂圖標 053
實戰:使用多種工具繪制移動UI圖標 054
3.1.3 鋼筆工具 055
實戰:使用鋼筆工具繪制天氣圖標 055
3.2 必知的三大功能 056
3.2.1 文字工具 056
3.2.2 漸變工具 057
3.2.3 蒙版 057
3.3 必備的樣式效果 058
3.3.1 斜面與浮雕 059
3.3.2 描邊 059
3.3.3 內陰影 060
3.3.4 漸變疊加 060
3.3.5 圖案疊加 060
3.3.6 外發光 061
3.3.7 投影 061
3.4 添加畫面質感 061
3.4.1 模糊 061
3.4.2 雜色 062
實戰:製作翻頁日歷圖標 062
第4章
移動UI的控件製作 069
4.1 常見控件的製作 070
4.1.1 圖標 070
實戰:製作圖標 071
4.1.2 狀態欄 071
實戰:製作狀態欄 072
4.1.3 導航欄 074
實戰:製作導航欄 074
4.1.4 工具欄 075
實戰:製作工具欄 075
4.1.5 標簽欄 076
實戰:製作標簽欄 077
4.1.6 搜索欄 078
實戰:製作搜索欄 078
4.1.7 選擇欄 079
實戰:製作選擇欄 080
4.1.8 滾動條 081
實戰:製作滾動條 082
4.1.9 切換器 083
實戰:製作切換器 084
4.2 控件構成界面的製作 086
4.2.1 Assistive touch按鈕 086
實戰:製作Assistive touch按鈕 087
4.2.2 3D Touch 089
實戰:製作3D Touch按鈕 089
4.2.3 iOS 9上拉菜單 091
實戰:製作iOS 9上拉菜單 092
第5章
不同平臺的控件設計 095
5.1 iOS系統的發展及標準 096
5.1.1 iOS系統的發展 096
5.1.2 iOS的控件構成和尺寸 098
5.2 iOS系統控件的特點 100
5.2.1 界面美觀 100
5.2.2 一致性 100
5.2.3 控制 100
5.2.4 反饋 101
5.2.5 設計元素 101
5.3 iOS控件界面設計 102
實戰:製作通知界面 102
實戰:製作iOS 10上拉界面 105
實戰:製作音樂上拉界面 108
5.4 Android系統的界面元素 112
5.5 Android系統控件的特點 112
5.5.1 設計原則 112
5.5.2 風格 112
5.5.3 Android的控件構成和尺寸 114
5.6 Android控件界面設計 115
實戰:製作鬧鐘設置界面 115
實戰:製作社交界面 119
實戰:製作設置界面 123
第6章
不同風格的UI設計 129
6.1 小清新風格手機界面 130
6.2 時尚風格手機界面 135
6.3 可愛風格手機界面 142
6.4 手繪風格手機界面 144
6.5 卡通風格手機界面 149
6.6 方格風格手機界面 154
6.7 扁平化風格手機界面 158
6.8 線性風格手機界面 168
第7章
iOS界面設計 181
7.1 扁平化風格界面 182
7.1.1 iOS應用主界面 182
7.1.2 iOS應用評論界面 185
7.1.3 iOS側邊選項欄 187
7.2 冷色系風格界面 189
7.2.1 iOS音樂界面 189
7.2.2 iOS日歷界面 194
第8章
Android界面設計 203
8.1 線稿風格界面 204
8.1.1 Android主界面 204
8.1.2 Android撥號界面 208
8.2 創意風格界面 212
8.2.1 Android鎖屏界面 212
8.2.2 Android菜單界面 218