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

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