お知らせ：当社は、お客様により充実したサポート情報を迅速に提供するため、本ページのコンテンツは機械翻訳を用いて日本語に翻訳しています。正確かつ最新のサポート情報をご覧いただくには、本内容の英語版を参照してください。

Wireframe Kitには、UIやUXのレイアウトを計画するための、シンプルで低忠実度のワイヤーフレーム作成用要素が用意されています。詳細なデザインに進む前に、ページ構造、ユーザーフロー、操作画面のコンセプトをスケッチできます。

Wireframe Kitをツールバーに追加するには  

1. 左側のツールバー下部にある［マーケットプレイス］ボタンをクリックします。

2. ［デザイン］カテゴリーを選択します。

3. ［Wireframe Kit］を探します。

4. ［ツールバーに追加］をクリックします。

Wireframe Kitが左側のツールバーに表示されます。マーケットプレイスで［削除］を選択すると、いつでも削除できます。

Wireframe Kitを使用するには  

1. 左側のツールバーから［ワイヤーフレーム］を開きます。

2. ページや画面の構成を大まかに示すには、要素をスペースにドラッグします。

3. コンポーネントを配置して、ナビゲーション構造やフローを作成します。

4. 視覚的な詳細にこだわらず、ワイヤーフレーム要素を使ってアイデアをすばやく可視化します。

5. ワイヤーフレームのセクションをグループ化する場合は、ページフレームを追加します。

​

Wireframe Kitは、主に次の用途に使用できます。

• UIとUXの計画

• 初期段階のレイアウト作成

• ユーザージャーニーの可視化

• アプリやWebサイトのフロー設計

• 初期デザイン案の提示

​

1. 右側のツールバーから［エクスポート］をクリックします。

2. ワイヤーフレームのフレームを選択します。

3. ［PNG］または［PDF］形式でダウンロードします。