미니멀리스트 디자인의 장단점

/2019-07-13 09:42:39/
Adilyn
/제도법/

미니멀리즘은 결코 죽지 않을 추세입니다. 우리가 몇 번이나 인상적인 복잡한 디자인으로 경외심을 느끼더라도, 단순성에 관한 무언가가 항상 우리를 붙잡아 둔 채 남겨 둘 것입니다.

오늘 우리는 웹 디자인에서 미니멀리즘의 주요 측면 중 일부와 올바른 디자인 디자이너의 예를 살펴 보겠습니다.

디자인 리소스 살펴보기

그것이 아닌 것

그것이 무엇인지에 대한 논의에서 무엇이 아닌지 탐구하는 것은 거의 항상 좋은 생각입니다. 반대를 살펴보면 점 대비가 생기고 정의를 구체화하는 데 도움이됩니다. 본질적으로, 미니멀리즘은 시각적으로 불필요한 것을 벗어난 것입니다. 단순한 단색과 기본 선을 선호하는 다양한 색상 팔레트와 복잡한 요소는 무시됩니다.

아래 두 가지 예를 고려하십시오. 이 사이트는 미니멀리스트 사고 방식에 대한 명확한 대안을 나타냅니다. 시각적으로 매우 바쁘기 때문에 페이지에서 무슨 일이 일어나고 있는지 알기 전에 탐색하는 데 1 분이 걸릴 수 있습니다.

이것이 나쁜 디자인입니까? 절대적으로하지. 많은 디자이너가 특정 스타일을 분명히 선호하지만 주어진 방법에 값 설명을 할당하면 파란색이 녹색보다 낫거나 왼쪽보다 낫다는 것이 유용합니다. 이러한 진술에 대한 진실은 없으며 그러한 가능성에 대한 논의에서 얻은 것은 없습니다.

전문 디자이너 인 경우 고객의 의지와 개성을 기쁘게하기 위해 다양한 디자인 스타일을 사용할 수 있어야합니다. 미니멀리즘이 아닌 것에 대한 질문에 대한 답은 웹 사이트 디자인에 본질적으로 더 나은 접근법이 아니라는 것입니다. 그러면 열쇠는 바쁘고 미니멀하거나 다른 디자인 스타일을 더 좋아하는지 결정하는 것이 아니라 각 방법을 효과적으로 구현하는 방법을 배우는 것입니다. 미니멀리스트 디자인을 만들 때 중점을 두어야 할 몇 가지 영역을 살펴 보겠습니다.

타이포그래피

타이포그래피 선택은 미니멀리스트 디자인의 효과에 큰 역할을합니다. 가독성이 높은 깨끗하고 간단한 글꼴을 선택하십시오. 얇은 글꼴은 종종 미니멀리즘을 전달하는 데 사용되지만 두꺼운 글꼴은 헤드 라인과 같은 중요한 항목을 보여줄 수있는 좋은 방법이므로이 아이디어에 국한되지 않습니다.

마찬가지로, 복잡한 스크립트 글꼴을 사용하여 견고한 미니멀리스트 디자인을 만들 수도 있습니다. 스크립트를 사용하여 페이지의 단일 영역에주의를 집중시키면서 페이지 및 기타 타이포그래피를 가능한 한 단순하게 유지하십시오.

추가 자료

40 개의 무료 미니멀리스트 및 고품질 글꼴

70 미니멀리스트 타이포그래피 예제

강력한 그리드 정렬

내가 선호하는 미니멀리즘 구현은 유용성을 높이기위한 목적을 달성했을 때입니다. 훌륭한 미니멀리스트 웹 디자인은 종종 페이지를 최소 수의 개별 섹션으로 스트리핑하는 데 중점을 두어 콘텐츠 탐색이 학습 곡선이나 시각적 혼란에 거의 영향을 미치지 않는 방식입니다.

이로 인해 그리드 기반 정렬이 쉽게 나타납니다. 우리의 눈은 이러한 콘텐츠 패턴에 매우 익숙하며 일반적으로 한 눈에 쉽게 분류 할 수 있습니다. 또한, 두뇌에는 단순히 항목을 적절하고 예측 가능한 방식으로 정렬하기를 원하는 무언가가 있습니다. 세로 및 가로로 정렬이 강한 페이지를 보는 것이 좋습니다. 대조적으로, 페이지의 항목 배열에서 명확한 패턴을 즉시 식별 할 수없는 경우 일종의 시각 및 심리적 불일치가 있습니다.

추가 자료

1KB CSS 그리드

ZURB CSS 그리드 빌더

대조

작품에 미니멀리스트 디자인이 있고 뭔가 빠진 것 같습니다. 콘트라스트를 추가하면 디자인이 크게 향상됩니다. 실제 손으로 사용하는 경우 대비는 모든 훌륭한 디자인의 열쇠입니다 (이 담요 진술을 죽음으로 변호합니다). 미니멀리스트 웹 디자인에서는 페이지가 너무 얇아 져서 영리한 대비보다 실행할 것이 거의 없습니다.

명암은 우리 모두가 본질적으로 이해하는 개념이지만이를 인식하면 디자인을 크게 향상시킬 수 있습니다. 아래의 간단한 디자인을 확인하십시오.

컬러와 예쁜 사진에 이르기까지 여기에는 많은 일이 일어나지 않습니다. 그러나 대비를 강하게 사용하여 디자인이 매우 매력적입니다. 머리글과 내용 영역은 명확하게 분리되어 있으며 내용에 대해 즉시 인식 할 수 있습니다 (바닥 글은 동일한 트릭을 사용합니다). 페이지의 사본은 디자이너가 중요하다고 생각한 메시지 부분에주의를 끌기 위해 크기와 대담성이 다릅니다.

위의 페이지는 차별화를 위해 회색 음영을 사용하지만 동일한 것을 달성하기 위해 다른 색상을 쉽게 사용할 수 있습니다.

대조되는 색상과 충돌하는 색상 간에는 큰 차이가 있음을 기억하십시오. 두 색이 매우 다르다고해서 눈이 그 차이를 기분 좋은 것으로 인식하지는 않습니다. 과감한 결정을 내리기 전에 색상 이론을 확인하십시오.

대조적으로 기억해야 할 것은 디자인 저자 인 로빈 윌리엄스 (Robin Williams)에 의해 가장 잘 알려져 있습니다. 그녀가 의미 한 바는 약간의 대조가 먼 길을 가지지 않는다는 것입니다. 눈에 띄도록 무언가 더 크게 만들려면 더 크게 만드십시오. 더 대담하게 만들려면 대담하게 만드십시오! 대비가 있으면 즉시 알 수 있습니다. 텍스트가 굵게 표시 될 때이 오류가 자주 나타납니다. 때로는 굵은 글씨와 일반 글씨의 차이가 너무 작아서 그 차이를보기 위해 실제로 응시해야합니다! 이 경우, 굵은 글씨는 목적이 없으며 시각적 혼동을 막기 위해 나머지와 동일해야합니다.

공백

이 기사의 시작 부분에서 바쁜 예를 생각해보십시오. 이 디자이너들은 거의 모든 화면을 시각적으로 흥미로운 것으로 채우려 고 선택했습니다. 미니멀리즘은 다시 반대 접근법을 취합니다. 그것은 충분한 호흡 공간을 제공하는 페이지의 주요 구성 요소를 제공합니다.

공백은 시청자에게 편안한 느낌을주고 밀실 공포증을 덜 느끼게합니다. 또한 디자이너가 뷰어가 표시 할 위치를 제어 할 수 있습니다. 일부 디자이너는 시청자가 z 패턴을 따라 왼쪽에서 오른쪽으로 모든 페이지를 읽도록 주장합니다. 이것은 모든 경우에 사실이 아닙니다. 위의 디자이너가 어떻게 공백과 밝은 이미지를 사용하여 컴퓨터 화면 그림에 눈을 끌 었는지 주목하십시오. 눈은 왼쪽 상단이 아니라 이미지의 중앙에서 시작합니다!

이것은 위에서 언급 한 바와 같이 대비와 관련이 있으며 주어진 객체가 차지하는 공간의 양과 주위의 공백입니다. 초기 레이아웃을 수행 할 때 적절한 양의 공백을 사용하기 위해 페이지에 배치 할 개체를 Illustrator의 기본 모양으로 변환하는 경우가 많습니다. 그런 다음 내용에 방해받지 않고 빠르게 객체를 섞고 크기를 조정할 수 있습니다. 이런 식으로 레이아웃을 수행하면 더 복잡한 미적 요소에 접근하기 전에 페이지의 균형에 대해 생각해야합니다.

보시다시피, Jolicloud 레이아웃은 이러한 방식으로 볼 때 상당히 균형이 잡히고 매력적입니다. 나를 괴롭히는 한 가지는 탐색 링크가 콘텐츠의 오른쪽에 정렬되지 않는다는 것입니다. 간단하게 볼 수 있도록 단순화 된 버전에서 약간 과장했지만 원래 이미지에서도 이와 같습니다. 탐색 링크가 다소 어색하게 배치되어 있음 (중심 정렬 또는 오른쪽 정렬이 아니라 중간에 있음)을 알기 때문에 페이지를 기본 모양으로 줄이는 이점이 있습니다.