Top Banner
Widget Design 마마마마마마마 마마마
39

Designing widget

Jan 25, 2015

Download

Technology

Reagan Hwang

 
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
Transcript
Page 1: Designing widget

Widget Design

마이크로소프트 황리건

Page 2: Designing widget

사진촬영 OKme2sms OK

Page 3: Designing widget

Why?How?

Page 4: Designing widget

Widget?

• Gadget• Banner 2.0• Blog Parts

Page 5: Designing widget
Page 6: Designing widget
Page 7: Designing widget

http://widgetsummit.com/media/slides/vista-sidebar.pdf

Page 8: Designing widget
Page 9: Designing widget
Page 10: Designing widget
Page 11: Designing widget
Page 12: Designing widget
Page 13: Designing widget
Page 14: Designing widget
Page 15: Designing widget
Page 16: Designing widget
Page 17: Designing widget

FINDING WIDGET

Page 18: Designing widget
Page 19: Designing widget

• http://www.wzd.com

Page 20: Designing widget

• http://www.widgetbox.com/

Page 21: Designing widget

http://sproutbuilder.com/

Page 22: Designing widget

• http://www.popfly.com/mashupcreator

Page 23: Designing widget

BEST SELLERS

Page 24: Designing widget
Page 25: Designing widget
Page 26: Designing widget
Page 27: Designing widget

DESIGNING WIDGET

Page 28: Designing widget

Ajax 위젯 디자인 원칙 / dojo

• Cross browser support• Graceful degradation• Accessibility• Internationalization• Expandability• http://dojotoolkit.org/book/dojo-book-0-4/part-4-more-widgets/dojo-widget-design-

principles

Page 29: Designing widget
Page 30: Designing widget
Page 31: Designing widget

• http://developer.apple.com/documentation/AppleApplications/Conceptual/Dashboard_ProgTopics/Articles/Design.html

Page 32: Designing widget
Page 33: Designing widget
Page 34: Designing widget
Page 35: Designing widget
Page 36: Designing widget
Page 37: Designing widget
Page 38: Designing widget
Page 39: Designing widget

위젯 디자인 방법1. 위젯의 목적을 정의하기 2. 위젯으로 무엇을 할 수 있는지 정의하기 3. 위젯의 성격을 정의하기 4. 위젯의 성격을 살릴 수 있는 색상안 정하기 5. 위젯을 스케치하기 6. 디자인 구현하기 7. 위젯 테스트하기 8. 디자인과 기능 수정하기 9. 배포하기

참고 http://uxfactory.com/434