다음을 통해 공유


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

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