1.1 什么是UI

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

1.3 設計師常用軟件

2.1 初識Sketch

2.2如何獲取Sketch

2.3 初見Sketch

2.4 了解Sketch 主界面

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

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

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

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

3.5 交互原型圖動效初體驗

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

4.1 了解功能圖標

4.2 功能圖標的設計思路及技巧

4.3功能圖標的點擊范圍及顯示范圍

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

4.5 功能圖標的視覺平衡

4.6 Sketch的布爾運算工具

4.7 利用Sketch繪制功能圖標

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

5.1 當下同類App圖標設計風格分析

5.2 應用圖標的傳導含義

5.3 為應用圖標選擇元素

5.4 為應用圖標選擇顏色

5.5 Sketch的STYLE（樣式）功能

5.6 利用Sketch繪制應用圖標

5.7 作業(yè)：繪制應用圖標

6.1 競品分析（音樂App界面設計風格）

6.2 Sketch文本處理功能介紹

6.3 Sketch中的Mask（蒙版）功能

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

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

7.1 回顧二級界面交互設計稿

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

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

8.1 頭像的位置

8.2 主流頭像設計風格分析

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

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

9.1 產(chǎn)品的切圖

9.2 產(chǎn)品設計稿標注

10.1 如何在Sketch中添加庫

10.2 如何使用庫與更新庫

10.3 文件整理

11.1 初識Principle

11.2 如何獲取Principle

11.3 了解Principle 主界面

11.4 Sketch文件的導入

11.5 導出視頻文件和GIF文件

12.1 Principle補間動畫的圖層命名

12.2 Principle補間動畫中的關鍵幀

12.3 Principle中的動畫速度曲線

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

13.1 了解Principle Drivers

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

13.3 首頁banner翻頁動畫設計制作

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

14.1 Sketch Mirror的使用方法

14.2 Principle Mirror的使用方法

15.3 大量練習

15.4 突破瓶頸期