Web ダイアグラムの作成方法

Web ダイアグラムは、一歩下がって全体像を見る必要がある場合に便利なツールです。 Web サイト、Web アプリ、またはその他の複雑なシステムやアイデアのセットを計画している場合でも、Web ダイアグラムはオブジェクト間の関係を示し、計画の欠点を示すことができます。高価なアプリに投資するのではなく、Microsoft Office 2013 を使用して本格的な Web ダイアグラムを作成できます。Web ダイアグラムは主に視覚的な補助手段であるため、ダイアグラムのラベルを 2 ～ 3 語に制限し、図形と色を使用してダイアグラムのコンポーネントを識別します。 .

ステップ 1

Microsoft Word で空白の文書を開きます。 [挿入] タブをクリックし、[イラスト] グループから [図形] を選択します。 Excel や PowerPoint で Web ダイアグラムを描くこともできます。

ステップ 2

最初のオブジェクトの形状を選択します。すべてのオブジェクトに同じ形状を使用することも、オブジェクトの種類ごとに異なる形状を使用することもできます。たとえば、図が Web サイトの図である場合、Web ページには四角形、販売ページには角丸四角形、電子メール リンク、ソーシャル メディア、その他の Web サイトなどのさまざまな種類のトラフィック ソースには円を使用できます。

ステップ 3

最初のオブジェクトを表示するページにカーソルをドラッグします。 「Shift」キーを押しながらカーソルをドラッグすると、完全な正方形または円が作成されます。 Web サイト ダイアグラムの場合、これは Web サイトのホームページであり、ページの上部近くに配置する必要があります。他のプロセスを示す図を描いている場合は、主要なオブジェクトをページの中央に配置して、その周りに接続オブジェクトを描画できるようにすることをお勧めします。

ステップ 4

ツールバーの [図形のスタイル] セクションのオプションをクリックして、図形の色と境界線を変更します。図形を右クリックしてコピーし、ページの他の場所を右クリックして複製を貼り付けます。

ステップ 5

必要に応じて形状を追加します。図形をドラッグして、ページ上で移動します。 Web サイトの図は、通常、トップ ページが上にあるピラミッドのように見えます。ホームページの下にメイン カテゴリ ページを配置し、各カテゴリの下にコンテンツ ページを配置します。着信トラフィック ソースをホームページの上、またはその右または左に配置します。

ステップ 6

形状をクリックし、端にあるアンカー ポイントのいずれかをドラッグして、形状のサイズを変更します。形状の縦横比を維持したい場合は、ドラッグ中に「Shift」キーを押したままにします。

ステップ 7

各図形を右クリックし、[テキストの追加] を選択して、オブジェクトの名前を入力します。テキスト スタイルを変更するには、テキストを強調表示して右クリックし、ポップアップ メニューに表示される書式設定オプションを使用します。または、ツールバーの [スタイル] セクションに表示されるスタイルを使用してください。

ステップ 8

[挿入] メニューをクリックし、[図形] を選択して、[線] セクションから線を選択します。作成した最初のオブジェクトをクリックし、カーソルを他のオブジェクトにドラッグして、それらの間にコネクタ ラインを作成します。コネクタ ライン (直角のもの) を選択した場合は、中央のアンカー ポイントをドラッグして線の形状を調整できます。ツールバーの Shape Styles セクションにある [Shape Outline] メニューをクリックして、線の色を変更します。

ステップ 9

必要に応じて、ページ上の図形の間に追加の線を引きます。最近使用した図形や線はツールバーの右側に表示されるので、新しい線を追加するたびに [挿入] メニューをクリックするのではなく、そこから選択できます。

ヒント

完成した Web サイトの図を作成する場合は、一般的な図形ではなく、図の各ページのサムネイルを使用します。ブラウザーでページを開き、25% にズームアウトします。 「Alt-PrtScn」を押してブラウザ ウィンドウの画像をクリップボードにコピーし、それをフォト エディタに貼り付けてトリミングします。図形を挿入する代わりに、挿入メニューから [図] を選択し、これらの図を挿入します。各画像にラベルを追加するには、サムネイルの上にテキスト ボックスを挿入します。

PowerPoint Online を使用して、基本的な Web ダイアグラムを作成することもできます。 Office Online バージョンの Word と Excel には、図形を作成するオプションがありません。