디자인의 황금 비율과 그것이 브랜드에 중요한 이유

우리의 DNA와 Salvador Dali의 The Sacrament of the Last Supper 가 Pepsi와 같은 브랜드와 공통점이 무엇인지 아십니까? 그들은 디자인의 황금 비율의 예입니다. 황금비는 시각적으로 만족스러운 결과를 만드는 데 사용할 수 있는 수학적 비율입니다. 인간이 만든 결과의 문제가 아닙니다. 황금 비율은 자연과 심지어 인체 전체에서 찾을 수 있습니다.

디자인에 황금 비율을 사용하면 인간의 눈에 자연스럽게 보이는 구성이 됩니다. 이것이 바로 타겟 고객이 브랜드에 대해 어떻게 느끼기를 원하는지입니다. 이것이 바로 우리가 이 블로그에서 디자인의 황금 비율에 대해 자세히 알아보는 이유입니다.

황금 비율이 정확히 무엇입니까?

두 양의 비율이 둘 중 더 많은 양에 대한 합계의 비율과 같을 때 두 양은 황금비를 형성한다고 합니다. 너무 복잡한? 그것을 단순화한 아래 그림을 보자.

황금 비율은 신성한 비율, Phi 및 몇 가지 다른 이름으로도 알려져 있습니다. 수백 년 전, 관찰력 있고 호기심 많은 몇몇 영혼들이 주변의 자연에서 발생하는 놀라운 패턴을 관찰하기 시작했습니다. 식물의 잎사귀 배열, 꽃잎의 무늬, 솔방울의 이음매가 이토록 흠잡을 데 없이 배열되는 방식, 파인애플의 비늘까지. 그들은 이것들이 모두 똑같은 패턴을 가지고 있다는 것을 알아차렸습니다. 상기 패턴은 1,2,3,5,8,13,21,34 등으로 진행됩니다.

패턴은 피보나치 수열로 알려지게 되었습니다. 하나의 피보나치 수와 그 앞에 있는 수의 비율을 계산하기 시작하면 항상 얻을 수 있는 답은 1.61803입니다. 이것은 황금 비율을 얻기 위해 소수점 이하 3자리까지 반올림됩니다. 자연스럽게 사람의 눈을 즐겁게 하기 때문에 이 비율은 다양한 유형의 예술 작품에 통합되었습니다. 모나리자에서 조각, 사진, 건축에 이르기까지 모든 것이 디자인의 황금 비율의 예가 되었습니다.

황금 비율의 다른 예는 허리케인, 달팽이 껍질, 사람의 얼굴(비율에 가장 가까운 것이 가장 아름답다고 함), 미켈란젤로의 아담 창조, 심지어 꽃의 패턴에서도 찾을 수 있습니다. 꽃잎.

디자인에서 황금 비율의 중요성

황금 비율은 마케팅 자료, 명함, 잡지 표지, 웹 사이트 및 포스터를 만들 때 고려하는 것이 중요합니다. 디자인에 효과적으로 사용할 수 있는 방법을 살펴보겠습니다.

디자인에 황금비 사용하기

황금비를 나타내는 도형

황금 비율에 맞는 모양에는 황금이라는 단어가 기표로 추가되었습니다. 그들은 황금 직사각형, 황금 원, 황금 나선 및 황금 삼각형입니다. 이러한 모양을 올바르게 결합하면 무시할 수 없는 디자인 요소를 만들 수 있습니다.

타이포그래피의 황금 비율

텍스트가 포함된 디자인을 만들 때는 항상 타이포그래피의 계층 구조를 생각해야 합니다. 디자인의 모범 사례입니다. 이를 위해 황금 비율을 사용하여 글꼴 크기를 조정하는 방법을 안내할 수 있습니다.

예를 들어 가장 중요한 텍스트(A), 다소 중요한 텍스트(B), 그다지 중요하지 않은 텍스트(C)에 대한 계층 구조를 파악해야 한다고 가정해 보겠습니다. 가장 작은 글꼴 크기가 10px이면 1.618을 곱하여 더 커야 하는 글꼴 크기에 대한 대략적인 지침을 얻을 수 있습니다.

이미지 구성의 황금 비율

품질을 희생하지 않고 디자인을 빠르게 완료하려면 디자이너에게 황금 나선으로 디자인을 오버레이하도록 요청하십시오. 그러면 다양한 요소의 정확한 위치를 확인하고 실제로 조화를 이루는지 결정할 수 있습니다. 디자인의 초점은 황금 나선을 사용하여 해결할 수도 있습니다. 즉, 디자인에서 황금 비율을 사용하면 예를 들어 가장 주목을 끌 수 있도록 헤드라인을 배치하는 방법을 찾는 데 도움이 될 수 있습니다. 디자인에 더 많은 에너지가 필요한 경우 이 기술은 어떤 요소를 이동해야 하는지 확인하는 데 도움이 될 수 있습니다.

로고의 황금 비율

잘 생각한 로고는 브랜드에 매우 중요합니다. 올바르게 수행되면 브랜딩에서 가장 쉽게 식별할 수 있는 요소가 됩니다. 그리고 타겟 청중을 염두에 두는 데 큰 역할을 합니다. 이것이 로고 디자인에서 황금 비율을 무시해서는 안되는 이유입니다. 고객의 시선을 단번에 사로잡는 데 도움이 되며 브랜드와 연결되는 데에도 도움이 됩니다.

Pepsi, Twitter 및 Apple과 같은 세계에서 가장 크고 가장 성공적인 브랜드 중 일부는 실제로 황금 비율과 일치하는 로고를 가지고 있습니다. 로고를 디자인할 때 디자이너는 피보나치 수열을 일련의 원으로 생각할 수도 있습니다. 그런 다음 원을 재배열하여 로고 디자인의 기초로 그리드를 형성할 수 있습니다. 이것은 로고가 원 안에 어떻게 배치되었는지 볼 수 있는 위의 예에 표시된 것입니다.

레이아웃 선택의 황금 비율

응집력이 있어 보이는 방식으로 다양한 요소를 디자인에 맞추는 것은 힘든 작업입니다. 특히 랜딩 페이지나 웹사이트의 경우에는 더욱 그렇습니다. 그러나 황금 비율은 하루를 저장하는 데 도움이 될 수 있습니다! 레이아웃에 필요한 치수와 관련된 각 요소가 배치될 위치를 결정하는 데 사용할 수 있습니다. 이것을 시작하는 매우 쉬운 방법은 get get에서 1:1.618에 따라 차원을 설정하는 것입니다. 그런 다음 앞으로 그 프레임워크를 사용합니다. 이것은 기본 960픽셀 너비를 사용한 다음 1.618로 나눌 수 있는 가장 실용적인 접근 방식입니다. 여기에서 얻을 수 있는 대답은 디자인의 높이가 될 것입니다.

웹상의 황금비율과 콘텐츠

황금 비율을 사용하여 텍스트 열이 정렬되는 방식을 결정할 수도 있습니다. 방문 페이지에 최소한의 텍스트가 있을 수 있지만 이는 웹사이트에 적용됩니다. 예를 들어, 오른쪽에 좁은 텍스트 열이 있고 왼쪽에 더 넓은 텍스트 블록이 있는 페이지는 보는 사람의 시선을 끌 뿐만 아니라. 또한 가장 중요한 정보를 강조 표시합니다. 픽셀 너비가 960인 사이트의 경우 오른쪽 열은 너비가 367픽셀이고 왼쪽 열은 593픽셀이어야 함을 의미합니다.

레이아웃이 정확한 황금 비율을 허용하지 않을 수 있지만 가능한 한 1:1.61 비율에 가까워지면 황금 비율을 통합하는 이점을 얻을 수 있습니다.

이 전략의 또 다른 이점은 독자가 포함된 다양한 유형의 콘텐츠(예: 비디오, 사진 및 텍스트 기반 콘텐츠)를 탐색하는 데 도움이 된다는 것입니다. 이것이 바로 많은 인기 있는 사이트(예: Fast Company, BuzzFeed)에서 이 레이아웃의 예를 찾을 수 있는 이유입니다.

황금 비율로 요소 간격두기

흰색 또는 음수 공간의 중요성은 우리의 모든 디자인 블로그에서 강조한 것입니다. 디자인의 요소가 숨 쉬고 어수선해 보이지 않도록 합니다. 즉, 우리는 또한 방법을 알아내는 것이 항상 간단한 것은 아니라는 것도 알고 있습니다. 이 부정적인 공간을 어디에서 어떻게 남겨야 하는지 알아내는 것은 까다로울 수 있습니다.

그러나 황금 비율을 사용한다면 확실히 좋은 출발점이 될 것입니다. 그리고 기준점 없이 이것을 알아내려고 하면 시간이 많이 소요될 수 있으므로 어떤 대가를 치르더라도 피하도록 합시다. 위의 예를 살펴보십시오. 네거티브 공간이 필요한 위치를 결정하는 데 사각형이 어떻게 사용되는지 알 수 있습니다.

황금 비율을 사용하여 이미지 자르기

황금 비율을 디자인에 통합할 수 있는 가장 간단한 방법 중 하나는 그에 따라 이미지를 자르는 것입니다. 가지고 있는 모든 단일 이미지에 대해 이 작업을 수행할 필요는 없지만 특정 이미지가 중요하고 강조 표시되어야 한다고 생각되면 디자인에 황금 직사각형으로 자를 수 있는지 문의하십시오. 사진을 찍을 때도 이 기술을 구현할 수 있습니다. 황금 나선은 이미지 구성 방법에 대한 지침으로 사용할 수 있습니다.

황금 비율을 디자인에 통합할 수 있는 가장 간단한 방법 중 하나는 그에 따라 이미지를 자르는 것입니다. 가지고 있는 모든 단일 이미지에 대해 이 작업을 수행할 필요는 없지만 특정 이미지가 중요하고 강조 표시되어야 한다고 생각되면 디자인에 황금 직사각형으로 자를 수 있는지 문의하십시오. 사진을 찍을 때도 이 기술을 구현할 수 있습니다. 황금 나선은 이미지 구성 방법에 대한 지침으로 사용할 수 있습니다.

삼등분의 법칙은 무엇입니까?

이 원칙은 황금비와 유사하며 구현하기 쉽습니다. 이것은 결과가 비율만큼 정확하지 않고 눈을 즐겁게 한다는 것을 의미합니다. 3분의 1 법칙에는 9개의 부분으로 구성된 그리드가 포함됩니다. 각 부분은 규칙에 따라 동일한 크기가 됩니다. 선의 교차점이나 선 자체에 집중하는 것이 좋습니다. 이렇게 하면 균형 잡힌 사진이나 디자인을 얻을 수 있습니다.

사진의 경우 뷰파인더 위에 모눈종이를 놓으면 촬영 중인 물체가 페이지의 직사각형 및 정사각형과 어떻게 정렬되는지 확인할 수 있습니다. 이 교차점은 사진에서 관심의 주요 요소와 보조 요소를 배치해야 하는 위치에 대한 지침 역할을 합니다.

규칙에 대한 몇 가지 예외도 있습니다. 예를 들어, 헤드샷을 똑바로 하는 경우 얼굴을 화면 중앙에 두고 격자선을 잊어버리는 것이 가장 좋습니다.

황금비율과 잡지 표지 디자인

잡지 표지는 디자인에서 황금 비율이 얼마나 효과적인지 보여주는 좋은 예입니다. Solange Knowles가 등장하는 Complex 잡지 표지를 확인하십시오. 이 디자인은 황금 비율을 사용하여 양수 공간과 음수 공간의 비율을 올바르게 결정합니다. 우리는 그녀의 코 꼭대기와 거의 그녀의 이마가 위쪽으로 기울어져 있음을 알 수 있습니다. 그리고 그녀의 코와 눈이 어떻게 정렬되어 있는지. 그 결과 사람의 눈에 더 자연스럽게 어필하는 균형 잡힌 이미지가 생성됩니다. 잡지 표지는 독자가 호를 구매하도록 유도하는 것이기 때문에 디자인의 황금 비율을 포함하는 것이 매우 중요합니다. 그리고 이를 청중과의 초기 접점 역할을 하는 여러 마케팅 자료와 동일시할 수 있습니다.

디자인에서 황금비를 사용하는 데 도움이 되는 도구

설계에서 황금비 규칙을 구현하는 데 익숙해지는 것은 처음에는 어려울 수 있습니다. 따라서 디자인 완료에 대해 생각할 때 사용할 수 있는 몇 가지 도구가 있습니다.

파이매트릭스

이것은 디자이너가 사용하는 편집 도구와 잘 작동하는 오버레이 소프트웨어입니다. 이것은 플러그인이 아니며 수행 중인 디자인 위에 배치할 수 있는 투명한 디지털 템플릿에 가깝습니다. Windows 및 Mac은 물론 전체 앱 배열과도 잘 작동합니다.

GRT 계산기

GRT Calculator는 콘텐츠의 글꼴 크기와 너비를 쉽게 결정하는 데 도움이 됩니다. 디자이너는 화면에서 다양한 버전의 글꼴을 사용해 볼 수 있습니다.

집중하다

WordPress에서 디자인을 수행하려면 Focus가 최고의 도구입니다. 황금비율에 완전히 집중한 WP 테마입니다. 또한 이상적인 현대 웹사이트를 위한 다른 많은 필수 기능이 있습니다.

파이 계산기

이것은 디자이너가 비율을 계산하기에 충분히 편안하다면 디자이너에게 도움이 될 멋진 Mac 위젯입니다. 그것은 파이의 계산을 허용합니다. 그리고 상자의 방향과 모양에 대해 필요한 정보를 제공합니다.

황금 평균 캘리퍼스

종이나 캔버스에 디자인을 하고도 황금 비율을 사용하고 싶으십니까? 이 도구는 이를 수행하는 데 도움이 될 수 있습니다. 전 세계의 예술가와 디자이너가 예술적 균형의 완벽한 대시를 얻기 위해 사용합니다. 그리고 특히 인체의 모든 구성에 도움이 됩니다.

디자인의 황금 비율에 대한 마지막 말

황금비가 디자인에 중요한 이유가 있습니다. 모든 요소 또는 구성의 가장 미학적으로 매력적인 면을 실제로 끌어냅니다. 황금 비율은 또한 당신의 주위에 어디에나 있습니다. 그것은 당신의 손바닥 라인에도 있습니다! 완료하려는 모든 단일 디자인에 황금 비율을 사용할 필요는 없습니다. 때로는 특정 요구 사항, 형식 및/또는 포함해야 하는 모든 요소가 허용하지 않을 수 있습니다.

그러나 가능한 한 이를 통합하는 것은 고객의 관심을 끌 수 있는 확실한 방법입니다. 결과적인 변화는 다소 미묘할 것이지만 디자인은 '메'에서 '놀라워!'로 바뀔 것입니다. 결국, 모나리자는 결코 그녀의 매력을 잃지 않았습니다.