5강 디자인 기초 - 디자인 원리

오늘은 5강이다. 디자인 기초에 대해 학습하자.

디자인을 잘하기 위한 필수 요소가 몇 가지 있다.

균형, 비례, 강조, 리듬이다.

인터넷을 찾아보니 이외에도 몇 가지가 더 있지만 추후에 수정하면서 추가하도록 하겠다.

---

균형

먼저 균형이 있다. 균형은 어떻게 보면 인간의 원초적인 본능이 아닐까?

좌우든 위아래든 앞뒤이든 자연스럽게 조화를 이루는 모습을 무의식적으로 원한다고 생각된다

균형의 종류는 다음과 같다.

대칭적 균형:

요소들이 화면의 중심선을 기준으로 완벽히 대칭되게 배치되는 방식입니다.
전통적이고 안정감 있는 느낌을 줍니다.

예시: 결혼 초대장, 회사 로고.

비대칭적 균형:

중심선을 기준으로 요소들이 비대칭적이지만, 무게감에서 조화를 이루는 방식입니다.
창의적이고 동적인 느낌을 제공합니다.

예시: 현대적인 웹사이트 배너 디자인.

방사형 균형:

중심점을 기준으로 요소들이 퍼져나가는 형태입니다.
시선이 자연스럽게 중심점으로 집중됩니다.

예시: 만화경 디자인, 시계 다이얼.

비례

 

비례는 요소 간의 크기나 양의 관계를 의미하며, 디자인에서 요소들이 어떻게 서로 관련되어 있는지를 보여줍니다.
비례는 크기 차이를 통해 중요한 정보를 강조하거나, 작은 요소들을 조화롭게 배치해 디자인의 흐름을 형성합니다.
예를 들어, 웹페이지에서 제목은 가장 크고, 본문은 작으며, 부제목은 중간 크기로 배치됩니다.

비례는 블로그를 작성할 때 가장 크게 작용하는 요소인 것 같다. 글을 쓰며 순서를 나눌 때나 주제를 나눌 때 빛을 발하는 요소이다.

다루기 어려운 부분이다. 황금비율도 비례를 활용한 방식인데 1:1.618이라고 한다.
현대에 와서는 똑같이 하진 않고 적절히 응용해서 유지한다고 한다.

 

강조

 

강조는 디자인에서 특정 요소를 눈에 띄게 만들어 사용자의 주목을 끄는 기법입니다.
모든 요소가 똑같이 중요하다면 사용자에게 혼란을 줄 수 있으므로, 가장 중요한 정보를 강조하는 것이 필요합니다.
예를 들어, 버튼, 제목, 프로모션 배너 등이 강조의 대표적인 대상이 될 수 있습니다.

보자마자 이 사진이 떠올랐다

특정 색을 강조하는 경우도 있고 굵기나 모양을 다르게 하여 배치하는 경우도 있겠다.

강조 방법:

크기 차이: 중요한 요소를 더 크게 만들어 주목도를 높입니다.

색상 대비: 배경색과 대조되는 색상을 사용하여 시선을 끌도록 합니다.

예: 흰 배경 위에 빨간색 버튼.

위치: 화면의 중심이나 상단에 배치하여 강조.

독특한 형태: 다른 요소와 구분되는 독특한 디자인을 사용.

예: 아이콘이나 버튼의 모양을 차별화.

목적:

사용자가 가장 먼저 봐야 할 정보를 명확히 전달합니다.
강조가 과도하면 혼란을 줄 수 있으므로, 중요한 정보에만 적용해야 합니다.

세 줄 요약처럼 특정하고 중요한 정보에 무게를 실어 디자인하면 사용자가 설계자가 원하는 방향에 맞춰 이해하고 나아갈 수 있을 것 같다

리듬

 

정의: 리듬은 디자인에서 반복적이거나 패턴화 된 요소를 통해 통일성과 흐름을 제공하는 원리입니다. 리듬은 사용자의 시선이 디자인을 자연스럽게 따라가도록 유도하며, 전체적으로 조화로운 느낌을 줍니다.

종류

반복적 리듬:

동일한 요소가 일정한 간격으로 반복될 때 발생합니다.

예: 텍스트 목록, 이미지 갤러리.

점진적 리듬:

요소들이 크기, 색상, 간격 등의 변화를 통해 점진적으로 변화합니다.

예: 폰트 크기가 점점 커지거나 작은 아이콘이 큰 아이콘으로 변화.

순환적 리듬:

요소들이 원형 패턴으로 배치되는 리듬입니다.

예: 배너 광고의 순환 이미지.

특징:

리듬이 있는 디자인은 사용자에게 편안함과 친숙함을 느끼게 합니다.
과도한 반복은 지루함을 줄 수 있으므로 적절한 변화를 섞어야 합니다.

---

이런 몇 가지의 디자인 기초들을 활용하여 조화롭게 결합하다 보면 좋은 디자인 -> 사용자 친화적인 디자인이 될 수 있다..!

+ 더 깊은 내용을 알고 싶으면 다음 브런치 글을 참고해보자

https://brunch.co.kr/@asas15151/14

디자인의 기초를 완성하는 9가지 필수 이론