레이아웃이란? / 레이아웃의 역할, 요소, 원칙, 기본조건

레이아웃이란? / 레이아웃의 역할, 요소, 원칙, 기본조건

 

안녕하세요.

로스윗의 영상편집입니다.

오늘은 UIUX에서 중요한 레이아웃에 대한 모든 것을 알려드리는 포스팅을 하도록 하겠습니다.

 

 

- 레이아웃이란?

--> 책이나 신문, 잡지 따위에서 글이나 그림 따위를 효과적으로 정리하고 배치하는 일이라고 정의되어 있다.

쉽게 말해서 제한된 지면 안에서 예쁘게 만들기, 제한된 지면 안에서 시각화하는 작업이다.

레이아웃은 웹디자인에만 국한되어 있지 않고 영상, 책, 잡지 등 디자인에 관련된 모든 분야에 필요하다.

 

예를 들어, 로고는 어디에 넣을지, 추임새는 어디에 넣을지, 자막은 어떤 부분에 글과 그림이 들어가 있고,

크기는 어떻게 할 지 등등을 이상적으로 배치하는 것이 레이아웃이다.

 

반응형

 

- 레이아웃의 역할

- 시선을 유도해야 하며, 사람에게 흥미를 유발시켜야 한다.
- 언어적인 요소보다 시작적인 요소가표현되도록 한다.
- 읽고 보기 쉽게 단순해야 한다.
- 주제가 질서 있게 다루어져야 한다.

- 레이아웃의 기본 조건

1. 주목성 : 중요한 것은 한눈에 잘 보이게 해야 한다.
2. 가독성 : 글이 잘 보이며, 쉽게 잘 읽혀야 한다. (*가해성 : 이해가 잘 되는 것)
3. 명쾌성 : 시각적 구성 요소의 내용을 뚜렷하고 확실하게 전달할 수 있도록 한다.
4. 조형성 : 입체감 있고 흥미롭게 형상화 되어 시각적 아름다움이 잘 나타날 수 있도록 한다.
5. 창조성 : 기존에 없던 새로운 것으로 차별화되어야 한다.

 

728x90

 

- 레이아웃의 원칙

1. 통일성의 원칙 : 처음부터 끝까지 
2. 균형의 원칙 : 글자간, 그림간 크기, 배치 등
3. 결합의 원칙 : 인쇄 제작물을 구성하는 각 요소가 잘 결합되어야 한다.
4. 강조의 원칙 : 형태나 색상, 여백과 도형 등 중요한 요소를 강조한다.
5. 이동의 원칙 : 일러스트레이션이나 사진에 대한 시선을 본문으로 이동할 수 있도록 유도 한다.

- 레이아웃의 요소

1. 선 
2. 질감
3. 공간
4. 크기
5. 명암
6. 색

 

여기까지 레이아웃에 대한 개념과 레이아웃의 역할, 요소, 원칙, 기본조건 등을 알아봤습니다.

레이아웃에 대해서 조금이라도 여러분에게 도움이 되었으면 좋겠습니다.

감사합니다.

 

 

UIUX 페르소나와 디자인 작업 순서

 

모바일 UI/UX의 기본적인 특성과 디자인 원칙