1.1 什么是UI

1.2 UI設(shè)計(jì)師的工作內(nèi)容

1.3 設(shè)計(jì)師常用軟件

2.1 初識(shí)Sketch

2.2如何獲取Sketch

2.3 初見(jiàn)Sketch

2.4 了解Sketch 主界面

3.1發(fā)現(xiàn)音樂(lè)App產(chǎn)品需求文檔解讀

3.2 設(shè)計(jì)產(chǎn)品交互原型圖

3.3 在Sketch中繪制交互原型圖所需要的工具

3.4 利用Sketch繪制產(chǎn)品交互原型圖

3.5 交互原型圖動(dòng)效初體驗(yàn)

3.6 作業(yè)：繪制產(chǎn)品原型圖

4.1 了解功能圖標(biāo)

4.2 功能圖標(biāo)的設(shè)計(jì)思路及技巧

4.3功能圖標(biāo)的點(diǎn)擊范圍及顯示范圍

4.4 功能圖標(biāo)的尺寸規(guī)范

4.5 功能圖標(biāo)的視覺(jué)平衡

4.6 Sketch的布爾運(yùn)算工具

4.7 利用Sketch繪制功能圖標(biāo)

4.8 作業(yè)：繪制產(chǎn)品內(nèi)的功能圖標(biāo)

5.1 當(dāng)下同類App圖標(biāo)設(shè)計(jì)風(fēng)格分析

5.2 應(yīng)用圖標(biāo)的傳導(dǎo)含義

5.3 為應(yīng)用圖標(biāo)選擇元素

5.4 為應(yīng)用圖標(biāo)選擇顏色

5.5 Sketch的STYLE（樣式）功能

5.6 利用Sketch繪制應(yīng)用圖標(biāo)

5.7 作業(yè)：繪制應(yīng)用圖標(biāo)

6.1 競(jìng)品分析（音樂(lè)App界面設(shè)計(jì)風(fēng)格）

6.2 Sketch文本處理功能介紹

6.3 Sketch中的Mask（蒙版）功能

6.4 利用Sketch繪制產(chǎn)品主界面

6.5 作業(yè)：設(shè)計(jì)產(chǎn)品主界面

7.1 回顧二級(jí)界面交互設(shè)計(jì)稿

7.2 利用Sketch及插件繪制產(chǎn)品二級(jí)界面

7.3 作業(yè)：完成產(chǎn)品二級(jí)界面繪制

8.1 頭像的位置

8.2 主流頭像設(shè)計(jì)風(fēng)格分析

8.3 利用Sketch設(shè)計(jì)產(chǎn)品內(nèi)的小頭像

8.4 作業(yè)：繪制小頭像

9.1 產(chǎn)品的切圖

9.2 產(chǎn)品設(shè)計(jì)稿標(biāo)注

10.1 如何在Sketch中添加庫(kù)

10.2 如何使用庫(kù)與更新庫(kù)

10.3 文件整理

11.1 初識(shí)Principle

11.2 如何獲取Principle

11.3 了解Principle 主界面

11.4 Sketch文件的導(dǎo)入

11.5 導(dǎo)出視頻文件和GIF文件

12.1 Principle補(bǔ)間動(dòng)畫的圖層命名

12.2 Principle補(bǔ)間動(dòng)畫中的關(guān)鍵幀

12.3 Principle中的動(dòng)畫速度曲線

12.4 發(fā)現(xiàn)音樂(lè)App的動(dòng)效制作

13.1 了解Principle Drivers

13.2 Principle Drivers —— Page（翻頁(yè)）動(dòng)畫

13.3 首頁(yè)banner翻頁(yè)動(dòng)畫設(shè)計(jì)制作

13.4 聯(lián)動(dòng)動(dòng)畫——Drag（拖動(dòng)

14.1 Sketch Mirror的使用方法

14.2 Principle Mirror的使用方法

15.3 大量練習(xí)

15.4 突破瓶頸期