스케치플로우 썸네일형 리스트형 [SketchFlow] Expression Blend 4에서 목업 컨트롤 설치 추가하기 안녕하세요, 정진희입니다. 이번시간에는 스케치플로우에 대해서 간단한 팁을 드리고자 합니다. 제가 블랜드 4를 새로 설치하고 나서 제일 먼저 찾아 본 것은 스케치플로우의 목업 컨트롤 들입니다. 그런데 블랜드 4를 설치하고 나니 이 컨트롤들이 Asset패널에서 보이지 않는 경우가 있습니다. 런타임 및 디자인타임 시에는 안 보이는데요. 간단하게 DLL파일 및 필요파일들을 복사하여 상단에 Asset에 보이도록 할 수 있습니다. 1) 블랜드를 오픈합니다. 그러면 Welcome Screen이 나타나는데요. 여기서 Sample > MockupDemonstration에서 가져오도록 하는데요. 이 샘플 폴더의 DLL 위치는 대부분 유저컴퓨터 내에서 하단의 수순을 밟고 있습니다. Documents > Expression .. 더보기 [Sketchflow] Remix10에서 발표한 스케치플로우 자료입니다. 6월 1일 리믹스10에서 스케치플로우 섹션 발표 자료 올려드립니다. 오늘 국수를 많이 먹었던 하루입니다 (말아먹었죠!) 긴장을 많이해서 그런지 아쉬운 마음이 가득~합니다. 데모를 몇개 보여드렸었는데요. 이 데모는 저번 3,4,5월에 있었던 [블랜드 스터디]에서 작업했었던 내용들입니다. (긴장했던지라 얘기 안하고 넘어갔었네요) 스터디로 도움 주셨던 분들에게 현장에서 말씀은 못드렸지만 이렇게 거리낌없이 공유를 허락해주셔서 감사합니다! 스케치플로우 기획부터 ~ 완성 단계까지 아래의 링크에서 차례로 보실 수 있습니다. http://blog.jinhee.net/127 - 스케치플로우로 기획한 단계 http://blog.jinhee.net/128 - 블랜드로 레이아웃을 러프하게 잡은 단계 http://blog.ji.. 더보기 REMIX 2010 이 6월 1일에 열립니다. 업계에는 유행처럼 쏟아지는 새로운 경향의 홍수 속에서 모두들 새로운 기회를 얘기합니다. 새로운 유행들은 무언가 시작해야 할 것만 같은 초조함을 부추기고, 변화의 속도를 따라 잡아야 한다는 강박마저 강요하는 듯 합니다. 모바일과 웹 그리고 클라우드와 함께 UX를 둘러싼 새로운 기술 조류가 변화 시키는 미래와 함께 지금, 여기서 시작할 수 있는 준비 방안을 제시하고자 합니다. 새로운 기회를 한 번에 잡을 수 있는 개발툴 Visual Studio 2010과 Expression 4의 신제품 발표를 비롯하여 Windows Phone 7 Series, Silverlight, Windows Azure를 직접 만나보실 수 있는 ReMIX10 - Mobile, Web, Cloud NOW 6월 1일, REMIX 10 행사.. 더보기 [SketchFlow] 스케치플로우를 90초만에 설명해주는 동영상 스케치플로우의 프로그램을 90초만에 설명해주는 동영상입니다. 스케치플로우를 처음 접하는 분들에게 이 툴이 무엇인지에 대한 궁금증의 대답이 될 것 같네요 :D 더보기 [Blend Study] 4/6 SketchFlow Team Homework 입니다. Team Name : 앗싸 고도리! 주제 : 시계 위젯 어플리케이션 입니다. (Watch Widget App) 화려한 애니메이션으로 스케치플로우의 장점을 살렸는데요. 화면을 배치하는 컨텐츠가 간단한 편의 어플리케이션이라 진행이 빨리 되서 그런지 샘플 이미지 까지 해주셨습니다. Team Name : 젊은 피 주제 : 북마크를 주제로 실버라이트 홈페이지와 WPF를 동시에 진행 하는 조 입니다. (Book Mark App) 총 4분으로 이루어진 조 인데, 둘로 나누어 한쪽은 실버라이트를, 한쪽은 WPF로 서로 연동하는 어플리케이션을 제작하기로 결정하였습니다. 한 조에 두개를 동시에 진행하기 때문에 기대가 됩니다 :0 젊은 피 조의 실버라이트 파트 젊은 피 조의 WPF 파트 Team Name : OB 주제(Ti.. 더보기 [Expression Blend 3] 스케치 플로우(SketchFlow), 어떻게 사용할까? - 5 안녕하세요. 정진희 입니다. 저번시간에는 스케치 플로우에 애니메이션을 추가하는 방법에 대해서 알아보았습니다. 이번시간에는 만들어진 스케치 플로우에 어떻게 피드백 하는지에 대해서 알아보도록 하겠습니다. 저번시간에 만든 프로토 타입을 가져와보도록 하겠습니다. 1) F5를 클릭하여 프로젝트를 실행하면 다음과 같이 화면이 뜨게 됩니다. 실버라이트로 스케치플로우를 만들었을 경우에는 웹으로 뜨게 되지만, 저는 WPF 스케치 플로우를 만들었기 때문에 다음과 같이 윈도우 화면으로 오픈되었습니다. 1) 현재 오픈되어 있는 화면에서 연결된 링크나 스토리보드 등을 탐색하고 클릭할 수 있도록 보여지게 됩니다. 2) 사용자의견, 현재 페이지에 피드백을 남길 수 있도록 하는 패널입니다. 의견을 타이핑할 수도 있고, 펜으로 직접 .. 더보기 [Expression Blend 3] 스케치 플로우(SketchFlow), 어떻게 사용할까? - 2 안녕하세요, 정진희입니다. 저번에 이어 진행하도록 하겠습니다. 저번시간은 스케치플로우에 하단에 위치하고 있는 Map으로 페이지 및 전체 어플리케이션의 플로우를 만들어보았습니다. 이번 시간에는 사전에 만든 플로우 스케치를 가지고 아트보드에서 각 페이지 구성을 해보도록 하겠습니다. 임의로 어플리케이션의 플로우 및 구조를 생각해보고 시작해볼텐데요. 자신이 만들 어플리케이션이 어떤 순서로 진행될 것인지 아이디어를 직접 스케치를 합니다. 러프하게 그린 스케치를 보시면 로그인 화면에서 시작 -> Main -> Sub 1/2/3/4가 있고 Sub4를 클릭하면 로그인 페이지로 다시 돌아가는 맵입니다. 이것을 바탕으로 스케치 플로우를 제작해 보겠는데요. 저번시간에 이미 맵 패널에서 만들어 보았기 때문에 맵은 다 그리실 .. 더보기 [Expression Blend 3] 스케치 플로우(SketchFlow), 어떻게 사용할까? - 1 안녕하세요. 정진희 입니다. 이번강좌는 블랜드 3에서 set로 같이 포함된 +SketchFlow 에 대해서 알아보도록 하겠습니다. 스케치 플로우는 프로젝트를 수행하기 전에 기획하는 단계의 스케치를 좀 더 쉽고, 소통이 가능하도록 프로토 타입을 만드는 것을 도와주는 프로그램입니다. 프로그램을 제작할 경우 어떤 단계로 프로세스를 진행하는지 버튼을 눌렀을 때 어떤 경로로 가게 되는지 등을 기획자 및 개발자도 스케치 플로우를 사용하여 쉽게 그릴 수 있습니다. 프로토타입 작업에 들어갈 시에는 대부분 손으로 스케치 하면서 회의를 했었고, 그것에 대한 공유를 다시 컴퓨터로 글로 적어서 (아니면 스캔을 해서) 한 것을, 이 프로그램으로 이용하면 피드백과 문서 작업을 편리하게 할 수 있습니다. 한번 파일을 열어보도록 하.. 더보기 이전 1 다음
