[디자인] 미니멀리스트 웹디자인 가이드

A guide to Minimalist Web Desig

이 글은 번역글입니다. 원본 링크는 글 하단에 있습니다.

미니멀리스트 웹 디자인 가이드

나는 웹 디자이너가 아니라 디자인 사랑하는 사람이고, 당신이 읽으려고 하는 이글은 내 생각이 아닙니다. 내가 이 주제에 대해 읽은 최고의 것들을 요약 한 것입니다.
미니멀리즘은 오늘날 특정 스타일을 지칭하며 예술, 건축, 문학, 철학, 법률, 삶의 방식... 등 다양한 분야에 적용됩니다. 이 글에서 우리는 웹 디자인의 맥락에서 미니멀리즘의 의미를 탐구 할 것입니다.

당신은 어떤 디자이너입니까?

당신은 장식물의 장식 뒤에 숨어있는 디자이너입니까? 트렌디해 보이기 때문에 어떤 요소를 사용합니까? 또는 가장 작은 단위로, 근본적인 특성만 남기도록 축소하고 각각의 요소들이 완벽하게 통합된 디자인으로 만들어, 사용자 경험에 가치를 더해주는 디자이너입니까?
처음 질문에 해당하는 경우라면, 요소가 당신에게 아름답게 보이기 때문에 사용자에게도 당신이 느끼는 것처럼 아름답다고 느끼는 것은 아니다. 두 번째 질문에 당신이 해당하는 경우 당신은 미니멀리스트 디자이너라는 것을 알아야합니다.

웹 디자인에서 미니멀리즘이란 무엇입니까?

삶의 방식으로서, 미니멀리즘은 당신에게 최소한의 필요것을 의미하므로, 당신이 소유하고있는 것에 대해 생각할 필요가 없습니다. 웹 디자인에서도 매우 비슷합니다. 사용자가 신속하고 쉽게 문제를 해결할 수 있도록 가장 필수적인 요소만 유지해야합니다.
미니멀리즘 디자인은 당이 의식적인 디자인 결정을 하도록 강요하고, 심지어 빈 공간이나 경계선이라고 할지라도 디자인의 필요성에 대해 각 요소에 의문을 제기하게 만든다.
presentation

미니멀리즘은 단순함을 의미합니까?

Wikipedia에 따르면 Simplicity은 단순함의 상태나 품질이며, 미니멀리즘은 최대 효과를 내기 위해 가장 단순하고 최소화된 요소들이 사용되는 디자인이나 스타일이다. 미니멀리즘이 단순한 것이 아닐 수도 있지만, 사용자가하는 일을 지원하지 않는 불필요한 요소를 제거함으로써 이를 추구하는 것이다.

"불필요한 요소"를 어떻게 알 수 있습니까?

하나를 선택하고, 그것을 제거한다. 만약 디자인이 원래 의도대로 동작한다면, 절대적으로 필요하지 않기 때문에 그 요소를 버려야한다.
In other term, don’t add elements just for their own sake.
다른 말로하면, 요소를 추가하지 말라.

고요함을 디자인이라고하면 ... 불필요한 요소는 잡음입니다.

내 디자인에서 미니멀리즘에 어떻게 접근 할 수 있을까?

  • 목적을 제한하십시오 : 선택이 항상 좋은 것은 아니며, 결정을 내리고 설계를 명확히하십시오. 웹 사이트를 만들려면 하나의 클릭 유도 문안과 함께 하나의 목적을 부여하십시오.
  • 리소스를 제한하십시오 : 색상, 글꼴, 크기의 수를 줄이면 디자인의 일관성이 유지되고 실제 문제에 더 집중할 수 있습니다.
  • 중요한 요소를 찾아서 다른 모든 요소 위에 놓으십시오.
  • 요소를 그냥 버리지말고, 사용자의 요구 사항을 생각하고 최대한 간단하게 작업을 수행하십시오.
  • 요소가 적을 때 웹 사이트의 전반적인 모양과 느낌에 중요하기 때문에 세부 사항에 집중하십시오.

여백을 추가하는 것이 아니라, 단지 물건들을 없애는 것이다.

웹 페이지에서 요소를 제거하거나 제외하면 반드시 공백이 생깁니다. 이 공간은 여러분이 만든 것은 아니지만, 불필요한 요소들을 버리는 결과를 가져오는 것입니다. 공간이 더 필요하지 않기 때문이죠. 하지만 필요한 것이 줄었습니다.

완벽함이란, 더 이상 추가할 것이 없을 때가 아니라 더 이상 버릴것이 남아 있지 않을 때 입니다.  — 앙투안 드 생 텍쥐페리

그런데 왜! 미니멀리즘을 시도해야합니까?

  • 미니멀리즘은 여러분이 메시지를 세련되게 만들어 주며, 주된 목표를 놓치지 않는 한, 사용자가 인터페이스의 핵심 요소를 보고직관적인 여행과 목적을 추구하도록 돕습니다.
  • 미니멀리즘은 사라지지 않을 것이며, 시대를 초월한 디자인을 만들 것이다.
  • 페이지에 더 적은 요소만 있으면 사이트가 더 빠르게 로드됩니다. 또한 탐색이 더 쉬워집니다.
  • 미니멀리즘 디자인은 반응 형 디자인 프레임 워크에 자연스럽게 적응합니다.

영감 Inspiration

presentation
Google은 이 하얀 공간을 이용하여 로고와 검색 상자에 더 많은 관심을 모은다. 상대적으로 시대를 초월한 디자인을 유지하는 데 성공했습니다. 구글에서 그들은 "사용자에게 집중하면 다른 모든 것이 뒤따를 것이다."라고 말한다.

presentation

Apple은 매우 효과적인 백색 공간 사용으로 일관적인 디자인을 가지고 있다. 그들의 웹 사이트의 주요 목적은 그들의 제품을 팔고 광고하는 것이다. 그래서 그들은 흰색 바탕을 사용하여 완벽한 대비를 제공하고 제품이 말하는 것을 가능하게 함으로써 그것들을 집중하도록 만든다.

presentation
Jac&
이미지들은 미니멀 리스트 디자인에서 가장 두드러진 형태로 전 세계의 감정적 교감을 가능하게 하고 분위기를 만들어 준다.

presentation
ETQ는 체계적이고 간단한 웹 사이트 디자인을 가지고 있다. 명확한 전망과 몇가지 요소로 인해 그들은 구식이 되거나 목적을 잃을 가능성이 더 적다.

presentation
Tinker은 그들의 상품을 만드는 과정을 최소화하는 방법으로 보여 줌으로써 신뢰감을 형성하는데 성공했다. 내용의 간격과 배치가 훌륭한 디자인을 만든다

presentation
하얀 공백은 Twnsnd 를 평화롭게 보이게 하고, 그들의 웹 사이트의 디자인에 대한 선택권을 제공함으로써 자유로운 느낌을 더해 준다.

presentation

의사 소통을 위해 모든 것을 사용할 필요는 없습니다. 단지 분명하게 듣기만 하면 됩니다. 그게 Minerva가 믿는 것입니다. 그들은 분명한 메뉴와 함께 훌륭한 컨텐츠 프레젠테이션을 하고 있다.

마치며...

The Minimalists 는 이렇게 말합니다.

미니멀리즘은 그저 우리의 물건을 없애는 것이 아니라, 우리의 삶을 통제하는 것에 관한 것이었다

웹 디자이너로서 우리는 다음과 같이 말해야합니다.

미니멀리즘은 불필요한 요소들을 제거하는 것뿐만이 아니라, 우리의 디자인을 통제하는 것에 관한 것이었다.

혼란을 없애는 것이 최종 결과가 아닙니다, 그것은 단지 첫번째 단계입니다.


감사합니다. 이것으로 번역을 마치고 원본 링크와 Twitter링크를 남깁니다.

원작자 Twitter
https://twitter.com/smailelazizi
원본 링크
https://medium.com/picsrush/a-guide-to-minimalist-web-design-9c14503eeec4