Share via


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

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

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

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

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

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

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

  3. 오른쪽 창에서 Silverlight 3 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 플레이어에서 프로젝트를 실행할 수 있습니다.