진희쩜넷 썸네일형 리스트형 [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.. 더보기 [Seminar] N스크린과 윈도우폰7 개발자 컨퍼런스 믹스11(MIX11)이 저번주에 미국에서 열렸었죠. 그 때 소개된 최근 윈도우 폰 기술 및 디자인 가이드 라인을 선보이는 자리가 되겠습니다. 윈도우 폰 7의 인터페이스 및 가이드 라인과 Expression Blend라는 프로그램을 이용해 앱 제작하는 간단한 예시를 보여드리고자 합니다. 더보기 [코드파티] N스크린 시대의 개발자 전략 세미나 클릭하시면 세미나 신청이 가능합니다. 저는 개발자가 아니지만 디자이너로써 윈도우 폰 7에 대한 간단한 팁과 블렌드로 어떻게 작업하는지에 대해서 간단히 소개할 예정입니다. 더보기 [Expression Blend 4] Toggle 버튼으로 윈도우 최대화/기존화면 버튼 만들기 안녕하세요? 정진희입니다. 오랫만에 강좌를 쓰게 됩니다. 데스크탑 어플리케이션이나 디자인 된 윈도우 창을 보면 [닫기] [최대화] [최소화]의 모양이 디자인 된 것을 볼 수 있습니다. 이렇게요. 윈도우 창에 쓰는 버튼이 스타일화 된 모습 [닫기]버튼이나 [최소화] 버튼은 클릭되었을 시의 경우의 수만 만들어주면 되기 때문에 버튼으로 제작해도 상관없습니다. 하지만 여기서 문제인 것은 저 최대화 버튼인데요. 최대화를 클릭 하게 되면 이전 크기로 돌아오기 위한 상태의 모양도 만들어 주어야 합니다. 두가지의 경우를 만들어야 하는 [최대화]버튼 이럴 경우에는 버튼 컨트롤을 사용하지 않고 다른 컨트롤을 사용해 주어야 합니다. 바로! Toggle(토글) 버튼입니다. 이번 시간에는 위와 같이 토글 버튼을 제작하고, 최대.. 더보기 이전 1 2 3 다음
