Layout

Layout

Layout

Minimum Margins

적절한 여백은 컨텍스트 요소들 사이에 "쉼"을 제공하여 정보의 인식을 용이하게 합니다. 여백은 디자인에 시각적 균형을 부여하여 레이아웃의 전체적인 미적 품질을 향상시킵니다. 이러한 균형감은 사용자의 시각적 피로를 줄이고, 보다 직관적인 정보 전달을 가능하게 합니다.

최소 여백을 적용하는 방법

  1. 캔버스의 대각선 길이는 D입니다.

  1. 최소 여백(H)의 길이는 D 길이의 3%입니다.

마진은 캔버스의 크기나 디자인 의도에 따라 최소 여백 안쪽으로 들어오거나 더 넓은 영역을 지정할 수 있습니다. 최소 여백은 이러한 마진의 최소한의 기준을 의미합니다. 최소 여백 규정은 요소들 간의 적절한 간격을 유지하여 시각적 일관성과 가독성을 보장하는 것을 목적으로 합니다. 디자인의 목적과 상황에 맞추어 마진을 조정함으로써, 전체적인 레이아웃의 조화와 기능성을 최적화할 수 있습니다.

Variations

Grid system

12열 그리드 시스템은 웹 디자인과 인쇄 매체 디자인에서 널리 사용되는 프레임워크입니다. 이 그리드는 디자인 요소들을 체계적으로 배치하여 전체 레이아웃에 일관성과 조화를 제공합니다. 이는 사용자 경험을 향상시키고 브랜드 이미지를 강화하는 데 기여합니다. 또한, 12열 구조는 다양한 화면 크기와 해상도에 대응하는 높은 유연성을 제공합니다. 필요에 따라 열을 병합하거나 분할하여 다양한 레이아웃을 쉽게 구성할 수 있습니다.

Basic Grid (1:1.414 / 1:1 / 16:9)

거터가 없는 그리드 (1 : 1.414 / 1 : 1 / 16 : 9)

12열 구조는 다양한 화면 크기와 해상도에 대응하기 위해 높은 유연성을 제공합니다. 필요에 따라 열을 병합하거나 분할하여 다양한 레이아웃을 쉽게 구성할 수 있습니다.

Design Example

2- column grid
3- column grid
4- column grid

Questions?

brandcenter@krafton.com

Last updated June, 2024
Copyright © 2024 KRAFTON

Questions?

brandcenter@krafton.com

Last updated June, 2024
Copyright © 2024 KRAFTON

Questions?

brandcenter@krafton.com

Last updated June, 2024
Copyright © 2024 KRAFTON