미니멀리즘 디자인: 해야 할 일과 하지 말아야 할 일

미니멀리즘 디자인의 핵심은 다음과 같습니다. 잘하면 절대적으로 아름답습니다. 잘못하면 똑같은 이유로 끔찍합니다. 그것을 올바르게 하는 것은 실제로 단지 소수의 디자인 요소의 균형을 맞추는 작업입니다.

많은 예술과 디자인과 마찬가지로 제대로 작동 하는 것과 작동하지 않는 것의 차이를 구분하려면 꽤 예리한 눈이 필요할 수 있습니다.

그리고 웹 디자인에서 피하고 싶은 것은 작동하지 않는 것들입니다. 대신 우욱 방문자에서 우을 유도하는 사이트를 당신이 미니멀리즘을 향해 최선을 다하고 있습니다 당신이 원하는 경우에, 나는 당신이해야 할 일의 전체를 많이 덮여있어 (및 훨씬 당신이해야하지) .

해야 할 일: 색상을 사용하십시오!

사람들은 미니멀리스트 디자인이 단색이거나 더 나쁘게는 흑백 및/또는 회색조라고 생각하는 경향이 있습니다.

아니, 아니. 아니요.

미니멀리즘 디자인은 거의 역설적이게도 아주 적게 소유하는 것이 아닙니다. 그것은 아주 약간을 최대화하는 것에 관한 것입니다. 당신의 의도는 당신이 가진 작은 것을 최대한 활용하는 것이어야 합니다.

즉, 색상에 관해서는... 색상을 사용해야 합니다. Epoch Design의 다음 예를 살펴보십시오.

여기에서 색상의 사용은 최소화하지만 디자이너는 사용자가 볼 수 있도록 사용을 극대화했습니다.

그리고 여기, Boorbool에서:

이중톤 배경은 인상적이고 기억에 남지만 뺨을 때리지는 않습니다.

하지 마십시오: 모든 색상을 사용하십시오!

이러한 유쾌한 디자인의 다른 면에서 미니멀리스트는 모든 색상을 사용하려는 많은 어두운 충동을 품고 있으며 디자인의 깨끗함을 스펙트럼의 거의 모든 음영으로 대체합니다.

좋아, 어쩌면 그렇게 나쁘지 않을 수도 있지만 다른 미니멀리스트 미학과 함께 색상을 과도하게 사용하면 엄청나게 산만하고 자기 패배적일 수 있습니다.

Rogue + Co.와 같이 미니멀리즘의 깔끔한 선과 비대칭 카드 크기를 사용하여 사용자의 관심을 끌려고 합니다. 그러나 그들은 모든 것에 불필요한 색상을 추가한 다음 아무 이유 없이 애니메이션을 적용했습니다. 그것은 사용자를 끌어들이는 것이 아니라 콘텐츠에서 멀어지게 합니다.

미니멀리즘 디자인의 반대말이다.

그리고 미니멀리즘을 완전히 이해하는 Bolden이 있습니다. 색상 문제를 제외하고. 너무 많은 색상과 너무 영리한 시도로 인해 불필요한 애니메이션을 추가해야 했습니다. 텍스트를 보려면 화면 모서리에 마우스를 올려야 합니다.

그것은 최소한의 것이 아닙니다. 지금은 그렇지 않습니까?

해야 할 일: 애니메이션 사용

보시다시피, 위의 애니메이션은 ... 중요하지 않습니다. 그들은 웹사이트 에 아무것도 추가 하지 않습니다. 그러나 Rogue & Co 사용과 같은 시네마 그래프는 작동할 수 있습니다. 사이트를 어지럽히지 않고 향상시키기만 하면 됩니다.

대부분의 경우 버튼에 마우스를 올리거나 카드에 강조 표시된 강조 표시와 같은 미세 상호 작용이 작동합니다. 눈에 띄지 않는 로드, 스크롤 또는 배경 애니메이션도 원하는 미니멀리스트 디자인을 향상시킬 수 있습니다.

가장 큰 장애물은 애니메이션이 디자인에 맞는지 확인하는 것입니다. 속하지 않는 곳에 추가하지 마십시오. Divi 페이지의 바닥글 확장이 스크롤할 때 어떻게 주의를 끌지 만 페이지 사용 방식을 손상시키지 않는지 확인하십시오.

당연히 Divi에는 이러한 종류의 마이크로 상호 작용을 수행하는 기능이 내장되어 있습니다.

해야 할 일: 공백 사용

색상의 팝과 마찬가지로 공백(또는 음수 공간)은 무기고에서 가장 유용한 무기 중 하나가 될 수 있습니다. 예를 들어, 터무니없이 인기 있는 Medium은 거의 모든 공백이 있으며 작동합니다.

그리고 절대적으로 필요한 버튼과 링크에 주의를 끌기 위해 유일한 색상이 어떻게 사용되는지 확인하시겠습니까?

공백을 효과적으로 사용하는 데 균형이 있습니다. 가독성과 유용성과 미적 매력의 균형을 원합니다. 효과적으로 사용하면 공백은 미니멀리스트 디자인을 기억에 남게 만드는 데 믿을 수 없을 정도로 강력합니다. 기침 구글 기침 기침

금지: 공백만 사용

스펙트럼의 반대쪽 끝에서 공백을 과도하게 사용하면 방문자가 사이트를 거의 사용할 수 없게 됩니다. 보시다시피, Google의 공백 사용은 사이트 사용 방식을 강조합니다. 상자에 무언가를 입력하세요.

그러나 공백 사용이 사용자를 사이트의 목적으로 안내하지 않거나 사이트에서 더 나은 경험을 제공하지 않는 경우 사용자를 안내하기 위해 더 명확한 요소가 필요할 수 있습니다.

예를 들어, Thru You Too는 멋진 프로젝트입니다. 그러나 그것을 사용하는 방법을 알아내는 데 오랜 시간이 걸렸습니다. 탐색은 간단 하지만 공백은 나를 그곳으로 안내하지 않았습니다.

해야 할 일: 적절하게 멋진 글꼴 사용

거의 모든 미니멀리스트 디자인이 의존하는 한 가지는 글꼴의 효과적인 사용입니다. 사이트에 적합한 서체를 선택하는 것은 귀하의 개성과 제품 또는 회사의 개성을 보여주는 방법입니다.

그래서 사람들이 보는 순간부터 브랜드 아이덴티티가 스며드는 글꼴을 원합니다. 매끄러운 글자로 깔끔한 라인. 거친 가장자리와 일부 브러시 스트로크. 우아하고 고급스럽습니다. 무엇을 하시든 일치하는 글꼴을 선택하십시오.

예를 들어 Squarespace를 보십시오. 가입 양식과 사용된 글꼴만 보면 회사에서 무엇을 기대할 수 있는지 정확히 알 수 있습니다. 깨끗하고 단순하며 명확합니다. 주로 선택한 글꼴을 통해 광고하는 세련미를 발산합니다. (여기서 볼 수 있는 유일한 디자인 요소이기 때문입니다.)

그리고 Folks의 사람들은 민속적인 느낌을 추구하기 때문에 확실히 괜찮은 글꼴을 찾았습니다. 그들의 제품에 대한 그들의 견해와 마찬가지로 그들의 청중은 분명합니다. 그리고 명시적으로 명시되어 있지 않습니다.

부적절하게 멋진 글꼴을 사용하지 마십시오

그 스펙트럼의 반대쪽 끝에서 너무 굵은 글꼴을 선택하면 잘못된 종류의 벽을 묶을 수 있습니다. 누구나 자신의 사이트가 독특하고 눈에 띄기를 원합니다. 그러나 잘못된 이유로 눈에 띄는 것을 원하지 않습니다.

도움이 필요한 가족 구성원을 돕기 위해 위기 전화를 찾고 다음과 같은 사이트를 찾는 것을 상상해 보십시오.

자신이 당신의 생명을 구하기 위한 최선의 선택이라는 것을 당신이 알고 싶어했던 의사는 어떻습니까?

또는 환상적이고 현대적인 웹 디자이너를 찾고 있었는데 본 것은 다음과 같습니다.

좋아, 그래서 나는 Comic Sans의 발굴을 거부할 수 없었다. 저를 고소하세요. 그러나 내 요점을 알 수 있습니다. 글꼴 선택이 중요합니다. 특히 미니멀리스트 디자인을 사용하는 경우 글꼴 선택이 디자인의 가장 큰 부분일 수 있기 때문에 특히 그렇습니다.

나아가서 최소화하십시오!

축소도 하지만 그건 완전히 다른 기사입니다. #iamadelight

농담은 제쳐두고, 색상, 서체 및 네거티브 공간은 일종의 디자인 기본이라는 것을 기억하십시오. 재량권을 연습하여 올바르게 사용하기만 하면 됩니다. 언제 까지나 내가 말하는대로처럼, 그것은 미니멀 한 디자인에 올 때 내가하지하지 무엇을, 당신은 아무 걱정이 안된다.

미니멀리스트 사이트를 디자인할 때 지침은 무엇입니까?

Boo-Tique / shutterstock.com의 기사 축소판