영욱닷컴(http://youngwook.com)

SketchFlow는 Microsoft에서 나온 도구 중에서 가장 디자이너를 잘 이해하는 도구입니다. 디자이너의 행동 동선을 잘 파악해서 만들어진 도구로 스토리 보드를 작성하고 해당 스토리에 맞는 씬을 디자인하고 디자인되어 있는 컨셉을 프로토타입까지 만드는 작업을 하나의 도구 안에서 사용할 수 있게 했습니다. 
 SkectchFlow를 통해서 기획자, 디자이너, 개발자가 지역에 상관없이 완성된 컨셉과 프로토타입을 공유할 수 있으며 PC뿐만 아니라 MacOS도 함께 지원한다고 합니다. 
 위의 동영상에서는 90초만에 스토리보드 작성에서 부터 페이지 디자인, 그리고 피드백을 작성한 후에 관련된 문서 작성까지 보여줍니다.

본 동영상을 본 UI디자이너 중 한 명은 "SketchFlow를 사용하면 팀내의 의사 소통과 컨셉의 공유가 훨씬 분명해 질 것 같다. 컨셉의 무제한적인 복제와 온라인 협업이라는 측면에서는 대단히 유용한 도구가 될 수 있을 것 같다"고 했습니다.

 Microsoft는 Expression Studio라는 디자인 툴 패키지를 가지고 있으며 조만간 4.0 버전을 출시하면서 기능이 한층 더 강화 될 것이라고 이야기 하고 있습니다.

개발자를 위한 IT블로그 영욱닷컴(http://www.YoungWook.com)

Dynamic Prototyping with SketchFlow in Expression Blend라는 긴 제목의 원서가 나왔습니다. SketchFlow를 이용해서 Prototyping을 잘 할 수 있는 방법을 소개하고 있습니다.
 역시나 원서라는게 쫌.. ^^

아마존에서 주문할 수 있습니다.

바로가기: http://www.amazon.com/Foundation-Expression-Blend-Silverlight-Foundations/dp/1430219505/

---

Product Details Paperback: 368 pages Publisher: friends of ED; 1 edition (June 23, 2009) Language: English ISBN-10: 1430219505 ISBN-13: 978-1430219507 Product Dimensions: 9 x 7.5 x 1 inches Shipping Weight: 1.4 pounds (View shipping rates and policies) Average Customer Review: 4.0 out of 5 stars  See all reviews (23 customer reviews)

지난 봄 라스베거스에 있었던 Mix09에서 공개되었던 Expression Blend 3를 지금 다운로드 할 수 있다고 합니다. 이미 다운로드 하셨다구요? 스케치플로우는 빠지지 않았던가요? 이제 스케치플로우까지 함께 포함된 거의 완벽한 버전을 다운로드 받을 수 있게 공개 되었습니다. 지금 아래 주소를 누르시면 바로 다운로드 받을 수 있습니다.

http://www.microsoft.com/downloads/details.aspx?displaylang=en&FamilyID=92e1db7a-5d36-449b-8c6b-d25f078f3609

그 동안은 스케치플로우가 몇몇 파트너와 일부 관계자에게만 제공되었는데 이제부터는 모두다 테스트 해볼 수 있게 되었습니다. 스케치플로우는 기획자와 디자이너들이 초기의 Prototype을 개발할 때 해왔던 업무를 고스란히 시스템화 하고 효율적으로 공유할 수 있는 방법을 제공해 줍니다.

김영욱 (iwinkey@hotmail.com)
Microsoft KOREA
Enterprise Develoeper Evangelist

Windows 7 개발자들을 위한 블로그 http://blogs.msdn.com/winkey7
UX 개발자들을 위한 강좌 http://winkey.tistory.com

MIX09 동영상중에서 스캇 구슬리가 키노트 전에 나왔던 동영상을 패러디 했습니다. 패러디에는 UX Bakery의 거의 모든 운영진이 참여해 주었으며 환상적인 편집은 시샵은 양승철 군이 달인의 실력을 발휘했습니다. ^^

지난 MIX09에서는 Silverligh3와 Expression Blend 3 같은 관심을 끄는 기술들이 다수 발표 되었습니다.
키노트 및 주요 세션들을 함께 보면서 설명해주는 먹기 좋은 세미나가 UX Bakery와 함께 진행됩니다.

행사명 : UXBakery 커뮤니티와 함께하는 MIX09 다시보기!

시간 : Day 01_ : MIX09 알짜배기 다시보기! / 2009. 4. 7. (화) / 19:30 - 21:50

         Day 02_ : MIX09 UX의 세계로! / 2009. 4. 15. (수) / 19:30 - 21:50

참가비 : Day / 1,000원 (Day 01 참가자 Day 02 무료!)

장소 : 한국마이크로소프트 (포스코 서관 5층)

주최 : UXBakery (http://www.uxbakery.com)

- 운영비를 제외한 행사 전액은 유니세프(http://www.unicef.or.kr) "사랑의 펌프 보내기" 후원금으로 사용됩니다.

 

기타

- 행사 경품 준비중입니다.

MIX09 129개 세션(Video + PPT)을 모두 담은 (DVD 5장 구성!) 세트를 추첨을 통하여 드립니다.

그리고 그외 경품들도 준비중에 있습니다. ^^

- 행사 당일 외장하드 / USB 를 가져 오시면 MIX09 세션 (Video + PPT)을 편하게 다운받으실 수 있습니다.

- 발표에 쓰일 MIX09 PPT들은 한글화 작업을 하여 행사당일 공유하거나, 행사종료후 카페에 공유하겠습니다.

 

참가신청은 아래 주소를 클릭 하시면 됩니다. ^^

http://cafe.naver.com/uxbakery.cafe?iframe_url=/ArticleRead.nhn%3Farticleid=195

국내에 있는 폴리텍 대학에서 Expression Blend 무료특강을 합니다. 노동부 연계 과정으로 중소기업인들은 모두 무료로 수강할 수 있다고 합니다. 또 강사님은 짱묜으로 잘 알려져 있는 장미연 MVP라고 합니다.

http://zzangmyon.com/123

특강 개요 주최 한국 폴리텍 제1대학교(http://www.conso.co.kr) 교육시간 토요일 1주 8시간(09:00~18:00) 교육으로 총 3회 교육을 진행합니다. 11/15, 11/22, 11/29 중에 원하는 날짜를 선택하여 지원하면 됩니다. 모집기간 11/3 ~ 7일 (1회 교육당 선착순 20명씩 모집) 교육대상 고용보험에 가입되어 있는 직장인 실버라이트와 WPF에 관심이 있는 디자이너 디자인 워크플로우를 이해하고 싶은 개발자 접수방법 1. 02-6300-6300으로 전화하여 자리가 있는지 확인 2. 회사직인이 찍힌 교육 동의서와 함께 팩스로 보냄    교육동의서 다운로드, 팩스번호 02-6300-6304 3. 서류 작성시 주의사항  - 회사의 기본사항 명기  - 교육생의 기본사항 명기  - 과정명은 “Multimedia Contents Developer”로 명기  - 훈련희망직종란은 공란  - 직업능력개발사업개산보험료액, 훈련비용지원한도액은 공란  - 기타 기본사항외에 불명확한 사항은 공란으로 두어도 무방함. 교육장소 서울시 구로구 구로3동 188-5 키콕스벤처센터 901호(약도) 문의 02-6300-6300 * 교육용PC와 교육자료가 제공됩니다. 특강 커리큘럼 시간(교시) 내용 1 교시 실버라이트와 WPF 그리고 Expression Studio 2 교시 Expression Design 다루기           1.         Design 툴 구성의 이해와 사용하기 2.         디자인 실습 3 교시 4 교시 Expression Blend 다루기            1.         Blend 툴 구성의 이해와 사용하기            2.         레이아웃 패널과 컨트롤            3.         스타일과 템플릿            4.         스토리보드를 이용한 애니메이션 5 교시 6 교시 7 교시 Expression Blend와 Design의 실습 8 교시 강사소개 Expression MVP 장미연 현재 디지털교과서 WPF 프로젝트에서 플랫폼 개발중이며 Expression 툴을 다루는 인터렉티브 디자이너이다. Microsoft Expression MVP를 수상하였고 HOONS닷넷의 실버라이트 시삽을 맡고 있으며 블로그(http://zzangmyon.com) 운영과 세미나 등의 활동을 하고 있다.

지난 수요일 REMIX08 행사에서 Expression Studio 2에 대한 신제품 발표회와 많은 정보들이 나왔지만 또 새로운 정보들이 속속 올라오고 있습니다.
특히 Expression Blend 2.5의 경우 영어/일어/한국어만 지원된다고 합니다. UX 시장에서 한국이 가지는 의미와 지원하려는 Microsoft의 의지는 충분한 것 같습니다.
아래 링크들을 잘 활용하시면 새로운 제품들을 충분히 맛볼 수 있을 것 같습니다.

 

-       Expression Blend 2.5 2008년 6월 프리뷰

n  6월 CTP가 한글화 되었습니다. – 전세계적으로 영어/일어/한국어로만 출시 되었습니다.

n  http://www.microsoft.com/downloads/details.aspx?FamilyId=32A3E916-E681-4955-BC9F-CFBA49273C7C&displaylang=ko

n  Expression Blend 2.5는 Silverlight 2를 지원하기 위해 나온 버전입니다.

n  Silverlight 2가 RTM되면 Expression Blend 2에서 서비스 팩 형태로 Silverlight 2를 지원하게 됩니다.

-       Expression 2의 각 제품별 평가판 다운로드는 아래 URL을 참고하시기 바랍니다.

n  Studio:

u  Korean: http://www.microsoft.com/downloads/details.aspx?FamilyId=7AE2720C-72BA-489B-ADBB-EE6F3C79066D&displaylang=ko

n  Blend:

u  Korean: http://www.microsoft.com/downloads/details.aspx?FamilyId=5FF08106-B9F4-43CD-ABAD-4CC9D9C208D7&displaylang=ko

n  Encoder:

u  Korean: http://www.microsoft.com/downloads/details.aspx?FamilyId=A04DCC8C-9DB7-41CB-A27C-08CBEB0A01BA&displaylang=ko

n  Web:

u  Korean: http://www.microsoft.com/downloads/details.aspx?FamilyId=28CA49CC-5F30-4B1F-A569-E7FDC83CEF4F&displaylang=ko

n  Design:

u  Korean: http://www.microsoft.com/downloads/details.aspx?FamilyId=369B8681-57F9-49E9-A585-ECC5CAC40959&displaylang=ko

n  Media (Windows):

u  Korean: http://www.microsoft.com/downloads/details.aspx?FamilyId=CD359E7D-FD27-4901-BAFF-6D564CFBD700&displaylang=ko

n  Media Reader (Windows):

u  Korean: http://www.microsoft.com/downloads/details.aspx?FamilyId=1DD2A559-262A-42F3-90FF-1C50DFA47691&displaylang=ko

XAML이 아무리 좋다고 한들 이제까지 많이 사용되고 있던 Graphic tool과 호환성에
문제가 있다고 하면 아무래도 발전속도나 확산속도에는 한계가 있을 수 밖에 없습니다.
하지만 XAML이 공개되어 있지 않거나 복잡한 포멧이 아니기 때문에 개발사의 의지만
있으면 XAML로 변환하는 일종의 Converter를 만드는게 꼭 어려운 일은 아닐 것 같습니다.

- Adobe IIlustrator

http://mikeswanson.com/XAMLExport  에서 다운로드 할 수 있으며 IIustrator 파일인 *.ai 파일을 XAML로 컨버팅 해줄 수 있는 기능을 가지고 있다. 의외로 디자인적인 소스를 컨버팅해 보면 별 무리없이 컨버팅 잘해오는 것을 볼 수 있는데 한 가지 문제가 있다고 하면 모든 도형들을 0.0에서 부터서 자기 위치까지를 가지는 캠퍼스 객체로 리턴해버리는 문제가 있다.

즉 가져온 소스를 기반으로 어떤 작업을 하려고 하면 일일히 또 다시 캠퍼스 사이즈를 다시 조정해야 할 경우도 생길 수 있다. 역시 제일 좋은 방법은 Expression Design에서 작업하는 것이겠지만. 그것이 여의치 않은 경우에만 사용하는 것이 좋겠다.

-Adobe Flash

http://www.mikeswanson.com/swf2xaml/ 에서 다운로드 할 수 있으며 Flash 혹은 Flex의 결과물인 *.swf를 XAML로 컨버팅 할 수 있는 툴이다. 하지만 직접 컨버팅 해본 결과 컨버팅 결과는 30% 정도의 완성도라고 할까.. 그렇다. 더욱이 Action Script 부분은 컨버팅 되지 않는 듯하다.
 물론 제가 이렇게 예기를 해도 또 컨버팅 테스팅을 해보시는 분들이 계실 것이고 컨버팅한 결과를 보자마자 "오 그래도 좀 컨버팅 되는데"라고 기뻐할 수도 있을 것 같지만 조금만 다시 들여다 보면 거의 제대로 컨버팅 되지 않는 다는 결론을 내릴 수 있을 것이다.
 사실 컨버팅이라는 것은 100%가 아닌 99%는 0%로 같은 의미로 받아들여야 할 경우도 많다.

-3D MAX

ZAM3D(http://www.erain.com/products/zam3d/DefaultPDC.asp)의 경우는 3D MAX에서 작업된 결과물인 *.3DS 파일을 XAML로 변환하는 툴인데 생각보다 상당히 완성도가 높은데다가 MAX의 가장 최신버전까지 잘 컨버팅 되는 것으로 알려져 있습니다. 특히 간단한 3D 디자인은 직접할 수 있어서 더욱더 유용한데 가격도 그리 비싸지 않게 책정되어 있어서 개인적으로는 필수적인 툴로 추천하고 있습니다.

이외에도 XAML Exporter for Blender(http://www.codeplex.com/xamlexporter)
Adobe Fireworks to XAML Exporter(http://www.infragistics.com/design/Fireworks_XAML_Exporter.aspx)
Lightwave to XAML Converter(http://www.shaxam.com/)
SVG to XAML Converter(http://www.wpf-graphics.com/ViewerSvg.aspx)
Aurora(http://www.mobiform.com/eng/aurora.html) : XAML Designer
Maya to XAML(http://www.highend3d.com/maya/downloads/tools/3d_converters/3782.html)
Online Converter from 3ds to XAML(http://www.wpf-graphics.com/Converter.aspx)
XamlXporter for Illustrator(http://www.codeplex.com/Wiki/View.aspx?ProjectName=xamlxporter)
PSD to XAML(http://flowlabs.net/psd2xaml.aspx)

등등이 있는데 테스트 되는데로 결과를 올려 놓도록 하겠습니다.

-------------------------------------------------------
김영욱 Microsoft MVP 2006~2008
-------------------------------------------------------
Email: iwinkey@hotmail.com
Blog: winkey.tistory.com
Phone: 010-2817-0063
닷넷채널: www.winkey.pe.kr
-------------------------------------------------------