프로토타입 프로젝트 만들기

중요:
SketchFlow는 Expression Studio Ultimate에서만 사용할 수 있습니다. Expression Blend 3에서 만들어진 SketchFlow 프로젝트에서 작업 중인 경우 Expression Blend 4에서 작업하려면 프로젝트를 업그레이드해야 합니다. Expression Blend 4에서 SketchFlow 프로젝트를 처음으로 열면 업그레이드를 위한 메시지가 표시됩니다. SketchFlow 프로젝트는 Expression Studio Ultimate에서만 업그레이드됩니다.

Microsoft Expression Blend의 SketchFlow 프로젝트는 다른 Expression Blend 프로젝트와 마찬가지로 작동합니다. 그러나 SketchFlow는 프로토타입을 만들기 위해 특별히 만들어진 도구를 포함하며 작동 프로토타입을 빠르고 쉽게 만들 수 있습니다.

SketchFlow에 대한 자세한 내용은 SketchFlow 개요를 참조하십시오.

Expression Blend에서 프로젝트를 사용하는 방법에 대한 자세한 내용은 솔루션, 프로젝트 및 파일 사용을 참조하십시오.

새 프로토타입 프로젝트 만들기

1. 파일 메뉴에서 새 프로젝트를 클릭합니다.

2. 새 프로젝트 대화 상자의 프로젝트 형식에서 Silverlight 또는 WPF를 클릭합니다.

3. 오른쪽 창에서 Silverlight SketchFlow 응용 프로그램 또는 WPF SketchFlow 응용 프로그램을 클릭합니다.

4. 이름 상자에 프로토타입 프로젝트의 이름을 입력합니다.

5. 위치 상자에서 프로젝트를 저장하려는 폴더를 찾아봅니다.

6. 언어 드롭다운 목록에서 C# 또는 Visual Basic을 선택합니다.

7. 확인을 클릭합니다.

SketchFlow 프로젝트를 만든 후에는 SketchFlow 맵 패널에서 응용 프로그램 흐름을 만들거나 아트보드에 콘텐츠를 만들어 프로토타입 디자인을 시작할 수 있습니다. 프로토타입을 시작한 후에는 응용 프로그램 흐름 구조 만들기와 아트보드에 콘텐츠 만들기 사이를 쉽게 전환할 수 있습니다.

응용 프로그램 흐름 만들기

SketchFlow 맵 패널은 응용 프로그램의 구조, 흐름, 탐색 및 구성을 정의할 수 있는 그래프 편집기입니다.

SketchFlow 맵 패널을 사용하여 응용 프로그램 구조에 집중하고 아트보드를 사용하여 개별 화면 콘텐츠에 집중할 수 있습니다. 예를 들어, 사용자 인터페이스(UI)에 대해 생각하기 전에 응용 프로그램 흐름의 윤곽을 그린 다음, 화면에 몇 개의 참고 정보를 제외하고는 아무 것도 없는 경우에도 즉시 SketchFlow 플레이어를 사용하여 응용 프로그램 흐름을 검토할 수 있습니다.

응용 프로그램 흐름을 만드는 방법에 대한 자세한 내용은 응용 프로그램 흐름 만들기를 참조하십시오.

아트보드에 콘텐츠 만들기

개별 화면에 주안점을 두고 작업할 때에는 Expression Blend에서 제공하는 그리기 도구를 사용하거나 레이어, 벡터 마스크 및 텍스트를 유지한 상태로 Adobe Photoshop에서 파일을 가져올 수 있습니다. 또한 이미지를 사용하여 UI 컨트롤을 나타낼 수 있습니다. Windows Presentation Foundation (WPF) 및 Microsoft Silverlight에 사용할 수 있는 다양한 실제 UI 컨트롤에 액세스할 수 있습니다. 또한 프로젝트 전체에서 다시 사용할 수 있는 구성 요소를 쉽게 만들 수 있습니다.

아트보드에 콘텐츠를 만드는 방법에 대한 자세한 내용은 아트보드에 콘텐츠 만들기를 참조하십시오.

프로토타입 개선

응용 프로그램 흐름과 아트보드 사이를 계속 전환하면서 흐름 또는 콘텐츠를 개선할 수 있습니다. 언제든지 프로젝트를 빌드하고 F5를 눌러 SketchFlow 플레이어에서 프로젝트를 실행할 수 있습니다.

Copyright ⓒ 2011 by Microsoft Corporation. All rights reserved.