디자인의 기초: 브랜드 및 사이트 구축

당신이 디자이너라면 아마 지금쯤 눈을 돌릴 것입니다. 그러나 당신이 그렇지 않다면 계속 타고 디자인의 기초에 대해 모두 배우십시오.

디자인은 단순히 사물을 아름답게 보이게 하는 것이 아닙니다. 사용자에게 웹사이트 사용 방법을 조작하고 가르치는 것이 중요합니다. 디자이너의 역할은 사용자가 자신의 요구 사항을 충족하고 모두가 행복할 수 있도록 사용자가 취해야 하는 경로를 매핑하는 것입니다.

종종 사용자는 이러한 일이 일어나고 있는지조차 알아차리지 못합니다. 디자인은 우리가 일생 동안 수백 개의 웹사이트를 방문하면서 자연스럽게 배운 일련의 규칙을 따르기 때문입니다.

구성

페이지에 표시되는 모든 것에는 이유가 있으며 좋은 디자인은 게슈탈트 디자인 원칙 이라고 하는 일련의 규칙을 따릅니다.

인간의 두뇌는 의식적으로 생각할 필요 없이 이미지의 공백을 채울 수 있다는 점에서 놀랍습니다. 무생물의 얼굴을 본 적이 있다면 이것이 바로 뇌가 그렇게 하는 것입니다.

게슈탈트 원칙은 근본적으로 우리의 두뇌가 작동하는 방식에 기반을 두고 있습니다. 하루를 보내면서 뇌는 매초 복잡한 이미지를 단순화하고 정리하려고 미친 듯이 노력하고 있습니다.

우리는 우리가 보는 모든 것에서 패턴과 구조를 찾도록 만들어졌으며 무의식적으로 모든 것을 마음의 조직화된 시스템으로 배열합니다. 그런 다음 디자이너는 이 지식을 사용하여 다음 원칙을 사용하여 잠재의식을 디자인합니다.

피규어/그라운드

Figure/ground는 네거티브 스페이스와 콘트라스트의 개념을 사용합니다. 두뇌는 요소를 전경과 배경에 있다고 간주하는 요소로 분리합니다. 이미지의 한 부분을 가져와 '초점'의 역할을 할당하고 이미지의 더 넓은 영역을 인물이 앉아 있는 배경으로 봅니다.

이것은 착시 현상에서 흔히 볼 수 있지만 로고와 웹사이트에 적용할 수 있습니다. 예를 들어 FedEx 로고는 로고에 음수 공간을 사용하여 내부에 숨겨진 화살표의 환상을 만듭니다.

"E"와 "x" 사이의 음수 공간은 화살표가 있는 것처럼 보이게 합니다.

근접성

이 원칙은 뇌가 사물을 그룹화하려고 한다는 생각에 초점을 맞추고 있습니다. 서로 가까이 있는 개체는 가족의 일부로 나타납니다. 모양이 동일하더라도 위치 때문에 사용자는 요소가 그룹의 일부라고 가정합니다.

색상, 모양 및 크기가 모두 같더라도 우리의 뇌는 이것이 세 가지 개별 그룹이라고 말합니다.

균일한 연결성

이것은 디자이너가 사용자에게 웹사이트 사용 방법을 "가르치는" 주요 방법 중 하나입니다. 이것은 색상, 크기 및 모양을 통해 수행할 수 있습니다. 예를 들어 원에 제공된 정보는 유사한 특성을 갖고 예를 들어 사각형에 제공된 정보는 원과 다른 특성을 갖는다고 가정하는 것이 안전합니다.

계속

연속 또는 정렬은 사람의 눈이 페이지에서 가장 단순한 경로를 따라갈 것이라는 아이디어를 기반으로 합니다. 따라서 중요한 정보는 사용자가 가장 먼저 찾는 위치이므로 이 줄 안에 있어야 합니다.

글자 그대로의 선이나 자연스럽게 선에 떨어지는 모양으로 선이 보는 사람의 눈을 향하게 하기 때문에 매우 미묘하게 표현될 수 있습니다. 이는 일반적으로 순서도 및 인포그래픽에서 볼 수 있지만 관련 제품을 표시하는 수평 슬라이더의 전자 상거래 사이트에서도 볼 수 있습니다.

그리드 는 이 정렬의 큰 부분입니다. 단순성에서 출발하여 20세기 초 독일에서 시작된 바우하우스 미술 운동은 격자 개념을 시작했습니다.

색깔

색상은 브랜드 인지도에 분명히 중요합니다. 빨간색 배경에 맥도날드의 밝은 황금색 아치를 보자마자 우리는 그것이 무엇인지 압니다. 이 색상은 무작위로 선택되지 않았지만 그 뒤에는 약간의 과학이 있습니다.

예를 들어, 맥도날드가 선택한 빨간색과 노란색은 따뜻한 색상으로 심장 박동수를 증가시켜 더 배고프게 만들고 식품을 구매할 가능성이 더 높기 때문에 사용됩니다.

색상은 감정에 관한 것입니다. 청중이 누구이며 브랜드가 어떤 감정과 연관되기를 원하는지 생각해야 합니다.

노랑

일반적으로 행복과 자신감과 관련이 있습니다. 따뜻한 색이 식욕을 돋우므로 식품산업에 활용하기 좋습니다. 그러나 고려해야 할 연령 요소가 있습니다. 노란색은 아기가 울기 쉽게 만들 수 있지만 십대와 젊은 성인은 노란색에 대해 더 낙관적입니다. 그런 다음 노란색을 두려움과 연관시키는 나이든 인구 통계에 도달하면 다시 변경됩니다.

푸른

의료 환경 및 기술 분야에서 자주 사용됩니다. 그것은 더 차분하고 고요한 품질을 가지고 있으며 더 전문적으로 보일 수 있습니다. 그것은 또한 식욕에 반대 효과가 있으며 실제로 더 많이 억제합니다.

보라색

보라색은 부, 권력 및 성공과 관련이 있습니다. 이것은 왕들이 자주색을 옷감으로 염색하기 가장 어려운 안료 중 하나였기 때문에 부의 상징으로 입었다는 사실에서 비롯됩니다. 그 색상의 옷을 얻으려면 매우 부유해야 했습니다. 이것은 우리의 잠재의식으로 진행되어 수백 년 전에 했던 것과 같은 의미를 보라색에 부여합니다.

분홍

핑크는 진정 효과로 유명합니다. 그 효과는 매우 강력하여 감옥에서 처음에 수감자를 진정시키는 데 사용됩니다. 그런 다음 사랑과 로맨스와 같은 고정 관념의 연관성도 있습니다.

주황색

노란색과 마찬가지로 따뜻한 색상인 주황색은 열정과 흥분의 감정을 전달합니다. 좀 더 친근하고 친근하게 다가가기 때문에 노란색의 더 부드러운 버전으로 사용할 수 있습니다. 밝은 색상은 또한 빨간색과 같이 거칠지 않으면서 주의나 주의를 끌기 위한 표지판에 사용할 수 있음을 의미합니다.

함께 모아서

디자인 입문서입니다. 보시다시피 언뜻 보기에는 비교적 단순해 보일 수 있는 요소 뒤에 숨겨진 많은 요소와 많은 생각이 있습니다. 그러나 모든 브랜드와 웹사이트는 기본적으로 이러한 원칙 중 일부의 조합을 통해 만들어지며 즉시 인식할 수 있는 브랜드와 사이트를 만듭니다.

디자인에 대해 더 알고 싶으시면 언제든지 저희 크리에이티브 담당자에게 연락하십시오.