본문 바로가기

Epxression Blend/SketchFlow

[Expression Blend 3] 스케치 플로우(SketchFlow), 어떻게 사용할까? - 5

안녕하세요. 정진희 입니다.
저번시간에는 스케치 플로우에 애니메이션을 추가하는 방법에 대해서 알아보았습니다.

이번시간에는 만들어진 스케치 플로우에 어떻게 피드백 하는지에 대해서 알아보도록 하겠습니다.

저번시간에 만든 프로토 타입을 가져와보도록 하겠습니다.
1) F5를 클릭하여 프로젝트를 실행하면 다음과 같이 화면이 뜨게 됩니다. 실버라이트로 스케치플로우를 만들었을 경우에는
웹으로 뜨게 되지만, 저는 WPF 스케치 플로우를 만들었기 때문에 다음과 같이 윈도우 화면으로 오픈되었습니다.



1) 현재 오픈되어 있는 화면에서 연결된 링크나 스토리보드 등을 탐색하고 클릭할 수 있도록 보여지게 됩니다. 
2) 사용자의견, 현재 페이지에 피드백을 남길 수 있도록 하는 패널입니다. 의견을 타이핑할 수도 있고, 펜으로 직접 화면에 그려 직관적으로 피드백을 보일 수 있도록 제공하는 툴입니다.
3) 화면이 보여지는 부분이며, 이곳에 펜을 이용하여 피드백을 남길 수 있습니다



2) 왼쪽 하단의 탭에서 ① 맵을 클릭하여 ② 피드백을 남길 페이지를 선택한 후, ③ 사용자 의견에서 ④ 글을 남깁니다.



3) 글로 쓰는 법 외에 직접 잉크, 펜, 지우개 툴을 이용하여 다음과 같이 화면에 직접 그려가며 피드백을 할 수 있습니다.



4) 이렇게 피드백을 남긴 작업을 파일로 저장하려면 오른쪽의 파일을 클릭하여 내보내기를 클릭합니다.



5) 이렇게 파일이 만들어졌습니다.
다시 블랜드로 돌아와서 이렇게 만든 피드백을 불러들여오도록 하겠습니다.
창 -> 사용자 의견을 클릭하여 패널을 화면에 보이도록 합니다.




6) 패널이 열리게 됩니다. 여기서 +버튼을 클릭하여 피드백을 불러들입니다.
 

불러온 피드백 파일은 블랜드에서 이렇게 직접적으로 보여지게 됩니다.
피드백을 남긴 페이지에는 다음과 같이 맵 패널에서 전등모양이 나타나게 되며 사용자 의견 패널에서는
누가 작성하고 몇시에 남겼는지 나타나게 되어, 피드백 파일을 계속 추가해도 어떤것이 가장 최근것인지
시간과 작성자를 통해 알 수 있습니다.




다음시간에는 프로토 타입 파일을 어떻게 아웃풋 하는지에 대해서 알아보도록 하겠습니다.