Blend SketchFlow でUIプロトタイプ開発 その3 - 画面共通コンポーネントの作成

ヘッダーやフッターのような各画面で共通なコンポーネントを定義したい場合があります。今回は、SketchFlowで画面間の共有コンポーネントを作成する方法を紹介します。

アジェンダ

共有コンポーネントの定義

共有コンポーネントを作成するためには、BlendのSketchFlowマップで「コンポーネント画面の作成」をクリックします。すると、共有コンポーネントがSketchFlowマップに追加されるので、共有コンポーネントの名前を変更します。

次に作成したヘッダーをアートボードで編集します。

そして、SketchFlowマップで画面と共有コンポーネントを紐づけます。

最後に、画面の適切な位置に共有コンポーネントを配置すれば完成となります。

まとめ

SketchFlowで画面間の共有コンポーネントを作成する方法を紹介しました。次回は、リストボックスやデータグリッドにデータを設定する方法を紹介する予定です。