Google Web Designer の [表示] メニューでは、ステージやオブジェクトの表示方法を選択できます。
アウトラインとラベルを表示する
次のアウトライン オプションを選択できます。
- [アウトライン] > [アウトラインのみ] - 選択中の要素を除く、ステージ上のすべての要素が破線の枠線で表示されます。
- [アウトライン] > [ラベル] - 各要素にタイプと ID のラベルも表示されます。
- [アウトライン] > [オフ] - 枠線やラベルは表示されません。このオプションは、複雑なレイアウトで表示をわかりやすくするために便利です。
この設定を変更すると、すべてのドキュメントで設定が変更されます。
スナップ
スナップを使用すると、同じ水平線または垂直線に沿って要素を配置できます。グリッドへのスナップ、他のオブジェクトの境界線へのスナップ、他のオブジェクトと一列に揃えるスナップなどを選択できます。スナップを有効にするには、[表示] メニューを開いて [スナップ] > [スナップ先] を選択し、スナップ先の要素を選択します。
- [スナップ先] > [グリッド] - グリッド線が表示されたらグリッド線上にスナップされます。
- [スナップ先] > [オブジェクト] - 他のオブジェクトの端、角、中心にスナップされます。
- [スナップ先] > [位置揃え] - 他のオブジェクトの端または中心に合わせてスナップされます。
- [スナップ先] > [ガイド] - ルーラーガイドが表示されたらルーラーガイドにスナップされます。
- [スナップ先] > [サイズを等しくする] - 他のオブジェクトと同じ幅または高さにスナップされます。
- [スナップ先] > [間隔を等しくする] - 他の 2 つのオブジェクト間と等間隔にスナップされます。
スナップの例をご覧ください。
この設定を変更すると、すべてのドキュメントで設定が変更されます。
3D グリッドを表示する
[表示] メニューで [3D グリッド] を選択すると、3D ビューにはそのビューとほぼ並行な平面のグリッドが表示されます。グリッドの色には、3D コンパスの色が反映されます。グリッド線はデフォルトで 50 ピクセル間隔です（設定でグリッドサイズを変更できます）。この線に合わせて作品をスナップできます。
この設定を変更すると、ドキュメントごとに設定内容が記憶されます。また、設定を使って、デフォルトで 3D グリッドを表示するかどうかを設定することもできます。
ルーラーを表示する
[表示] メニューで [ルーラー] を選択すると、水平と垂直のルーラーが表示されます。ルーラーを利用すると、広告や HTML5 ドキュメントで要素を正確に配置できます。
この設定を変更すると、ドキュメントごとに設定内容が記憶されます。また、設定を使って、デフォルトでルーラーを表示するかどうかを設定することもできます。
ガイド
ガイドとは、オブジェクトの位置を揃えやすくするための垂直線や水平線のことで、ステージのどこにでも配置できます。ガイドを追加するには、ルーラーのいずれかの点をクリックし、新しいガイドをドキュメントの作業領域にドラッグします。
選択ツールでガイドを移動させたり、作業領域外にガイドをドラッグしてガイドを削除したりできます。また、Shift キーを押しながらドラッグすると、ルーラーのチェックマークにスナップできます。
次のガイド オプションは、[表示] > [ガイド] メニューで利用できます。
- [ガイド] > [ガイドを表示] を選択すると、ガイドが表示されます（新しいガイドを追加すると、この設定がオンになります）。
- [ガイド] > [ガイドをロック] を選択すると、既存のガイドを移動できなくなります（新しいガイドを追加すると、この設定がオフになります）。
- [ガイド] > [ガイドをクリア] を選択すると、ガイドがすべて削除されます。
ガイドはドキュメントとともに保存されます。
ステージが回転すると、定規ガイドは変更できなくなります。
正面ビュー、上面ビュー、側面ビュー
[表示] メニューから [正面ビュー]、[上面ビュー]、[側面ビュー] を選択すると、それぞれ Z、Y、X 軸に沿ってステージを見下ろすように表示されます。3D ステージ回転ツールをダブルクリックすると、ここで選択したビューに戻ります。
ズーム
[ズームイン] や [ズームアウト] オプションを使用して、ステージのズームレベルを調節できます。これらのオプションは、[表示] メニューと、ステージの右下にあるコントロールの両方から利用できます。[実サイズ] メニュー コマンドを使用すると、ズームレベルが 100% にリセットされます。
高解像度モニターを使用する場合など、Web Designer アプリケーション全体のズームレベルを変更するには、詳細設定を変更します。