SlideShare a Scribd company logo

Windows Phone Design Camp

Seo Jinho
Seo Jinho
Seo JinhoWindows Phone7 Developer Evangelist at D&PE

Windows Phone Design C

Windows Phone Design Camp

1 of 24
Download to read offline
Windows Phone Design Camp
Content
  Expression Blend?
   - Expression Blend 설명
   - Design Control 살펴보기

  SketchFlow
   - SketchFlow란?
   - Demo : WP7 eBay Application 기획하기


  Event, Trigger, Behavior
   - Event, Trigger, Behavior 설명
   - Demo : 음악재생동작 만들기 / / 컨디션 기능 활용하기

  Animation
   - Demo : 애니메이션 기초 / / 리스트박스 애니메이션
Expression Blend?



                     Cooperation
           Design                  Development




     WPF                            Windows Phone
                    Silverlight
Design Control
  Windows Phone의 다양한 디자인을 경험할 수 있습니다.
  아래의 링크에서 다운받을 수 있습니다.
  http://wp7designtemplates.codeplex.com/
Sketch Flow
 스케치플로우는 프로젝트를 제작하기 전
 기획하는 단계에서 좀 더 쉽게 프로토타입을 만드는 것을
 도와주는 프로그램입니다.




                                  Application

              Prototype
Sketch Flow
 아래 링크로 들어가면
 스케치플로우를 다운받을 수 있습니다.
 http://wp7sketchflow.codeplex.com/




                                      Click!
Ad

Recommended

가상의 커피 자판기
가상의 커피 자판기가상의 커피 자판기
가상의 커피 자판기Wonjae Oh
 
오토데스트세미나 스케일폼적용사례 김효영
오토데스트세미나 스케일폼적용사례 김효영오토데스트세미나 스케일폼적용사례 김효영
오토데스트세미나 스케일폼적용사례 김효영MinGeun Park
 
8 Tips for Conducting UX Testing for Multi-device eLearning
8 Tips for Conducting UX Testing for Multi-device eLearning8 Tips for Conducting UX Testing for Multi-device eLearning
8 Tips for Conducting UX Testing for Multi-device eLearningUpside Learning Solutions
 
Tips for Designing, Testing & Delivering eLearning in a Multi-device World
Tips for Designing, Testing & Delivering eLearning in a Multi-device WorldTips for Designing, Testing & Delivering eLearning in a Multi-device World
Tips for Designing, Testing & Delivering eLearning in a Multi-device WorldUpside Learning Solutions
 
Travel Tech Trends 2016
Travel Tech Trends 2016Travel Tech Trends 2016
Travel Tech Trends 2016Austin Gratham
 
Post Effect 테스트
Post Effect 테스트Post Effect 테스트
Post Effect 테스트선협 이
 

More Related Content

Similar to Windows Phone Design Camp

마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유Woo Sanghun
 
Sencha 사용후기
Sencha 사용후기Sencha 사용후기
Sencha 사용후기Younuk Park
 
[124] 하이브리드 앱 개발기 김한솔
[124] 하이브리드 앱 개발기 김한솔[124] 하이브리드 앱 개발기 김한솔
[124] 하이브리드 앱 개발기 김한솔NAVER D2
 
Ux 한글번역 멘플
Ux 한글번역 멘플Ux 한글번역 멘플
Ux 한글번역 멘플이창훈
 
iOS Human Interface Guidelines 한글 정리 문서입니다.
iOS Human Interface Guidelines 한글 정리 문서입니다.iOS Human Interface Guidelines 한글 정리 문서입니다.
iOS Human Interface Guidelines 한글 정리 문서입니다.Dong Jin Lee
 
유아이디 두잇 기말 발표
유아이디 두잇 기말 발표유아이디 두잇 기말 발표
유아이디 두잇 기말 발표한솜 김
 
게임회사 실무용어 완전정복! 쿡앱스 용어정리집
게임회사 실무용어 완전정복! 쿡앱스 용어정리집 게임회사 실무용어 완전정복! 쿡앱스 용어정리집
게임회사 실무용어 완전정복! 쿡앱스 용어정리집 CookApps
 
에코노베이션 3차 세미나 교안
에코노베이션 3차 세미나 교안에코노베이션 3차 세미나 교안
에코노베이션 3차 세미나 교안Lee Jungpyo
 
04 생활 속 문제 해결을 위한 엔트리 프로그래밍
04 생활 속 문제 해결을 위한 엔트리 프로그래밍04 생활 속 문제 해결을 위한 엔트리 프로그래밍
04 생활 속 문제 해결을 위한 엔트리 프로그래밍entrylabs
 
[0211 박민근] mmorpg에서의 모델툴 개발
[0211 박민근] mmorpg에서의 모델툴 개발[0211 박민근] mmorpg에서의 모델툴 개발
[0211 박민근] mmorpg에서의 모델툴 개발MinGeun Park
 
앱 디자인 시작하기
앱 디자인 시작하기앱 디자인 시작하기
앱 디자인 시작하기Sangho Lee
 
adios 2021 oct 유현식 발표자료
adios 2021 oct 유현식 발표자료adios 2021 oct 유현식 발표자료
adios 2021 oct 유현식 발표자료Hyun-sik Yoo
 
Project anarchy로 3d 게임 만들기 part_3_움직여라 움직여
Project anarchy로 3d 게임 만들기 part_3_움직여라 움직여Project anarchy로 3d 게임 만들기 part_3_움직여라 움직여
Project anarchy로 3d 게임 만들기 part_3_움직여라 움직여Dong Chan Shin
 
[액션스크립트] 1부 액션 스크립트 2.0
[액션스크립트] 1부 액션 스크립트 2.0[액션스크립트] 1부 액션 스크립트 2.0
[액션스크립트] 1부 액션 스크립트 2.0MinGeun Park
 
Design patterns 스터디 -strategy패턴
Design patterns 스터디 -strategy패턴Design patterns 스터디 -strategy패턴
Design patterns 스터디 -strategy패턴Hyunho-Cho
 
GKAC 2014 Nov. - The Beautiful Design Collection 살펴보기
GKAC 2014 Nov. - The Beautiful Design Collection 살펴보기GKAC 2014 Nov. - The Beautiful Design Collection 살펴보기
GKAC 2014 Nov. - The Beautiful Design Collection 살펴보기GDG Korea
 

Similar to Windows Phone Design Camp (20)

마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유마크업개발자가 UX를 알아야 하는 이유
마크업개발자가 UX를 알아야 하는 이유
 
Unity시작하기
Unity시작하기Unity시작하기
Unity시작하기
 
Sencha 사용후기
Sencha 사용후기Sencha 사용후기
Sencha 사용후기
 
[124] 하이브리드 앱 개발기 김한솔
[124] 하이브리드 앱 개발기 김한솔[124] 하이브리드 앱 개발기 김한솔
[124] 하이브리드 앱 개발기 김한솔
 
Ux 한글번역 멘플
Ux 한글번역 멘플Ux 한글번역 멘플
Ux 한글번역 멘플
 
iOS Human Interface Guidelines 한글 정리 문서입니다.
iOS Human Interface Guidelines 한글 정리 문서입니다.iOS Human Interface Guidelines 한글 정리 문서입니다.
iOS Human Interface Guidelines 한글 정리 문서입니다.
 
Sencha
SenchaSencha
Sencha
 
Stencyl works
Stencyl worksStencyl works
Stencyl works
 
유아이디 두잇 기말 발표
유아이디 두잇 기말 발표유아이디 두잇 기말 발표
유아이디 두잇 기말 발표
 
게임회사 실무용어 완전정복! 쿡앱스 용어정리집
게임회사 실무용어 완전정복! 쿡앱스 용어정리집 게임회사 실무용어 완전정복! 쿡앱스 용어정리집
게임회사 실무용어 완전정복! 쿡앱스 용어정리집
 
에코노베이션 3차 세미나 교안
에코노베이션 3차 세미나 교안에코노베이션 3차 세미나 교안
에코노베이션 3차 세미나 교안
 
04 생활 속 문제 해결을 위한 엔트리 프로그래밍
04 생활 속 문제 해결을 위한 엔트리 프로그래밍04 생활 속 문제 해결을 위한 엔트리 프로그래밍
04 생활 속 문제 해결을 위한 엔트리 프로그래밍
 
[0211 박민근] mmorpg에서의 모델툴 개발
[0211 박민근] mmorpg에서의 모델툴 개발[0211 박민근] mmorpg에서의 모델툴 개발
[0211 박민근] mmorpg에서의 모델툴 개발
 
앱 디자인 시작하기
앱 디자인 시작하기앱 디자인 시작하기
앱 디자인 시작하기
 
Unity소개
Unity소개Unity소개
Unity소개
 
adios 2021 oct 유현식 발표자료
adios 2021 oct 유현식 발표자료adios 2021 oct 유현식 발표자료
adios 2021 oct 유현식 발표자료
 
Project anarchy로 3d 게임 만들기 part_3_움직여라 움직여
Project anarchy로 3d 게임 만들기 part_3_움직여라 움직여Project anarchy로 3d 게임 만들기 part_3_움직여라 움직여
Project anarchy로 3d 게임 만들기 part_3_움직여라 움직여
 
[액션스크립트] 1부 액션 스크립트 2.0
[액션스크립트] 1부 액션 스크립트 2.0[액션스크립트] 1부 액션 스크립트 2.0
[액션스크립트] 1부 액션 스크립트 2.0
 
Design patterns 스터디 -strategy패턴
Design patterns 스터디 -strategy패턴Design patterns 스터디 -strategy패턴
Design patterns 스터디 -strategy패턴
 
GKAC 2014 Nov. - The Beautiful Design Collection 살펴보기
GKAC 2014 Nov. - The Beautiful Design Collection 살펴보기GKAC 2014 Nov. - The Beautiful Design Collection 살펴보기
GKAC 2014 Nov. - The Beautiful Design Collection 살펴보기
 

More from Seo Jinho

Optimizing windows phone apps
Optimizing windows phone appsOptimizing windows phone apps
Optimizing windows phone appsSeo Jinho
 
Windows Phone 7.5 와 Windows 8 메트로 스타일 앱 개발
Windows Phone 7.5  와 Windows 8 메트로 스타일 앱 개발Windows Phone 7.5  와 Windows 8 메트로 스타일 앱 개발
Windows Phone 7.5 와 Windows 8 메트로 스타일 앱 개발Seo Jinho
 
Windows Phone App Design Guide
Windows Phone App Design GuideWindows Phone App Design Guide
Windows Phone App Design GuideSeo Jinho
 
Windows Phone 7.5 앱 개발 개요
Windows Phone 7.5 앱 개발 개요Windows Phone 7.5 앱 개발 개요
Windows Phone 7.5 앱 개발 개요Seo Jinho
 
Kinect 와 Xbox Live를 통해 알아 본 Windows Phone 7.5 게임 전략
Kinect 와 Xbox Live를 통해 알아 본 Windows Phone 7.5 게임 전략Kinect 와 Xbox Live를 통해 알아 본 Windows Phone 7.5 게임 전략
Kinect 와 Xbox Live를 통해 알아 본 Windows Phone 7.5 게임 전략Seo Jinho
 
아카데미를 위한 Windows Phone 7
아카데미를 위한 Windows Phone 7아카데미를 위한 Windows Phone 7
아카데미를 위한 Windows Phone 7Seo Jinho
 
WP7 마켓플레이스에서 수익창출
WP7 마켓플레이스에서 수익창출WP7 마켓플레이스에서 수익창출
WP7 마켓플레이스에서 수익창출Seo Jinho
 
WP7 Design Guide
WP7 Design Guide WP7 Design Guide
WP7 Design Guide Seo Jinho
 
데브멘토 윈도우폰7 세미나
데브멘토 윈도우폰7 세미나데브멘토 윈도우폰7 세미나
데브멘토 윈도우폰7 세미나Seo Jinho
 
MS N스크린과 클라우드 전략
MS N스크린과 클라우드 전략MS N스크린과 클라우드 전략
MS N스크린과 클라우드 전략Seo Jinho
 
네이버 스마트폰 카페 - 윈도우폰7
네이버 스마트폰 카페 - 윈도우폰7네이버 스마트폰 카페 - 윈도우폰7
네이버 스마트폰 카페 - 윈도우폰7Seo Jinho
 
도전! 나도 내일은 윈도우폰 스타!
도전! 나도 내일은 윈도우폰 스타!도전! 나도 내일은 윈도우폰 스타!
도전! 나도 내일은 윈도우폰 스타!Seo Jinho
 
0121 학생아카데미
0121 학생아카데미0121 학생아카데미
0121 학생아카데미Seo Jinho
 
Metro_DesignLanguage
Metro_DesignLanguageMetro_DesignLanguage
Metro_DesignLanguageSeo Jinho
 
윈도우폰7 앱 지금 개발해야 하는 이유
윈도우폰7 앱 지금 개발해야 하는 이유윈도우폰7 앱 지금 개발해야 하는 이유
윈도우폰7 앱 지금 개발해야 하는 이유Seo Jinho
 
차세대 모바일 엔터프라이즈 플랫폼
차세대 모바일 엔터프라이즈 플랫폼차세대 모바일 엔터프라이즈 플랫폼
차세대 모바일 엔터프라이즈 플랫폼Seo Jinho
 
차세대 기업형 브랜드 앱 개발
차세대 기업형 브랜드 앱 개발차세대 기업형 브랜드 앱 개발
차세대 기업형 브랜드 앱 개발Seo Jinho
 
kgc2010 - 차세대 모바일 게임 전략과 WP7
kgc2010 - 차세대 모바일 게임 전략과 WP7kgc2010 - 차세대 모바일 게임 전략과 WP7
kgc2010 - 차세대 모바일 게임 전략과 WP7Seo Jinho
 
MS 차세대 모바일 게임 전략 및 XNA
MS 차세대 모바일 게임 전략 및 XNAMS 차세대 모바일 게임 전략 및 XNA
MS 차세대 모바일 게임 전략 및 XNASeo Jinho
 
데브멘토 발표세미나
데브멘토 발표세미나데브멘토 발표세미나
데브멘토 발표세미나Seo Jinho
 

More from Seo Jinho (20)

Optimizing windows phone apps
Optimizing windows phone appsOptimizing windows phone apps
Optimizing windows phone apps
 
Windows Phone 7.5 와 Windows 8 메트로 스타일 앱 개발
Windows Phone 7.5  와 Windows 8 메트로 스타일 앱 개발Windows Phone 7.5  와 Windows 8 메트로 스타일 앱 개발
Windows Phone 7.5 와 Windows 8 메트로 스타일 앱 개발
 
Windows Phone App Design Guide
Windows Phone App Design GuideWindows Phone App Design Guide
Windows Phone App Design Guide
 
Windows Phone 7.5 앱 개발 개요
Windows Phone 7.5 앱 개발 개요Windows Phone 7.5 앱 개발 개요
Windows Phone 7.5 앱 개발 개요
 
Kinect 와 Xbox Live를 통해 알아 본 Windows Phone 7.5 게임 전략
Kinect 와 Xbox Live를 통해 알아 본 Windows Phone 7.5 게임 전략Kinect 와 Xbox Live를 통해 알아 본 Windows Phone 7.5 게임 전략
Kinect 와 Xbox Live를 통해 알아 본 Windows Phone 7.5 게임 전략
 
아카데미를 위한 Windows Phone 7
아카데미를 위한 Windows Phone 7아카데미를 위한 Windows Phone 7
아카데미를 위한 Windows Phone 7
 
WP7 마켓플레이스에서 수익창출
WP7 마켓플레이스에서 수익창출WP7 마켓플레이스에서 수익창출
WP7 마켓플레이스에서 수익창출
 
WP7 Design Guide
WP7 Design Guide WP7 Design Guide
WP7 Design Guide
 
데브멘토 윈도우폰7 세미나
데브멘토 윈도우폰7 세미나데브멘토 윈도우폰7 세미나
데브멘토 윈도우폰7 세미나
 
MS N스크린과 클라우드 전략
MS N스크린과 클라우드 전략MS N스크린과 클라우드 전략
MS N스크린과 클라우드 전략
 
네이버 스마트폰 카페 - 윈도우폰7
네이버 스마트폰 카페 - 윈도우폰7네이버 스마트폰 카페 - 윈도우폰7
네이버 스마트폰 카페 - 윈도우폰7
 
도전! 나도 내일은 윈도우폰 스타!
도전! 나도 내일은 윈도우폰 스타!도전! 나도 내일은 윈도우폰 스타!
도전! 나도 내일은 윈도우폰 스타!
 
0121 학생아카데미
0121 학생아카데미0121 학생아카데미
0121 학생아카데미
 
Metro_DesignLanguage
Metro_DesignLanguageMetro_DesignLanguage
Metro_DesignLanguage
 
윈도우폰7 앱 지금 개발해야 하는 이유
윈도우폰7 앱 지금 개발해야 하는 이유윈도우폰7 앱 지금 개발해야 하는 이유
윈도우폰7 앱 지금 개발해야 하는 이유
 
차세대 모바일 엔터프라이즈 플랫폼
차세대 모바일 엔터프라이즈 플랫폼차세대 모바일 엔터프라이즈 플랫폼
차세대 모바일 엔터프라이즈 플랫폼
 
차세대 기업형 브랜드 앱 개발
차세대 기업형 브랜드 앱 개발차세대 기업형 브랜드 앱 개발
차세대 기업형 브랜드 앱 개발
 
kgc2010 - 차세대 모바일 게임 전략과 WP7
kgc2010 - 차세대 모바일 게임 전략과 WP7kgc2010 - 차세대 모바일 게임 전략과 WP7
kgc2010 - 차세대 모바일 게임 전략과 WP7
 
MS 차세대 모바일 게임 전략 및 XNA
MS 차세대 모바일 게임 전략 및 XNAMS 차세대 모바일 게임 전략 및 XNA
MS 차세대 모바일 게임 전략 및 XNA
 
데브멘토 발표세미나
데브멘토 발표세미나데브멘토 발표세미나
데브멘토 발표세미나
 

Windows Phone Design Camp

  • 2. Content Expression Blend? - Expression Blend 설명 - Design Control 살펴보기 SketchFlow - SketchFlow란? - Demo : WP7 eBay Application 기획하기 Event, Trigger, Behavior - Event, Trigger, Behavior 설명 - Demo : 음악재생동작 만들기 / / 컨디션 기능 활용하기 Animation - Demo : 애니메이션 기초 / / 리스트박스 애니메이션
  • 3. Expression Blend? Cooperation Design Development WPF Windows Phone Silverlight
  • 4. Design Control Windows Phone의 다양한 디자인을 경험할 수 있습니다. 아래의 링크에서 다운받을 수 있습니다. http://wp7designtemplates.codeplex.com/
  • 5. Sketch Flow 스케치플로우는 프로젝트를 제작하기 전 기획하는 단계에서 좀 더 쉽게 프로토타입을 만드는 것을 도와주는 프로그램입니다. Application Prototype
  • 6. Sketch Flow 아래 링크로 들어가면 스케치플로우를 다운받을 수 있습니다. http://wp7sketchflow.codeplex.com/ Click!
  • 7. Demo – WP7 eBay App
  • 9. Event, Trigger, Behavior? 이벤트와 트리거, 비헤이비어는 상태변경이나 애니메이션을 취하고자 할 때 동작을 도와주는 기능입니다. Ex) 사용자가 터치 등의 행동을 할 경우 해당 동작이 발생하게 하라고 명령. 특히, 비헤이비어나 액션은 마치 컨트롤 같이 추가해 명령을 내리는 방식이라 디자이너 분들도 코드 없이 간단하게 기능을 구현할 수 있습니다!
  • 10. Event, Trigger, Behavior? But!! 너무 욕심 부리지 마세요~ 코드에 양보하세요 ~_~ * 비헤이비어를 많이 사용할 수록 무거워 진다는 사실! 모바일은 가벼울 수록 좋겠죠?
  • 11. sound play Demo MusicPlay (Event Basic)
  • 12. sound play 2 강아지 Button Behavior(PlaySoundAction)
  • 13. Visual State Manager Demo Visual State Manager Basic
  • 14. Conditional Demo 암호를 인식하는 textbox
  • 16. Animation 블렌드에서는 애니메이션을 주기 위해 먼저 스토리보드를 생성합니다.
  • 17. Animation 네가 말한 스토리보드가 이런 스토리보드는 아니겠지..
  • 18. Basic Animation Demo 애니메이션 기초를 배워봅시다!
  • 19. Basic Animation Easing Function Easing을 통해서 쉽게 애니메이션 동작을 표현할 수 있습니다.
  • 20. User Control UserControl을 사용하면 한 번에 많은 개체에 애니메이션을 적용할 수 있습니다.
  • 21. User Control Demo 지구가 마음에 든 외계인, 지구 침공을 위해 친구들을 소환하다!
  • 22. PathListBox Animation Demo 다양한 모양으로 배치 가능한 리스트박스 애니메이션 만들기