Photoshop CC 移動(dòng)UI設(shè)計(jì)從入門到實(shí)戰(zhàn)（微課視頻版）

第1篇移動(dòng)UI設(shè)計(jì)入門
第1章移動(dòng)UI設(shè)計(jì)基礎(chǔ)
本章學(xué)習(xí)目標(biāo)
1.1認(rèn)識(shí)移動(dòng)UI
1.1.1移動(dòng)UI概念
1.1.2移動(dòng)UI與平面UI的區(qū)別
1.2移動(dòng)UI設(shè)計(jì)的特點(diǎn)
1.3移動(dòng)設(shè)備的界面設(shè)計(jì)規(guī)范
1.3.1iOS的移動(dòng)設(shè)備的界面設(shè)計(jì)規(guī)范
1.3.2Android的移動(dòng)設(shè)備的界面設(shè)計(jì)規(guī)范
創(chuàng)新任務(wù)設(shè)計(jì)
第2篇移動(dòng)UI設(shè)計(jì)進(jìn)階
第2章移動(dòng)UI的圖像性質(zhì)
本章學(xué)習(xí)目標(biāo)
2.1位圖與矢量圖形
2.1.1位圖圖形
2.1.2矢量圖形
2.2像素與分辨率
2.3圖像顏色模式
2.4存儲(chǔ)文件格式
基礎(chǔ)案例展示
創(chuàng)新任務(wù)設(shè)計(jì)
第3章移動(dòng)UI圖像制作的常用環(huán)境
本章學(xué)習(xí)目標(biāo)
3.1移動(dòng)UI制作常用環(huán)境的認(rèn)識(shí)
3.1.1認(rèn)識(shí)菜單欄
3.1.2認(rèn)識(shí)工具箱
3.1.3認(rèn)識(shí)工具屬性欄
3.1.4認(rèn)識(shí)圖像編輯窗口
3.1.5認(rèn)識(shí)調(diào)板
3.2移動(dòng)UI圖像文件制作輔助工具的使用
3.2.1圖像文件的查看
3.2.2輔助工具的使用
基礎(chǔ)案例展示
創(chuàng)新任務(wù)設(shè)計(jì)
第4章Photoshop制作移動(dòng)UI圖像的常用工具
本章學(xué)習(xí)目標(biāo)
4.1選區(qū)工具
4.1.1選框工具組
4.1.2套索工具組
4.1.3魔棒和快速選擇工具
4.2鋼筆工具的使用
4.2.1鋼筆工具組
4.2.2路徑選擇工具組
4.3選區(qū)運(yùn)算
4.3.1選區(qū)相加
4.3.2選區(qū)相減
4.3.3選區(qū)相交
4.4選區(qū)的調(diào)整
4.4.1移動(dòng)選區(qū)及選區(qū)內(nèi)容
4.4.2修改選區(qū)
4.4.3變換選區(qū)
4.4.4反向
4.4.5色彩范圍
4.4.6擴(kuò)大選取
4.5填充工具組
4.5.1油漆桶工具
4.5.2漸變工具
基礎(chǔ)案例展示
創(chuàng)新任務(wù)設(shè)計(jì)
第5章移動(dòng)UI的色彩與風(fēng)格設(shè)計(jì)
本章學(xué)習(xí)目標(biāo)
5.1移動(dòng)UI的色彩
5.1.1色彩的三要素
5.1.2色彩應(yīng)用規(guī)律
5.1.3色彩與生活
5.1.4色彩的設(shè)計(jì)
5.1.5移動(dòng)UI常用的配色方案
5.2手動(dòng)調(diào)整移動(dòng)UI圖像的色彩
5.2.1色階
5.2.2曲線
5.2.3色彩平衡調(diào)整
5.2.4亮度/對(duì)比度
5.2.5色相/飽和度
5.2.6曝光度
5.3自動(dòng)調(diào)整移動(dòng)UI圖像的色彩
5.3.1去色
5.3.2反相
5.4特效調(diào)整移動(dòng)UI圖像的色彩
5.4.1匹配顏色
5.4.2替換顏色
5.4.3通道混合
5.4.4漸變映射
5.4.5照片濾鏡
基礎(chǔ)案例展示
創(chuàng)新任務(wù)設(shè)計(jì)
第6章移動(dòng)UI的文字設(shè)計(jì)
本章學(xué)習(xí)目標(biāo)
6.1文字設(shè)計(jì)理論
6.1.1字體基礎(chǔ)術(shù)語
6.1.2兩種設(shè)備中的字體
6.1.3文字的大小規(guī)范
6.1.4文字的顏色規(guī)范
6.1.5如何讓文字在App中更有層級(jí)
6.1.6字體排版建議
6.2為移動(dòng)UI圖像添加文字
6.2.1文字工具的使用
6.2.2點(diǎn)文字的輸入
6.2.3段落文字的輸入
6.2.4點(diǎn)文字與段落文字轉(zhuǎn)化
6.2.5路徑文字
6.3設(shè)置移動(dòng)UI圖像的文字格式
6.3.1文字屬性的設(shè)置
6.3.2段落屬性的設(shè)置
6.3.3設(shè)置文字的方向互換
6.3.4創(chuàng)建變形文字
創(chuàng)新任務(wù)設(shè)計(jì)
第7章移動(dòng)UI的圖像選擇合成及特效處理
本章學(xué)習(xí)目標(biāo)
7.1圖層的理解
7.1.1圖層面板
7.1.2圖層的基本操作
7.1.3常用快捷鍵
7.2圖層的混合模式
7.2.1圖層混合模式基本概念
7.2.2圖層混合模式原理介紹
7.3圖層樣式
7.3.1圖層樣式的編輯
7.3.2十大圖層樣式
7.4使用蒙版編輯移動(dòng)UI圖像
7.4.1圖層蒙版
7.4.2圖層蒙版的基本操作
7.4.3矢量蒙版
7.4.4剪貼蒙版
基礎(chǔ)案例展示
創(chuàng)新任務(wù)設(shè)計(jì)
第3篇移動(dòng)UI設(shè)計(jì)實(shí)戰(zhàn)
 
第8章設(shè)計(jì)移動(dòng)應(yīng)用的圖標(biāo)
本章學(xué)習(xí)目標(biāo)
8.1圖標(biāo)設(shè)計(jì)概述
8.1.1圖標(biāo)設(shè)計(jì)原則
8.1.2圖標(biāo)設(shè)計(jì)規(guī)范
8.1.3圖標(biāo)手繪樣稿
8.1.4圖標(biāo)設(shè)計(jì)的風(fēng)格分類
8.2移動(dòng)UI圖標(biāo)制作實(shí)例
8.2.1電話圖標(biāo)制作
8.2.2微信圖標(biāo)制作
8.3移動(dòng)UI半扁平化圖標(biāo)設(shè)計(jì)
8.4移動(dòng)UI立體圖標(biāo)的設(shè)計(jì)
8.4.1擬物時(shí)鐘終圖標(biāo)的制作
8.4.2擬物化照相機(jī)圖標(biāo)制作
創(chuàng)新任務(wù)設(shè)計(jì)
第9章移動(dòng)UI控件設(shè)計(jì)案例
本章學(xué)習(xí)目標(biāo)
9.1開關(guān)設(shè)計(jì)
9.1.1系統(tǒng)開關(guān)設(shè)計(jì)實(shí)例
9.1.2開關(guān)優(yōu)秀案例賞析
9.2搜索框設(shè)計(jì)
9.2.1常規(guī)搜索框設(shè)計(jì)實(shí)例
9.2.2搜索框優(yōu)秀案例賞析
9.3對(duì)話框設(shè)計(jì)
9.3.1時(shí)尚對(duì)話框設(shè)計(jì)實(shí)例
9.3.2對(duì)話框優(yōu)秀案例賞析
9.4標(biāo)簽設(shè)計(jì)
9.4.1科技感標(biāo)簽欄設(shè)計(jì)實(shí)例
9.4.2標(biāo)簽欄優(yōu)秀案例賞析
9.5天氣控件設(shè)計(jì)
9.5.1天氣控件設(shè)計(jì)實(shí)例
9.5.2天氣界面優(yōu)秀案例賞析
9.6進(jìn)度條設(shè)計(jì)
9.6.1進(jìn)度條設(shè)計(jì)實(shí)例
9.6.2進(jìn)度條優(yōu)秀案例賞析
創(chuàng)新任務(wù)設(shè)計(jì)
第10章移動(dòng)應(yīng)用的界面設(shè)計(jì)案例
本章學(xué)習(xí)目標(biāo)
10.1天氣界面設(shè)計(jì)
10.1.1制作背景
10.1.2繪制個(gè)界面
10.1.3添加文字素材
10.2鬧鐘界面設(shè)計(jì)
10.2.1制作背景
10.2.2繪制界面內(nèi)容
10.3音樂播放器界面
10.3.1音樂播放器主界面設(shè)計(jì)
10.3.2top10界面設(shè)計(jì)
10.4加載條界面設(shè)計(jì)
10.4.1制作背景并繪制狀態(tài)欄
10.4.2添加文字
創(chuàng)新任務(wù)設(shè)計(jì)
第11章移動(dòng)UI設(shè)計(jì)的全流程設(shè)計(jì)案例
本章學(xué)習(xí)目標(biāo)
11.1“口袋工程”校園移動(dòng)應(yīng)用設(shè)計(jì)案例
11.1.1需求分析
11.1.2競品分析
11.1.3交互架構(gòu)設(shè)計(jì)
11.1.4導(dǎo)航設(shè)計(jì)
11.1.5按鈕設(shè)計(jì)
11.1.6界面設(shè)計(jì)
11.2聚搭實(shí)用造型搭配移動(dòng)應(yīng)用設(shè)計(jì)案例
11.2.1需求分析
11.2.2競品分析
11.2.3用戶體驗(yàn)設(shè)計(jì)
11.2.4交互架構(gòu)設(shè)計(jì)
11.2.5導(dǎo)航設(shè)計(jì)
11.2.6按鈕設(shè)計(jì)
11.2.7界面設(shè)計(jì)
參考文獻(xiàn)