Axure 図面ページ フレームの詳細グラフィックtutorial_html/css_WEB-ITnose

Axure はプロトタイプの描画に使用されており、ここ数日間の勉強と練習で多くのことを学びました。今日はちょっとお見せしましょう。

ヘッダー、下部、メニュー、ナビゲーションなど、異なるページ間には同じものがたくさんあり、それらはすべて一貫しています。ページの一部のみがアクティブであり、別のコンテンツを表示できます。今日はそんなフレームワークを作っていきます。

写真の黄色の部分はすべて修正されています。青い部分には、ナビゲーション バーの各クリックの内容に基づいて異なる情報が表示されます。

最初のステップ:

ヘッダーに独自のコンテンツを書き込みます。各サブページの内容を記述します。材料を用意してください。

ステップ 2

左側のナビゲーション。

ボタン

でインターフェースに追加されました‑ 以下に示すボタンをナビゲーション構造に追加します

インターフェイスに名前を編集したり、サブレベルを追加したり、同じレベルを設定したりできます。

ステップ 3

イベント ページを追加します。ページの右側に追加するインライン フレームを選択します。このコントロールは、さまざまなセクションを表示するために使用されます。

4 番目のステップ

は、すべてをうまく行うことです。

ナビゲーションの単価イベントをクリックしてユースケースを追加します。

わかりました。これで完了です。早速実行して見てみましょう。シンプルではないでしょうか？

プロトタイプ図にはまだ検討すべきことがたくさんあります。何か面白いことがあれば私と共有してください