Figma Gridの概念

グリッド設計のための基本用語

グリッドデザインを開始する前に、いくつかの基本用語を知っておくことが重要です。

• Margin（マージン）: これはフレームの端とカラム間の隙間を指します。マージンはデザインの「通気性」を助け、要素が画面の端に固定されないようにします。

 

Gutter（ガッター）: カラムとカラムの間のスペースを指します。一般的にデザイナーは、要素間の適切な間隔を保つために、4、12、または24の単位でガッターを設定します。

 

 

 

実際の例

Uritabiの例で見られるように、一般的に使用される12カラムグリッドシステムは、デザインに必要な柔軟性と構造を提供します。このシステムを通じて、デザイナーはさまざまな画面サイズに合わせてコンテンツを適切に調整でき、ユーザー体験の向上に重要な役割を果たします。