2010.04.21 18:51

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

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

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

발자를 위한 IT블로그 영욱닷컴(http://www.YoungWook.com)
저작자 표시 변경 금지
신고
2010.03.29 08:06


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

아마존에서 주문할 수 있습니다.
저작자 표시 변경 금지
신고
2010.03.22 16:05

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

Editorial Reviews

Product Description

The only real tool for developing cross-platform Rich Internet Applications (RIAs) for that last 11 years has been Flash; until now! Silverlight 3 allows you to develop cross-platform Rich Internet Applications in a fraction of the time because of the extensive and very powerful .NET 3.5 libraries, the powerful, design friendly Blend 3 Integrated Development Environment, and an enhanced workflow that allows designers and developers to work on the same set of files at the same time.
  • Develop stunning RIAs in a short time.
  • Learn some basic Object Oriented Programming Principles.
  • Get familiar with the Blend 3 development environment.

What you'll learn

  • Learn the Blend 3 and Visual Studio 2008 Integrated Development Environments (IDE).
  • Learn how to create stunning animations using Silverlight 3 Storyboards.
  • Learn how to incorporate video and sound into your RIAs with the Silverlight MediaElement.
  • Learn about and how to develop quickly using Silverlight 3's reusable resources such as UserControls, ControlTemplates and DataTemplates.
  • Learn about the new Visual State Manager and the State panel in Blend 3 to quickly and easily add MouseEnter and MouseLeave states to your UserControls.
  • Put everything you have learned together to create a sample Silverlight 3 website.

Who is this book for?

Web designers and developers wanting to learn Expression Blend 3 from the ground up. Those who have a background in the development of RIAs and want to learn this new technology.

About the Author

Victor is a senior application engineer at IdentityMine, a top-tier software company specializing in designing and developing cutting edge software applications, creating customized WPF/Blend and Silverlight training programs and creating tools for designers and developers. Victor has worked with Fortune 500 companies such as Microsoft, Harrah\'s, Mattel, NBC/Universal, Disney, Best Buy, GameStop, Vivendi Universal Games, and New Line Cinema among others. Victor, a former Flash/ActionScript engineer still stays active in the Flash community by writing articles and tutorials on www.actionscript.org where he is also a moderator.

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)

    저작자 표시 변경 금지
    신고
    2009.07.13 09:00

    지난 봄 라스베거스에 있었던 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

    신고
    2009.04.10 09:00


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

    지난 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

    신고
    2008.10.31 02:14
    국내에 있는 폴리텍 대학에서 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) 운영과 세미나 등의 활동을 하고 있다.

    신고
    2008.06.16 11:30

    지난 수요일 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

    신고
    2008.06.16 08:30


    Expression Studio 2.5 버전에서는 작지만 큰 변화들이 많았습니다. 그리고 공식적으로 Silverlight 2를 지원할 수 있는 버전이기도 합니다. 위의 동영상은 Expression Studio 2.5를 소개하고 있는 간단한 동영상입니다.
    신고
    2008.03.26 14:20

    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
    -------------------------------------------------------

    신고