Sep 1, 2015 - 於Design Plus 小講。

1. Sketch 經驗分享
Icon製作篇
Donna Chuang

2. 在設計業界載浮載沉⼗十多年，參與過服裝設計 / 平⾯面設計 / 2D動畫 /
3D動畫 / 電影拍攝等經驗，與夥伴阿紫、Risa成⽴立Colour Design，
設計⼀一些讓設計師更⽅方便的商品，同時也是Design Plus發起⼈人之
⼀一。⺫⽬目前是環球誠信公司的UI設計師，低調在FB等地出沒中。
個⼈人
wolfeagle222@gmail.com
https://www.facebook.com/donnach
Colour Design
https://www.facebook.com/colour.tw
⾃自介

3. •Illustrator與Sketch差異之處
•製作Icon需要注意的地⽅方與限制
•線稿與圖稿的差異和選擇
•⽅方便使⽤用的⾖豆知識
•輸出檔案與Illustrator的差異
•如何克服輸出障礙
⼤大綱

4. Illustrator與Sketch差異之處
• ⼯工作區域不同
• 功能細節不⾜足
• ⾃自由度差異
• 輸出差異

5. Illustrator與Sketch差異之處- ⼯工作區域不同 / 細節不同

6. Illustrator與Sketch差異之處- ⾃自由度差異
•設計上的⼯工具種類
•設計邊界

7. Illustrator與Sketch差異之處- 輸出差異

8. 製作Icon需要注意的地⽅方與限制

9. 製作Icon需要注意的地⽅方與限制

10. 線稿與圖稿的差異與選擇

11. ⽅方便使⽤用的⾖豆知識

12. ⽅方便使⽤用的⾖豆知識

13. ⽅方便使⽤用的⾖豆知識

14. ⽅方便使⽤用的⾖豆知識

15. 如何克服輸出障礙
•⼀一：合乎系統格

16. 如何克服輸出障礙
•⼆二：輸出邊框

17. 如何克服輸出障礙
單獨 ⾃自設框 ArtBoard

18. 單獨 ⾃自設框 ArtBoard

19. 如何克服輸出障礙
•Path / 多⾊色與單⾊色

20. 問題時間