WP7 썸네일형 리스트형 [Window Phone 7] 윈도우 폰 앱 제작 시리즈 - 03. 앱(App) 컨트롤 디자인하기2 텀이 너무 길었습니다, 저번 편에 이어서 진행하겠습니다. 1. 이번에는 버튼 안에 들어갈 아이콘을 가져와 보겠습니다. 맨 처음 포토샵으로 제작한 아이콘을 Png파일로 불러와서 사용할 수도 있지만 블렌드는 벡터형식이기 때문에 일러스트레이터에서 그린 아이콘을 가져올 수도 있습니다. 저는 후자의 방법으로 아이콘을 불러오겠습니다. * 벡터형식인 어도비 일러스트레이션에서도 약간의 변환만 거치다면 바로 가져올 수도 있습니다. Expression Blend는 어도비 패키지처럼 자기의 제품군이 있는데, 그 중 Expression Design이라는 프로그램은 일러스트레이터와 아주 흡사한 역할을 합니다. 저는 이 프로그램에서 Ai파일을 불러와서 쓰기도 합니다. 아래의 그림이 바로 Expression Design 프로그램을.. 더보기 [Window Phone 7] 윈도우 폰 앱 제작 시리즈 - 03. 앱(App) 컨트롤 디자인하기1 안녕하세요? 세번째 시간입니다. 저번 시간에 전체적인 화면 구성을 그려보았습니다. 이번 시간에는 다음 강좌를 진행하겠습니다. 1. 윈도우 폰 앱을 만들기 위한 첫 단계, 화면 구성 하기 2. 블렌드에서 윈도우 폰 레이아웃 잡기 3. 화면 디자인 및 컨트롤 디자인 하기 4. (필요 시) 애니메이션 제작하기 5. 윈도우 폰의 시작 타일 및 페이지 전환 etc... 이번에는 컨텐트 영역에 들어가는 버튼들을 윈도우 폰에서 제공하는 디자인 외에 디자이너가 직접 나만의 버튼을 만들어 보겠습니다. 저번 시간에 이어 프로젝트를 진행하겠습니다. 1. 먼저 컨텐츠 전체에 적용 될 버튼을 디자인 해 보겠습니다. 블렌드에서 만들 수 있는 정도의 버튼 디자인이라면 포토샵에서 이미지를 가져오는 것 보다 직접 그려주는 것이 해상도.. 더보기 [Window Phone 7] 윈도우 폰 앱 제작 시리즈 - 02. 앱(App) 레이아웃 만들기 안녕하세요? 두번째 시간입니다. 저번 강좌에서는 어떻게 기획하고 구성해야 하는지 알아봤는데요. 이번 시간에는 다음 강좌를 진행하겠습니다. 1. 윈도우 폰 앱을 만들기 위한 첫 단계, 화면 구성 하기 2. 블렌드에서 윈도우 폰 레이아웃 잡기 3. 화면 디자인 및 컨트롤 디자인 하기 4. (필요 시) 애니메이션 제작하기 5. 윈도우 폰의 시작 타일 및 페이지 전환 etc... 저번주에 블렌드 프로그램 여는 것까지 작업을 하였으니 바로 블렌드 작업을 하겠습니다. 1. 저번 시간에 Window phone Application 기본 화면으로 프로젝트를 생성하였습니다. 위의 두개의 타이틀을 속성(Properties) 패널에서 수정해보겠습니다. 오브젝트 및 타임라인 패널(Objects and Timeline)에서 해.. 더보기 [Window Phone 7] 윈도우 폰 앱 제작 시리즈 - 01. UI 기획하기 안녕하세요? 정진희입니다. 오랫만에 글을 쓰게 됩니다. 요새 윈도우 폰에 대한 이슈와 궁금증이 많아 이렇게 시리즈로 온라인 강좌를 올려볼까 합니다. 오늘이 첫번째 시간이네요. 앞으로 진행 될 내용은 다음과 같습니다. 1. 윈도우 폰 앱을 만들기 위한 첫 단계, 화면 구성 하기 2. 블렌드에서 윈도우 폰 레이아웃 잡기 3. 화면 디자인 및 컨트롤 디자인 하기 4. (필요 시) 애니메이션 제작하기 5. 윈도우 폰의 시작 타일 및 페이지 전환 etc... 오늘은 첫번째 강좌를 올리도록 하겠습니다. 1. 앱을 디자인 하기 전 무엇을 만들지 머릿속에 그린 것을 드로잉이나 기획 툴로 구체적으로 만들도록 합니다. 블렌드에는 "스케치플로우"라는 블렌드 전용 기획 프로그램이 내재되어 있습니다. 이 툴을 사용하셔도 좋을 .. 더보기 익스프레션 블렌드 책 홍보 동영상 및 출간 소식입니다. 거침없이 배우는 익스프레션 블렌드 출판사 지앤선이 말하는 익스프레션 블렌드: http://jinson.tistory.com/107 YouTube에서 동영상 보기: http://youtu.be/N09ralY-k7s ★ 책의 예제를 따라하기 위해 반드시 필요한 파일 ★ http://www.scitech.co.kr/ 에서 다운 받으시길 바랍니다. Chapter 01 익스프레션 블렌드를 시작하는 디자이너에게 01 익스프레션 블렌드란 어떤 프로그램인가요? 02 익스프레션 블렌드4 다운로드 및 설치하기 03 익스프레션 블렌드4 작업 화면 살펴보기 04 블렌드를사용하는디자이너와 개발자의 협업방식 및 장점 Chapter 02 익스프레션 블렌드에서 알아야 할 기본 기능 01 프로젝트생성 및 출력하기 02 프로젝트에 .. 더보기 익스프레션 블렌드 4 책이 출간됩니다. 거침없이 배우는 익스프레션 블렌드 오랫동안 준비했던 책이 드디어 곧 출간되는 소식을 들려드리고자 이렇게 포스트를 올립니다. 아직 정식출간은 되지 않았지만 예판이 시작되었으며 정식출간은 5/23일로 잡혀있습니다 :-D 작년부터 블렌드 강좌가 뜸했었던 이유가 이것 때문이라고 해도 변명을(;;;) 이제 책 나왔으니 강좌 또 바지런히 써볼게요 ㅎ 제 첫 출판이기 때문에 부족한 부분이 많지만, 많은 이해 부탁드립니다. 다시 한번 이 책에 도움주신 분들 감사드립니다. (감사글은 책 안에 :D) 책 구매 사이트 : Yes24 책 구매 11번가 책 구매 인터파크 책 구매 더보기 [Seminar] 4/30일 데브멘토 세미나에서 발표한 WP7 Design Guide 자료입니다. 저번주 주말에 데브멘토에서 열린 N-Screen 세미나에서 발표한 WP7 디자인 가이드를 올립니다. 이 날 날씨가 굉장히 안 좋았는데 한 300명 가량 참석해주셔서 WP7에 대한 관심이 많아진 것을 느낄 수 있었습니다. 그리고 이 날 레어급(?)의 깜짝 발언을 해서 -_-;; 이제는 빼도 박도 못하게 되었습니다 window phone 7 design guide View more presentations from jinhee jung. 더보기 [Window Phone 7] 윈도우 폰 7 목업 및 디자인 시에 필요한 리소스들 20가지 모음 마이크로소프트 피드에서 디자인이나 스케치, 목업 작업에 필요한 리소스 20가지를 제공하고 있습니다. 디자인이나 기획하실 때 많은 도움이 될 것 같습니다 ^^ 1 – Windows Phone 7 Wireframe Stencil for Omnigraffle 2 – Windows Phone 7 Wireframe Paper Sketch Template 3 – Visio Windows Phone 7 Wireframe Template 4 – WP7 Wireframe Stencil v1.0 5 – WP7 Vector UX Kit 6 – PSD Design Templates for Windows Phone 7 7 – Windows Phone 7 UI Templates 8 – Windows Phone 7 Paper Pr.. 더보기 [Window Phone 7] WP7 App Series webcast 보기 WP7에 관한 좋은 웹 캐스트 시리즈가 있어 이렇게 공유하고자 올립니다 :-) 제가 알고 있는 몇몇 지인분들이 나오시는데 정말 재미있습니다, 해당 이미지를 클릭하시면 보실 수 있어요. 더보기 [Window Phone 7] 윈도우폰7 개발 환경 만들기 안녕하세요? 정진희입니다. 오랫만에 찾아뵙게 되었네요 며칠 전 바로! MS의 스티브 발머 사장이 윈폰7을 발표 하게 되었는데요. 국내의 모바일 시장이나 언론에서도 대서특필 할 만큼 많은 관심을 보이고 있습니다. (어떤분은 제국의 역습이라고 하시는 분도 계시네요 ㅎㅎㅎ) 어쨌거나 오늘 쓸 강좌는 한단계부터 천천히, 개발 환경 만들기 부터 시작하도록 하겠습니다. (너무 쉽죠?) 0단계)윈폰7을 개발하기 위한 첫번째 자세 운영체제 : Window Vista SP2 와 Window 7 이상 1단계) 개발자는 다음 프로그램을 설치하세요 개발 프로그램 : -visual Studioo 2010 Express / Windows Phone Emulator / Silverlight XNA Game Studio 4.0 / .. 더보기 이전 1 다음
