1.1 什么是UI

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

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

2.1 初識Sketch

2.2如何獲取Sketch

2.3 初見Sketch

2.4 了解Sketch 主界面

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

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

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

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

3.5 交互原型圖動效初體驗

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

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

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

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

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

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

4.6 Sketch的布爾運算工具

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

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

5.1 當(dāng)下同類App圖標(biāo)設(shè)計風(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 競品分析（音樂App界面設(shè)計風(fēng)格）

6.2 Sketch文本處理功能介紹

6.3 Sketch中的Mask（蒙版）功能

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

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

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

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

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

8.1 頭像的位置

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

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

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

9.1 產(chǎn)品的切圖

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

10.1 如何在Sketch中添加庫

10.2 如何使用庫與更新庫

10.3 文件整理

11.1 初識Principle

11.2 如何獲取Principle

11.3 了解Principle 主界面

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

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

12.1 Principle補間動畫的圖層命名

12.2 Principle補間動畫中的關(guān)鍵幀

12.3 Principle中的動畫速度曲線

12.4 發(fā)現(xiàn)音樂App的動效制作

13.1 了解Principle Drivers

13.2 Principle Drivers —— Page（翻頁）動畫

13.3 首頁banner翻頁動畫設(shè)計制作

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

14.1 Sketch Mirror的使用方法

14.2 Principle Mirror的使用方法

15.3 大量練習(xí)

15.4 突破瓶頸期