前回で [Expression Blend] で作成したワイヤーフレームを
ブラウザ上で表示させることができたかと思います。
下のURLのようにですね。
http://www.ddf.ne.jp/cl/hiromichi/test_02/TestPage.html
例えば、
ブラウザ上で表示させたワイヤーフレームが、
実際のサイトの様に、
ページ上のボタンをクリックしてページ遷移ができたら....
便利だと思いませんか？
なんと！
SketchFlowならできちゃんです！
例えば、
下の画像のような感じですね。
---------------------
１）“アカウント作成ページ”の【確認する】ボタンをクリックして...
↓
２）“エラーページ”が表示される。
---------------------
はい。
では、今まで作成した SketchFlow ファイルに反映してみましょう！
やり方は非常に簡単です。
(1) 次のページに移行させるエレメント(ボタンやテキストなど)上で右クリック
(2) 表示されたメニューから画面遷移を設定
どうです！
たったこれだけで画面遷移が設定されるんですよ！
さぁ、同じように他のページも反映しちゃいましょう！！
では、前回同様【F5】をクリックして、
ブラウザ上で確認してみましょう。
いかがですか？
ページ移行がワイヤーフレーム上で遷移できているでしょうか？
同じものをアップしていますので、
下記 URL から確認してください。
http://www.ddf.ne.jp/cl/hiromichi/test_03/TestPage.html
さて、次回で超初心者編 SketchFlow 最終回！！
作成したワイヤーフレームをサーバーにアップするです。
次回もよろしくお願いします！
