ワイヤーフレーム テンプレートを使用して Web サイトとモバイル アプリを設計する

適用先
Visio Professional 2024 Visio Professional 2021 Visio Professional 2019

Visio ワイヤーフレームを使用して、アプリケーションのアイデアを生み出します。 ワイヤーフレームとは、アプリケーションのユーザー インターフェイスの詳細な視覚モデルのことで、機能とコンテンツの設計図のようなものです。 これらの Web サイトおよびモバイル ワイヤーフレーム テンプレートは、忠実度の低い設計スケッチを作成して、アイデアの提示、チームの合意、忠実度の高いワイヤーフレームの基礎の形成を行う場合に最適です。

注

  • これらのワイヤーフレーム テンプレートは、Visio Plan 2 のデスクトップ アプリと、Visio 2019 以降の永続的なバージョンで使用できます。 これらは、ブラウザー ベースのバージョンの Visio では使用できません。 
  • モバイル ワイヤーフレーム テンプレートは、Visio Plan 2 のデスクトップ アプリと、Visio 2021 以降の永続的バージョンでのみ使用できます。

作業の開始

Web サイトおよびモバイル テンプレートの概要 Web サイトとモバイル ワイヤーフレーム テンプレートを見つけるには:

  • Web サイトファイル>新規>テンプレート>ソフトウェアとデータベース>ワイヤーフレーム - Web サイトの選択
  • モバイルファイル>新規>テンプレート>ソフトウェアとデータベース>ワイヤーフレーム - モバイル アプリ

注: Web サイトおよびモバイル ワイヤーフレーム テンプレートは、主にデスクトップ アプリケーション用に設計された従来のワイヤーフレーム図テンプレートとは異なります。

ワイヤーフレーム テンプレートの概要

テンプレートごとに、クイック スタート用のスターター図面または空白の図面を選択できます。 各テンプレートには、多くの図形を含む 5 つのステンシル (コンテナー、コントロール、メディア、テキスト、ナビゲーション) があります。 コンテナーを使用すると、さまざまなダイアログやカードを表す図形のグループが事前に作成され、ワイヤーフレーム図の作成を高速化できます。 ワイヤーフレーム ステンシルには、範囲スライダーや進行状況バーなどのスマート図形もあり、コントロール ポイントと右クリック メニュー アクションでカスタマイズして、状態、数値、ビジュアル スタイルを変更できます。 これらのテンプレートは汎用で、さまざまなブラウザーやモバイル デバイスで使用できます。

プレビュー テンプレートとスターター図面 説明
空白のワイヤーフレーム図 ワイヤーフレーム - Web サイト インターフェイスやナビゲーションなど、Web サイトの基本的なコンテンツのレイアウトを作成して連携させるための空白のテンプレート。
Web サイト用のメディア ワイヤーフレーム図テンプレート メディアのワイヤーフレーム図 テキストとメディアの機能が充実した Web サイトのスターター図面。
会社のワイヤーフレーム図 会社のワイヤーフレーム図 製品のランディング ページ用 Web サイトのスターター図面。
電子商取引用のワイヤーフレーム図 電子商取引用のワイヤーフレーム図 電子商取引 Web サイトのスターター図面。
空白のワイヤーフレーム図 ワイヤーフレーム - モバイル アプリ インターフェイスやナビゲーションなど、モバイル アプリの基本的なコンテンツのレイアウトを作成して連携させるための空白のテンプレート。
リストのワイヤーフレーム図 リストのワイヤーフレーム図 リスト アイテムを表すモバイル アプリのスターター図面。
モバイル アプリ用のメディア ワイヤーフレーム図テンプレート メディアのワイヤーフレーム図 テキストとメディアの機能が充実したモバイル アプリのスターター図面。
ユーザー プロファイルのワイヤーフレーム図 ユーザー プロファイルのワイヤーフレーム図 ユーザー プロファイル画面を表すモバイル アプリのスターター図面。