Loading...
![[GPT] PMP 시험 대비: 난이도 별 문제](/_next/image?url=https%3A%2F%2Fd2gg9iclns4v4e.cloudfront.net%2Fimages%2Fnews%2F1731395548438_1731395548438.jpg&w=256&q=75)
Figma Gridの概念
KUKJIN LEE • 6개월 전 작성
FigmaにおけるGridは、細かく体系的なデザイン作業をサポートするツールです。これにより、デザイナーはWebやアプリインターフェースを構築する際に、一貫性と精密さを維持できるようになります。特にWebデザインでは、カラムグリッド方式が広く利用されており、情報や要素を体系的に配置する上で重要な役割を果たしています。
Figmaのグリッドの利点
Figmaのグリッドシステムの最大の利点の一つは、グリッドをレイヤーのように自由に使用できることです。これにより、デザイナーはレイアウトを迅速かつ正確に調整でき、複雑なデザイン要素間の関係を明確に定義できます。
グリッド設計のための基本用語
グリッドデザインを開始する前に、いくつかの基本用語を知っておくことが重要です。
-
Margin（マージン）: これはフレームの端とカラム間の隙間を指します。マージンはデザインの「通気性」を助け、要素が画面の端に固定されないようにします。
Gutter（ガッター）: カラムとカラムの間のスペースを指します。一般的にデザイナーは、要素間の適切な間隔を保つために、4、12、または24の単位でガッターを設定します。
実際の例
Uritabiの例で見られるように、一般的に使用される12カラムグリッドシステムは、デザインに必要な柔軟性と構造を提供します。このシステムを通じて、デザイナーはさまざまな画面サイズに合わせてコンテンツを適切に調整でき、ユーザー体験の向上に重要な役割を果たします。