2. 由動而靜的新體驗 - Motion User Interface
• 講者:魏銘信(Ivan Wei) 華碩電腦, Senior UE Designer
– 如何由動態思考切入介面設計
• 動態思考介面設計的Process
• Motion Design的隱喻
– 靜在視覺細節，你察覺了多少?
• 如何琢磨視覺的細節?
• 電子產品GUI設計的Tip
– 激發動態思考的方法?

3. UI設計的流程
Ideation Evaluation Implementation Verification
Information Feasibility UI-Spec
Review
Survey Tset Define
Brain Storm GUI Design Refine
Proposal Prototyping Deliver

4. Icon的功能

5. Icon的功能
幫助User記憶而不是 品牌識別 (Brand Identity)
執著於意義的詮釋

6. 視覺的亮點靠對比堆砌出層次

7. 立體感的些微差異
• 細節就在每1px裡!

8. 避免混色
• 耐看才值得被細細體會
– 搶眼不一定是好事, 耐不耐看才是王道!!

9. 圖放到Device上的顏色效果不如預期

10. 利用Pettern相疊減少漸層斷差

11. 螢幕密度對視覺編排的影響

12. 隱喻的適切性

15. 如何經營icon的細節

16. 色系與視角統一

17. 利用框架Template統一

18. 如何創造Family look

19. 整體視覺大小的比例要一致
• 除了顏色、透視角度、質感，整體視覺大
小的比例上更為關鍵!

20. 視覺化大師們的對話-1 pixel 1 pixel 的改變世界
• 講者:詹智堯(Allen Chan) Trend Micro, Senior UI Designer

21. 設計的目的是什麼?

22. We lead & inspire
• Set the direction
• Create excitement
• Create emotions

23. Explore more…
• 色彩變化
• 透明度掌握
• 品牌置入
• 考慮不同材質
• 更高科技感和智慧感
• 按鈕是否清楚

24. 好的設計是什麼?

25. • 1. Technically feasible
• 2. Have business value
• 3. Sustainable/lasting
• 4. Echoing to the audience
• 5. Tells a story
– Characters = Functions
– Storyline = Flows
– Audience = Users

26. 好觀念分享

27. • Draw from everyday life
• Step closer, feel everything
• Look where LEAST expected
• Make it part of YOU
• Believe in yourself