Figma Layout Grid 기본

Duboo·2021년 11월 18일
0

피그마

목록 보기
2/2
post-thumbnail

피그마를 전문적으로 사용하는 것이 아니기 때문에 알아두면 편리한 기본만 정리

0. 웹 페이지의 기초 | 규칙

반응형 웹과 다양한 해상도의 웹과 앱 등 다양한 플랫폼, 환경, 화면의 크기에 일관성을 부여하여 보다 쉽고 빠른 환경을 만들어준다.


1. 구성 요소

  1. Column 실제 컨텐츠를 포함하는 부분으로 고정된 값으로 설정하며 n개의 컬럼이 모여 컨텐츠의 크기를 결정한다. 컬럼의 양 옆은 항상 거터가 있어야 한다.
  2. Gutter Column과 Column 사이의 여백으로 컨텐츠와 컨텐츠 사이의 여백이기도 하며 고정 값으로 정의한다.
  3. Magin 컨텐츠(내용) 영역 밖의 좌우 사이의 여백으로 고정 값으로 정의한다.

개발하고자 하는 웹, 앱등의 기준이 다양하기 때문에 가이드 라인을 참고한다.
가이드 라인

profile
둡둡

0개의 댓글