7

Jinhee jungExpression Blend MVP

Window Phone7 앱 개발을 위한 디자인 가이드

Windows Phone Microsoft confidential. 2

목차

1. WP7 디자인 기본 컨셉

2. 시스템 구조 및 계층3. WP7 앱 (App) 을 올바르게 만들기 위한 시각디자인 4. 기획의 중요성 5. WP7 화면 컨트롤6. Demo: 파노라마 앱 제작하기

7. 질문과 답

Windows Phone Microsoft confidential. 3

1. WP7 디자인 기본 컨셉메트로 (Metro)

Clean, light, open, fast Celebrate typography Alive & in motion Content not chrome Authentically digital

Windows Phone Microsoft confidential. 4

1. WP7 디자인 기본 컨셉iconographic vs. infographic

4

Was iconographic정보를 그림으로 풀어 시각화 함

Now infographic정보 , 자료 또는 지식을 시각적으로 표현

Windows Phone Microsoft confidential. 5

Windows Phone Microsoft confidential. 6

2. 시스템 구조 및 계층

6

Hub & Spoke 모델 Start & Back Avoid Traps, loops, Phantom pages Be predictable Integrated Experiences

Windows Phone Microsoft confidential. 7

3. WP7 앱 (App) 을 올바르게 만들기 위한 시각디자인

7

메트로 > 브랜드 그리드 디자인 살리기 여백과 공간 살리기 타이포그래피 스케일 고려 우선 순위 고려

Windows Phone Microsoft confidential. 8

3. WP7 앱 (App) 을 올바르게 만들기 위한 시각디자인

8

사용 가능한 컨트롤의 이해 http://www.windowsphonegeek.com/articles/All-Silverlight-for-WP7-Controls

Windows Phone Microsoft confidential. 9

4. 기획의 중요성

9

1

1. 제작 기간 설정 2. 정의 및 개념 확립

디자인 컨셉 정의 스토리보드 아이디어 ( 작업 단계 설명 ) 상호 작용

3. 실현 및 수정 사용자 테스트 , 버그 수정 , 최종 디자인 완료

2 3

Windows Phone Microsoft confidential. 10

4. 기획의 중요성

10

윈도우 폰 7 을 위한 스케치플로우 스토리보드 아이디어 시

Windows Phone Microsoft confidential. 11

4. 기획의 중요성

11

아름다운가 ? 사용자가 처음 접했을 때 사로 잡을 시각적인 아름다움을 추구하는가 ?

재미 있는가 ? 계속적인 재미를 느끼는가 ?

실험적인가 ? 다양한 시도를 하는가 ?

완성도가 높은가 ? 전체적인 스토리보드와 사용자 경험에 만족될 수 있는가 ?

Windows Phone Microsoft confidential. 1212

Windows Phone Microsoft confidential. 13

Windows Phone Microsoft confidential. 14

Windows Phone Microsoft confidential. 15

5. WP7 화면 컨트롤파노라마 (Panorama)

15

확장적인 , 탐구적인 , 동적인 앱 제작 시

Windows Phone Microsoft confidential. 16

5. WP7 화면 컨트롤피벗 (Pivot)

16

효율적인 , 집중된 , 습관적인 앱 제작 시

Windows Phone Microsoft confidential. 17

5. WP7 화면 컨트롤타일 (Tile)

17

173x173 pixel / 63x63 pixel

Demo

Q&A

© 2010 Microsoft Corporation. All rights reserved. Microsoft, Windows, Windows Vista and other product names are or may be registered trademarks and/or trademarks in the U.S. and/or other countries.

The information herein is for informational purposes only and represents the current view of Microsoft Corporation as of the date of this presentation. Because Microsoft must respond to changing market conditions, it should not be interpreted to be a commitment on the part of Microsoft, and Microsoft cannot guarantee the accuracy of any information provided after the date of this presentation.

MICROSOFT MAKES NO WARRANTIES, EXPRESS, IMPLIED OR STATUTORY, AS TO THE INFORMATION IN THIS PRESENTATION.