モジュラーグリッドとは何ですか。 モジュラーグリッドを作成するには？

モジュラーグリッド - これはサイトと建設の設計上の特殊なテンプレートです。 実際には、個々の単位に基づいて、訪問者に視覚情報を提示するためのシステムは、モジュールと呼ばれます。 ウェブサイトのテンプレートを使用して開発し、読んでナビゲートする方がはるかに簡単です。

使用メッシュとして

モジュラーグリッドは、ブックデザイン、名刺、その上の商標、ロゴの開発に使用されている。D.は、サイトを作成するときに、それを使用してください。 グラフィックスとテキスト - 適切に作られたメッシュが調和し、すべてのリソース要素のための環境を配置します。 その使用にページ上でそれらすべてを配置し、それらの間に明確な境界を作成する方がはるかに簡単です。 特定の方法で素子を配置、それらのそれぞれが見えるとサイト上のすべての情報を一緒にリンクするため、同時に行うことが可能です。

モジュラーグリッドのフォーム

最も一般的なモジュラーグリッドデザインページ - これらの3つの基本的なセル列です。 この場合、ヘッダーとフッターは、それらのサイズに等しい幅を有します。 ウェブサイトの愛好家を作成するときに、この標準オプションは、一般的に使用されています。 時には、一つのセルの幅が他の幅で増加しています。

珍しい - - 唯一のプロのWebデザインに関わる人たちによってモジュラーグリッドの第二の実施形態の創造。 この場合、列だけの正確に定義された幅と、個々の要素間の距離。 次のようにニュースソースやオンライン雑誌のモジュラーグリッドデザインの異なる種類は、通常は開発されています。

1. 作成したフッター。 サイト、ナビゲーションメニュー、様々なビデオの名前をそこに配置する必要があります。
2. ページには3つの列に分かれています。 この場合には、それらの二人は同じ寸法を有しています。 3列目は、垂直線によって2つの部分に分割されます。 このように、4節（ニュース、写真、広告スペース、情報サイトへの最後の変更）を得ました。

多少異なる作成された様々な専門分野のオンラインストアのためのモジュラーグリッド。 この場合、ナビゲーションの訪問者のしやすさを確保することが重要です。 前記グループ化された要素は、標準および一様です。 各オブジェクトについての重要な情報は、それを特徴付けるグリッドで際立っています。

エディタ「フォトショップ」で行

サイトでは、ラスタまたはベクトル使用して作成された グラフィックスエディタを。 非常にユーザーフレンドリーを作成するためにそれらにメッシュ。 私たちはこれが人気のPhotoshopで行われている方法を見てみましょう。 「フォトショップ」でのモジュラーグリッドを作成することは非常に簡単です。

バーが表示された画像ウィンドウの周囲で作業するには、メインメニューに行くべき「ビュー»（ビュー）とクリックし、 『行』行（ルーラ）。 このエディタでは、さまざまな要素を使用することができます - センチメートル、ミリメートル、インチ、またはピクセルに卒業しました。 必要な調整を行うためには、メインメニューの「編集»（編集）で行われるべきです。 次に、「設定»（環境設定）を選択 - «単位・定規»（単位・定規）。 このウィンドウを表示されたら、これであなたは、行の外観を変更することができます。 トップドロップダウンメニューを選択センチメートル、ミリメートル、ピクセルなど。D.で

ただし、通常は「フォトショップ」エディタで作業する場合は、わずかに異なる、より簡単な方法を使用しています。 単に画像にこの行をクリックする必要があり、測定の単位を変更するには、ウィンドウを右クリックします。 その後、ポップアップメニューが、あなたは、目的の操作を行うことができます。 通常、あなたはピクセル単位でグリッドを使用してサイトを作成するとき。

Photoshopのグリッド

「ショー»（ショー） - - «グリッド»（グリッド）あなたはオプション「表示」メインメニューに切り替えた後に非常にモジュラー、「フォトショップ」プログラムのグリッドが表示されます。 グリッド線の間のステップを構成することができます。 「設定」 - - （ガイド、グリッド、スライス）を»「ガイド、グリッド、およびフラグメントこれを行うには、コマンド「編集」を実行します。 あなたはだけでなく、ライン間のステップが、その色を変更することができます。 迅速かつ正確に作業フィールド上に置かれ、このグリッドを使用して、今後のサイトのすべてのオブジェクトは非常に簡単になります。

カーソルを使用した作業

モジュラーグリッドサイトは非常に簡単で、このような方法で作成されます。 カーソルがラインにこだわっです。 これは、正確なブロックを作るために必要がある場合、特定のサイズに役立ちます。 この機能が不要になり、何らかの理由である場合、あなたはそれを無効にすることができます。 デフォルトでは、「フォトショップ」でスタートグリッドは、ウィンドウの左上隅に位置しています。 必要であれば、それはキャンバスの他の場所に移動することができます。 これを行うには、原点にボックスにカーソルを置いて、単にマウスボタンを押しながらドラッグします。 出発点に戻るには、コーナーで同じ正方形を二回クリックする場所でなければなりません。

また、プラグインのすべての種類は、「フォトショップ」編集者のためにそこにいるあなたも、より便利なモジュラーグリッドを使用して、ウェブサイトの作成を行うことができます。 オンラインそれらをダウンロードしてください。 これらのプラグインを使用すると、設定したパラメータを持つメッシュを作成することができます。

ネットのCorelDraw

今度は、CorelDrawのベクトルエディタのモジュラーグリッドを作成する方法を見てみましょう。 ここで彼女は、「フォトショップ」でほぼ同じで作成しました。 それは（グリッド目で）トップパネルに配置されたアイコン。 それをクリックした後、すべての必要な設定を行うことが可能になります。 許容線間の距離の選択、変更部など。D.はCorelDrawの画像ウィンドウにとガイドを介して動作フィールドを区切り。 彼らは、必要に応じて表示または非表示にすることができます。

サイトのデザインのモジュラーグリッド - の開発の基本的な要素は、最大限の責任を持ってアプローチされる必要があります。 結局のところ、どれだけそれはその訪問者の利便性に依存リソースを構造化され、故に時間は、そのページに費やさ。