[디자인 개론] 제 4강. 레이아웃

---

[디자인 개론] 제 4강. 레이아웃

---

 

 

레이아웃이란?

• 특정 공간 안에 문자, 이미지 등의 구성요소를 보기 쉽게 효과적으로 배치하는 작업
• 시각적인 균형과 조화를 이루고, 사용자의 효과적인 정보 인식을 돕는 구성방식
• 텍스트,  이미지, 그래픽 요소들을 효과적으로 배치해서 메시지를 명확하게 전달하고, 시선의 흐름을 유도하는 것

 

레이아웃의 중요성

• 정보 전달력 향상 : 레이아웃은 혼란스럽지 않게 정보를 정리하여 사용자가 빠르게 핵심을 파악할수 있도록 도울 수 있다. 
• 시각적 위계 형성 : 레이아웃은 시각적 위계를 형성해서 결국 정보 전달력이 향상되도록 만든다.
• 일관성으로 브랜드 이미지 제고 : 정렬, 간격, 그리드의 규칙성을 일관되게 적용하면 그 자체로 전문선과 신뢰감이 형성 되기도 한다. 어떤 브랜드가 동일한 레이아웃을 일괸되게 사용한다면, 그 브랜드를 자연스럽게 인식하는데에 좀 더 효과적이다.
• 사용자 경험(UX) : 레이아웃이 사용자 경험에 미치는 영향. 미적인 문제 뿐만이 아닌 사용자의 행동과 효율적인 정보탐색과도 직결이 된다. 예를들어, 쿠팡과 같은 온라인쇼핑몰은 미적으로 예쁘진않지만 사용자가 많은 상품들을 보고 탐색할 수 있다.

 

레이아웃의 핵심 원칙

• 여백 만들기 : 어떤 디자인은 필요와 목적에 따라 여백 없이 꽉 채우는 경우도 있지만, 기본적으로 디자인을 할 때 여백을 적절하게 두어 가독성을 높히거나 집중을 시키는데 도움이 된다.
• 콘텐츠 그룹화 : 타이틀, 시간, 날짜 정보 등 전달하려는 정보를 그룹화하여 배치하는 것이 정보 전달력에 큰 차이를 만들어낸다.
• 핵심 요소 반복 사용 : 디자인의 전체적인 컨셉을 전달하는 데에 효과적이다.
• 대비와 강조 : 대비는 서로 다른 요소를 비교되게 배치하여 눈에 잘띄게 하고, 강조는 여러 요소 중에서 가장 중요한 요소를 눈에 띄게 만든다. 시선을 특정 요소에 집중시키는데에 효과적이다.
• 정렬, 그리드 : 디자인을 질서 있게 정리하고 보기 쉽기 만드는 원리. 텍스트의 정렬 등으로 정보 전달력에 효과적이다. 그리드는 화면을 보이지않는 선으로 나누어 일정한틀에 맞게 요소를 배치하는 방법이다. (신문)
• 초점 만들기 : 레이아웃의 시작점. 분산되는 시선을 집중시키도록 구성하는 원리.
• 계층 구조 구성 : 시각적 위계, 계층구조. 시선의 흐름을 미리 가정해서 설계를 하는 것