좋은 디자인을 만드는 4가지 법칙

디자인 지식이라곤 제로인 상태로 입사한 제가 현장에서 가장 먼저 터득한 기초 지식을 정리해봤습니다. 최근 들어서는 경력이 없는 상태에서 디자이너를 꿈꾸며 커리어를 전환하는 분들도 적지 않은 것 같습니다. 전문적인 디자인 교육을 받지 않은 사람들 입장에서 대체 디자인을 어디서부터 어떻게 공부해야 할지 막막하기만 할 것입니다. 실제 현장에서 사용하는 지식들이기 때문에 디자인에 관심이 있거나 앞으로 디자인을 공부할 분들에게 조금이나마 힌트나 참고가 되었으면 좋겠습니다.

‘좋은 디자인은 외관을 예쁘게 꾸미는 것’이 아니다

‘디자인’이라고 하면 여러분은 어떤 것을 떠올리시나요? ‘겉모습을 예쁘게 꾸미는 것’이라고 생각하시는 분들이 많으실 것 같습니다. 물론 그것도 틀린 말은 아니다. 하지만 무엇을 위해 외모를 아름답게 하는 것일까요?

위키백과에 따르면, 디자인이란 ‘미적 감각을 근간으로 하는 계획적 행위 전반을 가리킨다’고 정의합니다. 디자인. 설계. 독창성. 영어의 design에는 본항의 의미보다 넓은 의미로 디자인이라고 부르지 않는 디자인 전반을 포함한다.” 라고 적혀 있습니다. 이처럼 디자인은 ‘계획’, ‘설계’ 등의 단어로 설명되어 있습니다. 즉, 겉모습을 예쁘게 꾸미는 것만이 디자인이 아니라 어떤 목적을 달성하기 위한 계획과 설계를 포함한 일련의 과정이 디자인인 것입니다.

디자인의 본질은 ‘목적을 달성하거나 문제를 해결할 수 있는 최적의 방법을 만들어내는 것’입니다. 색이나 모양 등 외관을 예쁘게 만드는 것은 하나의 수단일 뿐 목적이 아닙니다. 누구를 위한, 무엇을 위한 디자인인지 고민하고, 목적을 달성하기 위한 계획을 세우고 실현시키는 것. 이것이 현대 디자인의 역할입니다.

모르는 사람은 절대 모르는 ‘디자인 기본 4대 법칙’

디자인 기본 4대 원칙은 디자인에 종사하는 사람이라면 누구나 알고 있는 내용이다. 앞서 설명한 ‘누구를 위한 디자인인지 고민하고, 목적 달성을 위한 계획을 세워 실현한다’는 디자인의 본질과도 크게 관련되어 있습니다.

좋은 디자인은 외형적인 아름다움도 물론 중요하지만, 아름다움만으로는 목적을 달성할 수 없습니다. 목적을 달성하기 위해서는 ‘의도한 정보를 의도한 형태로 적절하게 전달하는 것’이 중요합니다. 이 디자인의 4대 법칙을 잘 지키면 전달하고자 하는 내용을 알기 쉽고 아름답게 정리할 수 있는 기초를 다질 수 있습니다.

다음은 ‘좋은 디자인을 만드는 기본 4대 법칙’을 소개합니다.

  • 근접성
  • 정렬
  • 강약
  • 반복

근접성

근접이란 ‘관련 있는 디자인 요소를 가깝게 그룹화하는 것’입니다. 사람은 거리가 가까운 모임을 ‘관계가 있는 것’으로 인식하는 습성이 있습니다. 서로 연관성이 있어야 할 요소들이 의도치 않게 배치되어 있으면 정보를 이해하는 데 시간이 오래 걸리게 됩니다.

즉, 서로 연관성이 있는 요소들을 가깝게 묶어 그룹화하면 직관적으로 정보의 연관성을 이해할 수 있습니다. 그리고 근접에서 중요한 것은 ‘서로 다른 요소와 여백을 취하는 것’입니다. 관련 있는 것을 가까이 두고, 관련 없는 것들 사이에 여백을 두는 것입니다.

빈칸을 채우고 싶어하는 것은 비디자이너들의 공통점입니다. 여백이 생기면 그것을 채우려고 글자를 크게 하거나, 장식용 그래픽을 넣기도 하고…. 아무리 서로 연관된 요소들을 모아 그룹화해도 여백이 없으면 모든 것이 하나의 그룹으로 보여서 혼란스럽습니다. 화면을 꽉 채우는 것이 목적이 아닙니다. ‘알기 쉽게 전달한다’는 본래의 목적을 잊지 말고 화면 레이아웃을 짜는 습관을 들입시다!

정렬

정렬이란 ‘요소를 보이지 않는 선으로 연결하여 레이아웃하는 것’입니다. 요소들이 규칙 없이 제각각 배치되어 있으면 화면이 어수선해집니다. 그래서 정보를 정리하고 정렬합니다.

디자인 상의 그래픽이나 텍스트의 색상, 크기, 폰트, 위치 등을 정렬하여 깔끔하게 정리할 수 있습니다. 디자인 상의 다양한 요소들이 시각적으로 서로 연관성을 가지면서 통일감이 생기는 것입니다. 만약 일치하지 않는다면 왜 일치하지 않는지 이유가 있어야 합니다. 디자인은 모두 의도적으로 만들어진 것이어야 하므로, ‘그냥 아무렇게나 배치했다’는 말이 나오지 않도록 해야 합니다.

요령은 ‘보이지 않는 선으로 연결하는 것’입니다. 텍스트는 ‘오른쪽 정렬’, ‘중앙 정렬’, ‘왼쪽 정렬’ 등을 의식하여 정리하여 배치하는 것을 의식하도록 합시다.

강약

강약은 ‘서로 다른 요소끼리 유사하지 않도록 명확하게 차이를 두는 것’입니다. 서로 다른 요소에 차이를 두어 서로 다른 정보라는 것을 명확하게 알 수 있도록 하는 것이 중요합니다. 또한, 강약 조절을 통해 디자인에 재미가 생기고 시선을 끌 수 있는 효과도 있습니다. 예를 들어, 헤드라인은 크게 강조하고 눈길을 끄는 폰트나 색상으로, 본문은 작고 가독성이 좋은 기본 폰트나 눈에 편안한 컬러를 사용하는 등의 방법으로 서로 다른 정보에 차이를 둔다. 또한 눈에 띄고 싶은 요소를 크게 하거나 다른 요소와 다른 표현으로 강약을 조절하는 것도 강약을 조절할 수 있는 방법입니다.

요령은 ‘소심하지 말고 과감하게 차이를 두는 것’입니다. 중간 정도의 강약은 다른 정보라는 것을 명확하게 전달할 수 없을뿐더러, 모호한 디자인이 될 수 있습니다. 확실히 다르게 해야 강약이 생기고, 정보의 우선순위를 전달할 수 있을 것이다. 과감함이 중요합니다!

반복

반복은 ‘디자인상의 어떤 특징을 반복하여 통일감을 주는 것’입니다. 하나의 디자인 안에서 같은 요소를 반복적으로 사용하면 전체적으로 일관성이 생깁니다. 예를 들어 색상, 폰트, 레이아웃, 라인, 장식 등이 이에 해당합니다. 이는 디자이너가 아닌 사람들도 무의식적으로 적용하는 경우가 많습니다. 사내 프레젠테이션 자료 등 모든 페이지의 레이아웃과 색상은 동일한 것을 사용하고 있을 것입니다. 같은 자료 내에서 갑자기 레이아웃도, 색상도, 모든 것이 바뀌면 다른 자료로 바뀐 것으로 착각할 수 있습니다.

웹디자인에서는 디자인상의 레이아웃 스타일이나 규칙을 ‘톤 앤 매너’라고 합니다. 디자인의 스타일이나 규칙을 반복함으로써 같은 것임을 직관적으로 전달할 수 있습니다. 떠다니는 요소는 없는지, 표현에 흔들림이 없는지 다시 한 번 살펴보는 것은 매우 중요합니다.

어떤 자유분방한 디자인도 기본을 아는 것부터 시작된다.

‘디자인의 기본 4대 원칙’을 의식하고 디자인하면 정보를 의도한 대로 전달할 수 있는 표현의 폭이 넓어집니다. 그리고 이것들은 ‘어느 한 가지 원칙만 사용하는 것’이 아닙니다. 반드시 이 원칙들은 서로 연관되어 있습니다.

주변에 있는 디자인에 눈을 돌려보면 반드시 어딘가에 이 원칙이 사용되어 있습니다. 물론 이 원칙을 반드시 지켜야 하는 것은 아니지만, 기본을 다진 후에 표현되는 자유로운 디자인은 더 세련되게 표현될 수 있을 것이다. 좋은 디자인뿐만 아니라 모든 분야에서 도움이 되는 원칙이니 꼭 활용해보시기 바랍니다.