심플한 디자인은 어떻게 하는걸까?

https://www.youtube.com/watch?v=usDqYTr9NM0

🪼마디아님 유튜브를 보고 정리한 내용입니다!

 

🐚 심플하고 미니멀한 디자인의 중요성

반응형 디자인의 확산과 함께 PC와 모바일에서 모두 심플하고 간결한 레이아웃이 자리잡고 있다.
과거에는 복잡했던 웹사이트도 점점 더 단순화되며, 특히 모바일과 비슷한 간결한 스타일로 변화하는 추세이다.

디자이너마다 심플함의 기준은 다 다르듯, 심플함 표현하는 방법 또한 다양하다.
ex)

• 레이아웃의 단순화
• 색감 절제
• 모바일에 맞춘 간결한 디자인

 

🐚 심플한 디자인의 중요 요소

컨셉, 스타일, 기본기

디자이너 본인만의 컨셉과 스타일에 대한 명확한 기준은 늘 중요하다.
심플함을 추구하는 디자인일 수록 이는 더욱 중요하다. 컨셉에 따라 사이트의 분위기가 정해지기 때문이다.

또한 사이트가 단순할 수록 기본기가 중요하며 돋보인다.
복잡한 사이트의 경우 많은 요소들에 시선이 분산되며 디테일이 감춰지는 반면, 심플한 사이트의 경우 폰트가 생각보다 적게 들어가며 요소 하나하나의 덩어리감이 크기 때문에 폰트의 계층이나 레이아웃 하나하나의 윤곽이 어떻게 들어가는지 등 사이트가 단순화될 수록 기본기가 더 부각된다.

• 사이트가 단순 ‣ 요소가 적음 ‣ 기본기 부각

 

🐚 미니멀한 디자인의 유지 방법

1. 컨셉을 명확히 잡고 끝까지 유지
   • 시작 컨셉을 심플하고 미니멀하게 잡더라도, 작업을 진행하다 보면 본의 아니게 복잡해지거나 화려해질 수 있다.
     하지만 명확히 잡은 첫 컨셉의 끈을 놓지 말고 한 판은 다 그려보자.
   • 너무 밋밋하게 느껴진다면 1-2개의 요소를 추가하여 기준 컨셉과 스타일을 유지하면서도 약간의 심심함을 덜어내보도록 하자.
2. 타인의 시선을 통해 디자인 검토
   • 디자인을 하다 보면 자신의 시선에 익숙해져 이 디자인이 괜찮은지 의문이 들 때가 종종 있다.
     그럴 때 타인의 피드백을 받는 것도 나쁘지 않다.
3. 벤치마킹 시 주의
   • 벤치마킹을 하다 보면 화려한 디자인이 예뻐보이고, 끌릴 수 있다.
     이 때 벤치마킹 하고 싶은 화려한 요소를 어떻게 심플하게 바꿀 수 있을지를 고민하며 자신만의 컨셉을 유지하는 것이 중요하다.
4. 시각적 밸런스 맞추기
   • 무게중심을 잡아주는 것이 중요하다. 그렇지 않으면 밋밋하게 사이트가 쭉 흘러버릴지도..
     전체적으로 볼륨감과 균형을 맞추기 위해 무게감을 잡아주며 전체 볼륨감의 시각적 밸런스를 유지하자.
     
     • 폰트 계층, 두께
     • 타이틀 두껍게 잡아주기
     • 연한 톤으로 BG의 중간 지점 끊거나 잡아주기
     • 이미지를 크게 활용해 중간 지점 잡아주기

 

🐚 참고

• 미니멀한 디자인의 어려움
  • 요소가 많을 때는 어떻게 꾸밀지, 꾸미는 과정에서 지저분하다면 걷어내는 등의 고민을 할 수 있는 반면,
    미니멀한 디자인은 처음부터 여백과 균형을 잘 잡아야 하기 때문에 더 까다로울 수 있다.
    가능한 한 간결하게 유지하면서도 사이트의 무게감과 균형을 유지하는 방법을 연구해야 한다.
    이렇게까지 사이트가 간결해도 되나? 싶을 정도로 간결한 디자인을 해보는 것도 좋은 연습이 될 수 있다.
• 밋밋함과 심플함의 차이
  • 밋밋함과 심플함은 한끗차이다.
    • 밋밋한 디자인은 계층이나 여백의 설정이 부족해 시각적 무게감이 없는 경우이다.
    • 심플한 디자인은 폰트 계층, 두께, 여백, 무게 중심을 통한 균형감과 무게감을 제공한다.

 

미니멀한 디자인에서는 작은 요소 하나가 강조되기 쉬우므로, 기본기를 잘 다지는 것이 중요!