[디자인] 디자이너를 위한 황금비율 궁극의 가이드

고대 그리스에서 시작된 황금 비율은 세계에서 가장 오래된 수학적 원리 중 하나입니다. 이 고대 비율은 자연에서 특정 측정이 반복적으로 발생하는 것을 설명하기 위해 수천 년 동안 사용되었습니다. 그리고 디자이너와 아티스트에게는 황금 비율이 미적 아름다움을 달성하기 위한 입증된 방정식이기 때문에 특별한 관심을 가지고 있습니다. 

즉, 이미지가 황금 비율을 준수하면 그렇지 않은 이미지보다 보는 사람에게 미학적으로 더 매력적으로 보일 것입니다. 많은 디자이너들은 복잡한 수학적 규칙처럼 보일 수 있기 때문에 황금 비율을 사용하는 것을 조심합니다.

그 기원은 복잡하지만 황금 비율은 자신의 디자인 프로젝트에 적용하기가 놀라울 정도로 간단하며 더 매력적이고 기억에 남을 디자인을 만들려고 노력할 때 충분히 가치가 있습니다.

또한 자매 원칙인 Golden Rectangle , Golden SpiralGolden Circles 가 디자인을 보다 차분하고 아름답게 만드는 데 어떻게 도움이 되는지 알아볼 것입니다.

기여자 muson을 통해 이 이미지에 라이선스를 부여합니다.


황금 비율이란 무엇입니까?

황금 비율 또는 신성한 비율 은 약 1.618 과 같은 두 숫자 사이에 있는 비율을 설명하는 수학적 원리입니다 .

기하학에 관한 고전적인 저서 인 유클리드의 원소( Elements )에서 그리스 문자 파이 로 처음 언급된 이 비율은 훨씬 나중에 르네상스 시대 이탈리아에서 “신의 비율”이라는 이름을 얻었습니다.

1509년 이탈리아의 수학자 루카 파치올리(Luca Pacioli )는 레오나르도 다 빈치(Leonardo da Vinci)의 삽화를 특징으로 하는  De divina proportione 를 출판했습니다.

황금 비율을 계산하는 방법:

선을 두 부분으로 나누어 황금 비율을 계산할 수 있습니다. 긴 부분(a)을 작은 부분(b)으로 나눈 값은 (a) + (b)를 (a)로 나눈 값과 같습니다. 

1.61803398875 (파이)

황금 비율의 수학적 가치

간단히 말해서 황금 비율은 시각적 매력을 향상시키기 위해 디자인, 사진 또는 예술에 적용할 수 있는 수학적 이론입니다. 이것은 황금수 또는 황금 비율이라고도 알려진 황금 비율이 동물, 식물 및 사람 얼굴의 비율로 우리 환경에서 자연적으로 발생하기 때문에 우리는 어릴 때부터 해당하는 물체에 반응하도록 길들여져 있기 때문입니다. 비율에 더 가깝습니다. 

대중 문화에서 황금 비율과 일치하는 얼굴 치수로 인해 영화 배우와 유명인이 가장 매력적이라고 ​​생각할 때 황금 비율 “얼굴”에 대해 들어 보셨을 것입니다.

이것은 미적 아름다움에 적용되는 비율의 원리를 단순화하지만 황금 비율은 창의적인 작품을 디자인하는 놀라운 도구로도 사용될 수 있습니다. 

popcorner를 통해 이 이미지에 라이선스를 부여합니다.

황금 비율에 대한 아이디어가 처음 등장했을 때 고대 그리스인들은 황금 비율이 매우 시각적으로 매력적인 직사각형을 만드는 데 사용될 수 있다는 것을 깨달았습니다. 지금은 황금 직사각형 이라고 합니다 . 그들은 디자인의 맥락에서 이 모양과 그 비율을 고려하기 시작했습니다.

결과적으로 이미지, 레이아웃 또는 컴포지션에 1:1.61의 비율을 적용하면 자연스럽고 균형 있게 보입니다.

황금 사각형의 예
황금 직사각형은 황금 비율에 따라 변의 비율이 정해진 직사각형입니다. 구체적으로, 긴 변은 짧은 변의 크기의 1.618배입니다.

예술의 황금 비율은 무엇입니까? 황금 비율은 역사적으로 미학적으로 매우 효과적인 것으로 여겨져 왔기 때문에 세계에서 가장 유명한 작품 뒤에 숨겨진 비밀입니다.

어떤 사람들은 예술가 살바도르 달리의 최후의 만찬 , 미켈란젤로의 아담의 창조 , 심지어 스톤헨지에도 황금 비율이 표현되어 있다고 말합니다. 오늘날 웹사이트, 사진, 세계에서 가장 인기 있는 브랜드의 로고에서 찾을 수 있습니다.

바티칸 시국의 시스티나 예배당 내부에 있는 보편적인 심판의 세부 사항Creative Lab을 통해 이 이미지에 라이선스를 부여하십시오.

자연의 황금 비율

설계에 황금 비율을 적용하기 전에 황금 비율이 그리스인에 의해 수학적으로 공식화되기 전에 비율의 더 깊은 기원을 아는 것이 중요합니다. 이를 이해하려면 자연적으로 발생하는 또 다른 원리인 황금 나선 을 살펴봐야 합니다 .

황금 나선황금 직사각형 위에 그려질 수 있는 형태로, 연속적인 호에서 유동적인 나선을 만듭니다.

황금 나선의 기원을 보여주는 황금 비율 도표

이 나선형은 식물, 조개껍질, 동물 해부학, 심지어 나선은하의 구조에서 자연 전체에서 볼 수 있습니다.

피보나치 수열 (예: 1, 1, 2, 3, 5, 8)을 함께 추가하여 수열의 각 숫자가 생성되는 수학적 개념과 관련하여 황금 나선은 실제로 시각적 구현입니다. 그 순서의. 그 순서를 패턴으로 바꾸면 구부러진 나선이 생깁니다.

그 나선을 세면 보통 피보나치 수로 끝납니다. 

황금 비율은 꽃, 식물 세포, 껍질 및 동물 해부학의 구조에서 자연에서 널리 나타납니다. Clifford Pugliese와 Gidon Pico를 통해 이러한 이미지에 라이선스를 부여합니다.

라이브 사이언스 의 설명 :

피보나치 나선은 차원에 대한 피보나치 수를 사용하여 사각형 배열 내부에 그려진 일련의 연결된 1/4원입니다. 다음 숫자는 이전 두 숫자의 합과 같은 수열의 특성 때문에 정사각형이 완벽하게 맞습니다.

황금 나선의 자연적인 재발생은 왜 우리가 황금 비율이 그토록 즉각적으로 매력적이라고 ​​생각하는지 한 가지 이유를 설명할 수 있습니다. 이것은 또한 황금 비율이 사람의 얼굴 비율에 적용될 수 있다는 사실로 확장됩니다.

우리는 얼굴 비율이 1과 1.6 사이에 있을 때 개인을 아름답다고 인식할 가능성이 더 높으며, 모나리자 의 얼굴 모양과 레오나르도 다빈치의 다른 상징적인 작품인 비트루비안 맨 에서 그 증거를 볼 수 있습니다. . 


디자인의 황금 비율

황금 비율은 수학적 원리이지만 디자인에 쉽게 사용하여 미적 매력을 높일 수 있습니다. 레이아웃을 보고 차분하고 질서정연하며 잘 배치되어 있다고 느낀 적이 있다면 황금 비율이 배후에서 작용하고 있을 가능성이 높습니다. 

cuklom을 통해 이 이미지에 라이선스를 부여합니다.

1. 레이아웃 디자인: 황금 사각형

황금 비율은 레이아웃을 “매핑”하여 시각적으로 더 매력적으로 만드는 유용한 도구가 될 수 있습니다. 이는 인쇄 및 웹 디자인 모두에 적용할 수 있습니다. 

웹 디자인에서 황금 비율은 가독성과 미적 매력을 향상시키기 위해 텍스트 열을 배치하는 데 사용할 수 있습니다. 예를 들어 왼쪽에 넓은 콘텐츠 블록이 있고 오른쪽에 더 좁은 열이 있는 페이지는 보는 사람의 시선을 콘텐츠 본문 아래로 오른쪽으로 안내하여 전체 읽기 경험을 훨씬 더 매끄럽게 만듭니다.

예를 들어 사이트에서 픽셀 너비가 960인 경우 왼쪽 열은 593픽셀, 오른쪽 열은 367픽셀 너비여야 합니다. 함께 그들은 원하는 비율을 만듭니다.

레이아웃에 따라 열 크기가 원하는 만큼 완벽하게 합산되지 않을 수 있습니다( 황금 비율 계산기 를 사용하면 도움이 될 수 있음). 주 콘텐츠 블록이 사이드바보다 1.6배 더 큰 1:1.61 비율 에 근접하는 것이 최종 목표가 되어야 합니다.

황금 비율 다이어그램

매우 효과적이라는 단순한 이유 때문에 웹 전체에서 이러한 유형의 레이아웃에 대한 예를 찾을 수 있습니다. Fast Company 또는 BuzzFeed 와 같은 사이트의 홈 페이지를 한 눈에 보면 숨길 수 없는 2열 레이아웃을 발견할 수 있습니다. 

또한 Golden Rectangle의 나선형 섹션에 맞는 완벽한 원인 Golden Circles 를 가져와서 레이아웃에서 중요한 요소의 위치를 ​​최적화할 수 있습니다.

예를 들어 클릭 유도문안(CTA), 광고 또는 헤드라인을 이러한 원 중 하나의 중앙에 배치하여 황금 비율 레이아웃을 최대한 활용할 수 있습니다.

2. 로고 디자인: 골든 서클

Golden Circle은 Golden Ratio 로고 디자인을 만드는 데에도 매우 유용합니다. Golden Ratio 로고는 균형 잡힌 로고 디자인을 만들기 위해 Golden Rectangle의 다른 섹션에서 가져온 점점 더 작은 Golden Circle 시퀀스를 사용합니다. 

이 원은 아래 다이어그램에 표시된 것처럼 황금 나선의 경로를 따를 필요가 없습니다. 실제로 나선형 및/또는 직사각형의 맥락에서 벗어나 유연하게 재배열하여 다양한 형태를 만들 수 있습니다. 

황금 비율 다이어그램골든 서클은 황금 사각형 안에 나선형 순서로 배열되어 있으며 골든 스파이럴의 중심으로 갈수록 작아집니다.

또는 황금 사각형을 세로로 뒤집고 아래의 새 로고 예와 같이 로고 디자인을 황금 원 위에 배치할 수 있습니다.

새 로고에 적용된 황금 비율Simantev를 통해 이 이미지에 라이선스를 부여하십시오.

Twitter , Pepsi , Google 등 세계적으로 인정받는 많은 브랜드가 로고에 Golden Circles를 사용한다고 합니다 . 이러한 로고의 요소를 원형 구성 요소로 나누면 황금 비율 시퀀스가 ​​추가됩니다.

황금 비율 로고는 종종 구조상 구별할 수 없지만 황금 비율 원칙을 사용하지 않는 디자인보다 마법처럼 더 매력적으로 보이기 때문에 골든 서클을 염두에 두고 로고 디자인을 구축해 볼 가치가 있습니다.

Miriam Gil Albert를 통해 이 이미지에 라이선스를 부여합니다.

3. 사진: 황금 나선

사진에서 황금 비율을 사용하여 풍경, 인물 및 기타 이미지를 보다 균형 있고 눈에 차분하게 느낄 수 있습니다. 좋은 경험 법칙은 사진을 찍을 때 이미지 위에 놓인 황금 나선을 상상하는 것입니다.

이미지의 초점은 나선형의 중심점에 있어야 하며 흰색 공간이나 기타 덜 세부적인 요소는 나선형의 꼬리를 향해 배치할 수 있습니다. 이것은 사후 편집에서 이미지에 더 많은 초점/흐림을 통합할 필요 없이 자연스러운 초점을 만듭니다.

로고 디자인과 마찬가지로 골든 스파이럴을 세로 방향으로 뒤집어 세로 방향의 사진을 찍을 수도 있으며 스파이럴의 중앙 부분을 초점으로 유지할 수 있습니다.

예시 이미지 옆의 황금 비율 다이어그램Miriam Gil Albert를 통해 이 사진에 라이선스를 부여합니다.

사진에서 균형을 유지하기 위한 다른 수학적 방법 은 삼등분 법칙 을 사용하는 것입니다 . 이 방법에서는 선이 수직선과 수평선을 따라 교차하는 4개의 “파워 포인트”가 있는 이미지 위에 배치된 3×3 격자를 상상할 수 있습니다.

이것은 분주한 풍경이나 여러 피사체의 샷과 같이 초점이 여러 개인 이미지에 좋은 기술입니다. 사진작가는 종종 3등분 법칙에 따라 이미지를 구성하도록 훈련을 받지만 모든 것에 이 기술을 사용하면  너무  구성되고 강요된 사진이 될 수 있습니다.

이에 비해 황금 비율은 눈을 진정시키도록 설계되어 이미지를 더 자연스럽게 보이게 하는 거의 눈에 띄지 않는 기술입니다. 사진의 황금 비율은 단일 피사체를 이미지의 전면과 중앙에 배치하는 공격성을 완화하기 때문에 단일 초점 또는 단독 피사체에 가장 적합합니다.

황금나선의 흐름에 맞춰 초점을 배치하면 보는 사람은 본능적으로 이미지를 훨씬 더 차분하고 수용적으로 느낄 것입니다.

Matt Gibson을 통해 이 이미지에 라이선스를 부여하십시오.

결론: 황금 비율

표면적으로는 황금 사각형 , 황금 나선 , 피보나치 수열 및 그에 수반되는 모든 것이 엄청나게 복잡해 보일 수 있습니다. 일련의 숫자가 시각적으로 아름다운 것을 생성할 수 있다는 생각이 디자이너와 사진가에게 항상 직관적인 것은 아닙니다.

그러나 디자이너, 예술가, 사진가가 수백 년 동안 그 힘을 활용한 방식에서 알 수 있듯이 황금 비율은 모호한 수학적 이론에서 현대 디자인의 영예를 안은 신뢰할 수 있는 예술적 기법으로 발전했습니다.

이미지 큐레이션부터 웹사이트 디자인, 심지어 블로그 레이아웃과 로고까지 다양한 디자인에 성공적으로 적용할 수 있기 때문에 의심할 여지없이 뒷주머니에 보관하는 강력한 원칙입니다.

황금 비율에 대한 근본적인 이해로 무장한 당신은 이제 이미지를 선택하고 고객이 끌리는 디자인을 개발하여 참여를 높이고 브랜드의 시각적 권위를 향상시킬 수 있습니다.

이제 황금 비율 전문가가 되었으니 몇 가지 디자인에 새로운 기술을 시도해 보는 것은 어떻습니까? Shutterstock Create 에서 빈 캔버스로 시작 하여 디자인을 1:61 비율로 나누면 끝입니다!


muson을 통해 이 표지 이미지에 라이선스를 부여합니다.


출처 보기