GridGuideを使用してグリッド設計プロセスを自動化する

Webサイトデザインの最初の大きなステップは、グリッドの選択です。これは通常、レイアウトを分割するために使用される内部列と溝の数と共にページの最大幅を定義します。.

あなたはあなた自身のものを作ってみることができますが、この仕事のための最良のツールはGridGuideです。それは完全に無料のWebアプリケーションです サイズに関係なく、あらゆるWebサイトのグリッド生成を完全に自動化.

必要な最大幅に続けて必要な列数を入力してください。通常、これら2つの数は割り切れるはずなので、素数を避けることをお勧めします。 Webサイトの一般的な最大幅は次のとおりです。

ここに絶対に間違った答えはありません。あなたはできる 任意の幅を選択し、列の数で均等に割り切れる限り それなら行ってもいいですよ.

GridGuideは効果的なWebアプリケーションなので、入力フィールドに値を入力すると自動更新されます。上部の数字を調整すると、 グリッドプレビューは自動的に変わります.

私はこの仕事のためにPhotoshopに頼っていました、そしてそれは私を中傷しました。正直に言うと、新しいWebサイトをデザインするときに最もイライラするステップの1つにグリッドを作成することがあります。ピクセルパーフェクトな数値を取得することは不愉快なことです.

しかしGridGuideは完全に自動化されており、さまざまな列サイズとガター幅に基づいてさまざまなグリッドオプションを提供します。.

できます Photoshopに読み込むために選択したグリッドのフルPNG画像をダウンロードする. この意志 多くの時間を節約する つまり、シェイプツールを使用してグリッドを一から作り直すのではありません。.

あなたが特定のグリッドスタイルが好きなら、あなたは後でブックマークにブックマークを共有するか、Web上の他の人と共有するために共有リンクを生成することができます.

完全に無料で使いやすいツールのためには、これはすべてのWebデザイナーにとって私の一番のお勧めです。もしあなたがグリッドと格闘し、あなた自身のデザインを憎むならば、GridGuideはあなたのツールボックスの必須リソースです。.