Pencil로 앱의 화면 전환 다이어그램 만들기

앱의 화면 전환 다이어그램을 작성하고 싶을 때,
항상 손으로 쓰는데 실제 전자 데이터로 할 때 사진으로 찍어 붙여 넣으면 미묘했기 때문에 몇 가지 도구를 사용해보기로했습니다.

이번에는 Pencil이라는 앱을 사용해 보겠습니다.
h tp // 펜시 l. 에ゔぉぅs. v/

(덧붙여서 이번은 Mac판입니다만, Windows판이나 Linux판도 있습니다.)

시작하면 다음 화면이 나옵니다.



왼쪽에는 Collections에서 부품이 많이 있습니다.
이것을 드래그&드롭으로 배치해 가는 것만으로, 간단하게 앱의 화면이 만들어질 것 같습니다.
시험에 iPhone 화면에 제목 패널을 거듭 보았습니다.



좋은 느낌.

화살표라도 잡을 수 있으므로 화면 천이도를 쓰는 데도 좋을 것 같습니다.
버튼 탭하면 다음 화면으로 천이한다는 것도 써 보았습니다.
덧붙여서 Bitmap Image라는 것을 사용해 보았습니다만, "No Image"라고 표시되었습니다. 여기에 실제 이미지를 삽입하는 방법을 알지 못했습니다.



조금 이해하기 어렵기 때문에, 풍선으로 보충 설명 넣었습니다.



안드로이드 부품이있었습니다. (ICS가 되었습니다만, 요점은 Holo 테마라고 하는 것이군요.)



Web의 요소도 준비되어 있기 때문에 Web의 와이어 프레임 제작에도 사용할 수있을 것 같습니다.
iOS 부품은 조금 오래되었고 평면 디자인이 아니 었습니다.

부품은 OpenClipart에서 찾고 그것을 잡을 수도 있습니다.
ht tp // // 오펜 cぃぱ rt. rg/

단점은 스스로 만든 이미지를 삽입할 수 없는 곳입니다.
갤러리 같은 부분이 없기 때문에 갤러리의 스크린샷을 찍고 삽입하려고 할 수 없었습니다.

뭐 제대로 된 비주얼 디자인은 따로 화면 천이도를 쓰는데 사용할 수 있을 것 같습니다.
좀 더 사용해 보고 뭔가 발견하면 써 봅니다.

좋은 웹페이지 즐겨찾기