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

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

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

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

作業の開始

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

  • ウェブサイト[ファイル>New>Templates>Software と Database>Wireframe - Web サイトを選択します
  • モバイル[ファイル>New>Templates>Software と Database>Wireframe - Mobile App を選択します

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

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

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

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