Figmapedia
목록으로 돌아가기
레이아웃 & 그리드

단일 화면 여백 조절 가이드

피그마 오픈카톡방2026. 3. 7.

질문사항

단일 화면을 디자인하고 여백 조절 가이드를 제공할 때, 반응형/적응형 디자인을 위해 가이드를 잘 세워야 하는지, 아니면 각 기기별 케이스를 염두에 두고 값을 전달해야 하는지 궁금합니다.

답변

단일 화면 디자인 시 반응형/적응형 가이드를 제공하는 것은 복합적인 고려가 필요합니다. 단순히 '기기별로 작업한다' 또는 '안 한다'로 정의하기는 어렵습니다. 다음 요소들을 복합적으로 고려하여 작업해야 합니다:
  • 화면 종횡비 (Aspect Ratio)
  • 노치 디자인과 같은 기기 특성
  • 해상도 크기
  • 데스크톱/모바일과 같은 입력 장치의 차이
  • 이러한 다양한 기본 원리들을 케이스 바이 케이스로 잘 응용하여 디자인하고 가이드를 전달하는 것이 바람직합니다. 예를 들어, Auto Layout을 활용하여 유연한 레이아웃을 구성하고, 제약 조건(Constraints)을 명확히 설정하여 다양한 화면 크기에 대응하는 방법을 제시할 수 있습니다.