Photoshop CC移動UI設計實戰(zhàn)一本通

第1章　了解移動UI設計
1.1　認識移動UI設計
1.2　UI設計的流程
1.3　移動UI設計的原則
1.3.1　一致性原則
1.3.2　習慣性原則
1.3.3　清晰性原則
1.3.4　易用性原則
1.3.5　人性化原則
1.4　提升用戶體驗的UI設計技巧
1.4.1　簡化操作流程
1.4.2　手勢與動畫的結(jié)合
1.4.3　選擇適當?shù)膱D像尺寸與格式
1.4.4　使用高對比度配色方案
1.4.5　使用易讀的字體
1.5　移動UI設計常用的布局方式
1.5.1　列表式布局
1.5.2　陳列館式布局
1.5.3　宮格式布局
1.5.4　選項卡式布局
1.5.5　旋轉(zhuǎn)木馬式布局
1.5.6　行為擴展式布局
1.5.7　多面板式布局
1.5.8　圖表式布局
1.6　移動UI設計常用尺寸單位
 
 
第2章　iOS系統(tǒng)特點及設計規(guī)范
2.1　iOS系統(tǒng)的發(fā)展歷程
2.2　iOS系統(tǒng)的UI特色
2.2.1　以內(nèi)容為核心
2.2.2　保證清晰度
2.2.3　用深度來體現(xiàn)層次
2.3　iOS系統(tǒng)的基礎UI組件
2.3.1　欄
2.3.2　內(nèi)容視圖
2.3.3　臨時視圖
2.4　了解主流的iOS設備
2.5　iOS系統(tǒng)的UI設計規(guī)范
2.5.1　文字
2.5.2　顏色
2.5.3　圖標
2.5.4　邊距和間距
 
 
第3章　Android系統(tǒng)特點及設計規(guī)范
3.1　Android系統(tǒng)的優(yōu)勢
3.2　Android系統(tǒng)UI設計的演變歷程
3.2.1　鎖屏
3.2.2　桌面
3.2.3　Android應用商店
3.2.4　通知面板
3.2.5　圖庫
3.2.6　音樂播放器
3.2.7　撥號界面
3.2.8　設置界面
3.3　Android系統(tǒng)UI的構(gòu)成
3.3.1　主屏幕和任務列表
3.3.2　系統(tǒng)欄
3.3.3　通知面板
3.3.4　通用UI組件
3.4　Android系統(tǒng)的UI設計規(guī)范
3.4.1　度量單位和像素密度
3.4.2　UI尺寸
3.4.3　字體
3.4.4　顏色
3.4.5　圖標
 
 
第4章　Photoshop常用功能
4.1　圖形的繪制
4.1.1　基礎圖形的繪制
4.1.2　自定義形狀的繪制
4.1.3　其他復雜圖形的繪制
4.2　文本的應用
4.2.1　文本的添加
4.2.2　設置文本屬性
4.2.3　編輯段落文本
4.3　圖像的選擇
4.3.1　規(guī)則圖像的選擇
4.3.2　不規(guī)則圖像的選擇
4.3.3　根據(jù)顏色選擇圖像
4.4　圖像的合成
4.4.1　圖層蒙版
4.4.2　矢量蒙版
4.4.3　剪貼蒙版
4.5　的樣式效果
4.5.1　斜面和浮雕
4.5.2　投影和內(nèi)陰影
4.5.3　漸變疊加
4.5.4　圖案疊加
4.5.5　內(nèi)發(fā)光和外發(fā)光
4.5.6　描邊
 
 
第5章　移動UI常用基本元素設計
5.1　圖標設計
5.1.1　輕擬物化圖標設計
5.1.2　扁平化圖標設計
5.1.3　線性圖標設計
5.1.4　立體圖標設計
5.2　常規(guī)按鈕設計
5.2.1　多彩下載按鈕設計
5.2.2　金屬質(zhì)感按鈕設計
5.3　開關設計
5.3.1　單選按鈕開關設計
5.3.2　復選框開關設計
5.3.3　ON/OFF開關設計
5.4　搜索欄設計
5.4.1　清新自然的搜索欄設計
5.4.2　木紋效果的搜索欄設計
5.5　Tab標簽設計
5.5.1　線性風格的Tab標簽設計
5.5.2　圖文結(jié)合的Tab標簽設計
5.6　進度條設計
5.6.1　線形進度條設計
5.6.2　圓形進度條設計
5.6.3　藍色創(chuàng)意進度條設計
5.7　列表框設計
5.7.1　簡潔列表框設計
5.7.2　立體化列表框設計
5.8　對話框設計
5.8.1　半透明的登錄對話框設計
5.8.2　可愛的游戲?qū)υ捒蛟O計
 
 
第6章　扁平化風格的旅游App
6.1　分析用戶需求
6.2　定義設計風格
6.3　顏色搭配技巧
6.4　案例操作詳解
 
 
第7章　清新風格的電商App
7.1　分析用戶需求
7.2　定義設計風格
7.3　顏色搭配技巧
7.4　案例操作詳解
 
 
第8章　絢彩風格的美食App
8.1　分析用戶需求
8.2　定義設計風格
8.3　顏色搭配技巧
8.4　案例操作詳解
 
 
第9章　時尚風格的音樂App
9.1　分析用戶需求
9.2　定義設計風格
9.3　顏色搭配技巧
9.4　案例操作詳解
 
 
第10章　線性風格的智能家居App
10.1　分析用戶需求
10.2　定義設計風格
10.3　顏色搭配技巧
10.4　案例操作詳解
 
 
第11章　活潑可愛的早教App
11.1　分析用戶需求
11.2　定義設計風格
11.3　顏色搭配技巧
11.4　案例操作詳解