황금 비율은 무엇입니까?

디자인에서 피보나치 수열 기반 개념 풀기.

Art by @tubik

영감은 우리 주변 어디에나 있고 세상의 모든 사람은 항상 다른 그림을 그리고 있습니다. 주변 예술의 아이디어. 그래서 가장 악명 높은 예술 작품에 묘사될 정도로 우리 주변에 자주 등장하는 자연의 법칙이 하나 있다는 사실이 놀라울 수도 있습니다.

모나리자, 기자의 피라미드 , 파르테논 신전, 애플 로고의 공통점은? 모두 황금 비율을 나타내거나 황금 비율을 염두에 두고 설계되었습니다.

황금 비율은 자연에서 발견되고 일반적으로 발견되는 수학적 관계 및 비율이지만 건축과 같이 거의 모든 곳에서 볼 수 있습니다. 음악, 그림, 현대 디자인 등. 효과적으로 사용하면 예술적인 구성을 통해 자연스럽고 심미적으로 눈을 사로잡는 디자인을 만들어냅니다.

이 놀라운 비율의 비결은 무엇일까요? 이 수학적 경이로움에 대해 좀 더 알아봅시다. 그리고 이를 어떻게 사용하여 디자인을 개선할 수 있는지 살펴보겠습니다.

피보나치 수열

그래서 황금 비율은 정확히 무엇입니까?

간단히 말해서 황금 비율(일명 황금 비율, 신성한 비율 또는 황금률)은 1.618 이라는 숫자를 산출하는 수학적 관계입니다. 정사각형을 잘라내면 직사각형이 되는 직사각형을 상상해 보십시오.667을 1.618로 나누면 412.5픽셀이 됩니다.

Golden Canon Grid - Adrián Somoza for Bont™ in Freebies

물론 이러한 차원을 항상 사용할 필요는 없습니다. 황금 비율 공식은 단순히 디자인 영역 간의 가장 만족스러운 균형에 대한 지침을 제공합니다.

실제로 이해했으므로 많은 웹사이트에서 이 해킹이 실제로 사용되는 것을 볼 수 있습니다.

‍4 - 로고 디자인

Twitter, Pepsi, Apple. 이 브랜드와 로고는 황금 비율에서 크게 영감을 얻었으며 일부는 로고의 전체 디자인에 비율을 사용했습니다!

황금 비율에 대한 Apple의 사랑은 팬들과 업계에서 잘 알려져 있습니다. 디자인의 세계. 많은 앱 로고가 비율에서 영감을 얻었으며 iCloud 로고가 이에 대한 대표적인 예입니다.

황금 비율을 사용할 수 있는 좋은 방법은 로고의 높이와 너비를 결정하는 것입니다. 전체 디자인에 대한 내부 요소의 비율.

황금 사각형은 물체를 배치하고 눈에 가장 잘 맞는 최상의 구도를 정의하는 데에도 사용할 수 있습니다. 그의 간단한 공식을 사용하여 로고의 모든 부분이 조화롭게 배치되었는지 확인할 수 있습니다.

또는 부품의 황금 나선을 제거하세요! 황금 나선을 정의하는 원을 로고의 기초로 사용할 수 있습니다.

따라서 다음 번에 로고의 돌파구를 찾고 있다면 시도해 보십시오.자연에서 발견되는 이 핸디-댄디 비율? 그것은 몇 가지 놀라운 디자인 경험의 문을 열어줄 것이며 디자인 감각을 날카롭게 하여 창의적인 프로세스에 간단한 분수와 비율을 적용할 것입니다.

5 - 아키텍처

황금 비율은 예술에서와 마찬가지로 건축에도 적용되며 유명한 건축 디자인과 황금 비율 사이의 수학적 관계는 설득력이 있습니다.

이미지 출처: Kimon Maritz

고대 그리스 건축 종종 황금 비율을 활용하여 그리스인들이 잘 알려진 위대한 건축물의 형태를 설계하고 결정했습니다. 비율은 건축 설계와 수학 사이의 중요한 관계를 정의합니다.

건축가는 황금 단면 비율을 사용하여 건물의 높이와 너비에 관한 적절한 비율을 찾을 수 있습니다. 그 결과 건축학적으로 건전하고 미학적으로 만족스러운 건물이 탄생합니다.

이 원칙은 가정 장식 및 인테리어 디자인에도 적용될 수 있습니다. 예를 들어 방을 칠할 때의 황금 비율은 방의 60%를 한 가지 색조로, 30%를 두 번째 색조로, 10%를 세 번째 색조로 칠하는 것입니다.

6 - 인쇄 디자인

황금 비율은 인쇄 디자인의 예술적 구성도 향상시킬 수 있습니다. 잡지에서 책 디자인, 마케팅 자료에 이르기까지 모든 것이 황금 종횡비를 사용하여강력한 구성.

대부분의 디자이너가 디자인을 만들 때 사용하는 평균 비율이 있습니다. 그러나 진정한 예술가는 황금 비율과 관련하여 마진 비율을 고려할 것입니다. 예를 들어 잡지 디자이너는 디자인의 중앙 직사각형 이미지를 표지 가장자리와 완벽하게 맞춰야 합니다.

이미지 출처: Sarah Dorweiler

대학 언론이나 차세대 21세기 소설가라면 이 수학적 비율을 고려해야 합니다. 공간과 콘텐츠 사이의 중요한 관계는 완벽하게 균형을 잡기 어려운 관계입니다.

디자이너는 황금 비율을 사용하여 각 요소의 적절한 크기와 배치를 결정하여 완벽하게 균형 잡힌 표지를 만들 수 있습니다. 모서리 사각형을 다른 이미지의 모서리 사각형과 정렬하고 적절한 간격을 허용하는 것이 이 작업에 가장 긍정적인 솔루션입니다.

7 - 사진

예술적 구성은 모든 이미지, 그림 또는 삽화. 형식에 관계없이 황금 비율을 사용하여 비율을 완벽하게 만들고 이미지와 여백 비율이 보기에 좋은지 확인할 수 있습니다.

이 수학적 관계를 사용하여 보는 사람의 시선을 사진에서 원합니다. 이렇게 하려면 이미지를 세 부분으로 나누고 해당 선을 사용하여 사진을 설정합니다. 익숙한 소리? 그건이것은 삼분의 일이라고도 알려져 있기 때문입니다.

이미지 출처: Ameya Sawant

사진의 황금 비율은 1:0.618:1입니다. 첫 번째 열과 세 번째 열은 1이고 가운데 열의 너비는 0.618입니다. 수직 및 수평에도 동일하게 적용됩니다.

또한 황금 비율의 3분의 1 규칙을 사용하여 이미지를 보다 미학적으로 적절하게 자를 수 있습니다. 이렇게 하려면 이미지의 가운데 사각형 주위에 가장 중요한 요소를 정렬합니다. 그러면 가운데 사각형이 보는 사람의 주의를 미묘하지만 확실하게 끌어야 합니다.

DAINOGO

의 황금 비율이 있는 여우 로고 ‍마지막 단계

그래서 오늘 우리는 모든 디자인 프로젝트에서 항상 황금 비율을 염두에 두는 법을 배웠습니다. 로고, 프리젠테이션 또는 이미지를 자르는 것과 같은 간단한 작업을 수행할 때에도 사용할 수 있습니다.

‍이제 황금 비율에 익숙해졌으니 시도해 보시겠습니까? ? Vectornator에서 테스트해 보시지 않겠습니까? 전문가 수준의 직관적이고 사용하기 쉬운 그래픽 디자인 소프트웨어를 찾고 있다면 저희가 도와드리겠습니다.

시작하려면 Vectornator를 다운로드하십시오.

당신의 디자인을 다음 단계입니다.

멋진 디자인을 보내거나 소셜 미디어에서 #vectornator를 태그하여 보여주세요.

이 숫자와 비율 자체는 우리 환경에서 자연적으로 발생하는 일련의 숫자인 피보나치 수열에서 파생됩니다. 하지만 그 숫자는 또한 이차 공식의 해이기도 합니다. 우리는 지금 당장 들어갈 필요가 없습니다. 하지만 고등학교에서 배운 피보나치 수를 기억할 것입니다. 또는 2000년대 중반 모두를 열광시킨 블록버스터 영화 '다빈치 코드'.

픽션 외에도 자연에서 황금 비율을 찾을 수 있습니다. 그래서 '신의 비율'이라고도 한다. 자연계에서 그 빈도가 높기 때문입니다. 꽃의 꽃잎 수는 종종 피보나치 수입니다.

솔방울의 씨앗은 피보나치 수의 로그 나선형으로 꼬입니다. 껍질을 벗기지 않은 바나나의 면의 수는 대개 피보나치 수입니다. 우리 몸 안에 있는 DNA 분자도 이 대수 나선 모양의 한 예입니다.

이제 개념에 익숙해졌으니 좀 더 기술적인 내용을 들어도 괜찮을 것입니다. 피보나치 토끼굴로 내려가 봅시다.

0 + 1 = 1, 1 + 1 = 2, 1 + 2 = 3, 2 + 3 =5 등이기 때문입니다. /1, 3/2, 5/3 등)은 황금 비율과 정확히 같지는 않지만 근접합니다. 피보나치 수가 높을수록 관계가 1.618에 더 가깝다는 의미입니다. 분수 5/3은 이미 1,666666에 상당히 가깝습니다...

우리는 모두 디자이너이기 때문에 이 개념을 시각적으로 이해하는 것이 더 쉬울 것입니다. 황금 비율은 황금 사각형이라는 것으로 설명할 수 있습니다. 종횡비가 1:618인 직사각형. 이제 높이와 너비가 황금 직사각형의 더 짧은 부분의 크기와 같은 정사각형을 상상해 보십시오. 해당 사각형을 제거하면 결과 모양이 원래 사각형과 동일한 비율을 갖게 됩니다.

따라서 더 작은 다른 황금 사각형이 남습니다. 이 패턴을 계속하면 황금 비율 다이어그램을 얻을 수 있습니다. 마찬가지로 황금 사각형 옆에 사각형의 높이와 같은 길이의 사각형을 추가하면 동일한 효과를 얻을 수 있습니다.

각 사각형에 원호를 그리면 , 우리는 황금 나선(Durer의 나선이라고도 함)을 얻습니다. 또 다른 자연 현상은 비율 자체에서 파생됩니다.

황금 비율은 3등분의 법칙과 마찬가지로 아름다운 모양과 강한 구성을 만드는 데 사용할 수 있습니다.이 규칙은 건축, 디자인 및 예술에 적용됩니다. 17세기 천문학자 요하네스 케플러는 황금 비율을 “귀한 보석”이라고 불렀습니다. 우리는 17세기 천문학자가 옳았다고 생각합니다. 이것은 귀중한 도구입니다.

황금 비율의 그리스 기원

'기하학의 창시자'로 불리는 유명한 그리스 수학자 ,' 유클리드는 그의 저서 '원소'에서 이 특정한 비율을 처음 언급합니다. 고대 그리스인들은 유클리드를 앞세워 이 무리수의 분할(또는 분할) 속성을 인식했습니다.

출처: Unsplash Photo , Vectornator에서 편집됨.

하지만 2000년이 지나서야 독일 수학자 마틴 옴이 '황금' 특성을 부여했습니다. 그리고 20세기가 되어서야 미국의 수학자 Mark Barr가 그리스 문자 Phi를 황금 비율의 상징으로 실제로 채택했습니다. Barr는 그리스 조각가 Phidias를 기념하기 위해 특정 문자를 선택했습니다. 많은 미술사학자들이 그의 많은 작품에서 황금비를 사용했다고 합니다. 대체 표기법은 '자르다'를 의미하는 그리스어 tome의 약어인 'tau'입니다. 그리고 위에서 언급한 '분할' 타당성에 대한 언급입니다.

그리스인들도 이 비율의 아름다움을 관찰했습니다. 그들은 '신성한 비율'이 가장 미학적으로 만족스러운 구성을 제공한다는 것을 이해했습니다. 이것은 르네상스 시대에이탈리아의 유명한 수학자 레오나르도 다빈치의 작품.

그는 프란체스코 수사인 루카 파치올리가 쓴 유명한 책 'De divina proportione'(신의 비례)의 삽화를 그렸습니다. 이 책에서 Pacioli는 황금 비율의 수학적 관계와 예술적 비율과 Leonardo Da Vinci의 유명한 Vitruvian Man에 대해 글을 써서 인체조차도 황금 비율을 존중하는 방법을 설명합니다.

그러나 Leonardo Da Vinci의 작품은 유일한 예. 황금 비율은 다른 많은 상황에서 발생합니다. 16세기에 명성을 얻었지만 그 이전에도 (알고 있든 없든) 사용되었습니다. 예를 들어 기자의 대피라미드를 보세요.

길이와 높이의 비율이 황금비입니다. 그것의 조화로운 비율은 소위 골든 트라이앵글(정삼각형 또는 이등변삼각형이라고도 함)을 만듭니다. 증명되지는 않았지만 일부에서는 파르테논 신전을 비롯한 그리스 건축이 파이 숫자를 사용하여 지어졌다고 주장합니다.

Unsplash의 Markus Spiske 사진.

디자인 사용 사례

디자인에서 황금 비율을 어떻게 사용합니까?

물론 이 빠른 수학 복습은 그래픽 디자인 작업에 성공적으로 적용할 수 없다면 아무 소용이 없습니다. . 작업에 이 비율을 적용하려는 이유는 달성하려는 전반적인 미학으로 귀결됩니다.

이 비율을 사용하면 자연스러운 아름다움을 연출할 수 있습니다.주변 세계에서 볼 수 있는 자연스러운 조화와 비율을 활용하여 우리의 얼굴도 이와 같은 비율을 따릅니다. 우리는 이 비율에 이끌려서 우리의 진화를 통해 인간의 지각은 무의식적으로 이 황금 비율 비율을 보여주는 것을 자연스럽게 욕망하는 경향이 있습니다. 연예계에서 가장 바람직한 사람들을 분석한 결과 이 ​​비율에 가장 근접한 얼굴 비율이 시청자 사이에서 외모 순위가 더 높은 것으로 나타났습니다!

펩시 로고.

밀어붙일 때 이 비율은 아름다운 구도를 만들 때 알아야 할 기본 과학을 제공합니다. 이것이 디자이너로서 하나의 핵심 목표이기 때문입니다. 명확하고 이해하기 쉬운 레이아웃, 균형 잡힌 페이지, 유동적인 일러스트레이션 디자인을 만들기 위해.

이러한 원칙을 사용하면 자연스럽게 훨씬 더 응집력 있는 디자인이 만들어집니다. 또는 UX 측면에서 생각하면 사용자에게 더 나은 경험을 제공합니다.

Golden Spiral은 그리드, 간격 규칙, 열 및 여백과 같은 디자인의 여러 도구를 통해 사용할 수 있습니다. . 삽화를 그리는 경우 파도, 뿔, 솔방울 또는 심지어 우리 은하의 모양과 같은 피보나치 수열을 특징으로 하는 유명한 자연 요소에 대한 도형 연구를 시도해 보십시오.

사용에 숙달하면 나선형은 작업에서 특히 우아하고 우아하며 드라마틱하게 보일 수 있습니다. 그 길이 나르는 대로보는 사람의 시선이 그래픽의 중요한 부분에 집중되도록 합니다.

보다 구체적으로 황금 비율 비율과 황금 나선을 유리하게 사용할 수 있는 몇 가지 방법이 있습니다.

1 - 타이포그래피 및 전체 디자인 계층

언뜻 보기에 타이포그래피와 수학은 서로 관련이 없다고 생각할 수 있습니다. 결국 타이포그래피는 문자로 이루어지고 수학은 숫자로 이루어집니다. 서로 다소 정반대입니다.

하지만 사실 타이포그래피는 예술적인 서체와 합리적인 비율의 조합입니다. 형태와 기능의 아름다운 조화. 타이포그래피의 비율이 균형을 이루면 타이포그래피가 디자인과 조화를 이루도록 만들 수 있습니다.

텍스트의 세 가지 차원인 글꼴 크기, 줄 높이 및 선의 폭. 우리가 가로 또는 세로로 인식하는 이러한 차원은 우리가 타이포그래피를 경험하는 방식을 책임집니다. 이 세 가지 사이에는 특별한 관계가 있습니다.

더 구체적으로, 텍스트 행의 너비가 증가하면 가독성을 높이기 위해 행 사이의 높이도 증가해야 합니다. 그리고 이 관계를 무엇이라고 합니까? 비율입니다.

어떤 비율을 사용하고 있다면 그것을 황금색으로 만드는 것은 어떨까요? 손이 닿는 모든 것의 미관을 개선한다는 것이 거듭 입증되었습니다.

이 비율이 도움이 될 수 있습니다.디자인에서 헤드라인, 본문 텍스트 및 지원 문구의 크기를 파악하세요.

예를 들어 본문 텍스트가 14픽셀인 경우. 여기에 1.618을 곱하면 22.652가 됩니다. 즉, 아래 본문의 텍스트와 자연스럽게 균형을 이루도록 비율에 따라 헤드라인 카피가 대략 22px/23px가 되어야 합니다. 헤드라인 크기를 고정한 경우 반대 방법을 사용하여 본문 텍스트 크기를 파악할 수도 있습니다.

2 - 이미지 편집 및 크기 조정

그 동안 사진을 자르고 크기를 조정할 때 제거할 공백을 쉽게 파악할 수 있습니다. 나중에 균형이 필요하다는 것을 잊지 마십시오.

자르는 이미지의 구성에 따라 크게 달라집니다. 몇 가지 중요한 사항을 먼저 생각해야 합니다. 비주얼의 주제는 무엇입니까? 장면에 포함할 수 있는 다른 요소는 무엇입니까? 이미지에 자연스럽게 나타나는 선이나 곡선이 있습니까? 원하는 캔버스의 최종 크기는 얼마입니까?

모든 답을 알고 나면 실제로 해결해야 할 질문이 하나 더 있습니다. Phi Grid를 사용하시겠습니까? 아니면 Golden Spiral을 사용하시겠습니까?

Phi Grid는 사진 요소 간의 차원 관계를 고려하는 방법입니다. 삼등분의 법칙과 비슷하지만 그렇게 단순하지는 않습니다. 프레임을 3개의 동일한 세그먼트로 나누는 것이 아닙니다.

그리드는 중심선으로 대신 1:0.618:1 비율로 구성됩니다.서로 더 가깝습니다. Phi Grid의 라인은 사람들이 거의 자동으로 아름답다고 인식하는 시각적으로 만족스러운 비율을 만듭니다. 파이 그리드를 사용하여 자르기로 결정하면 피사체가 이미지 중앙 가까이에 배치됩니다.

피보나치 나선을 사용하면 구도의 구조가 완전히 다릅니다. 이미지 위에 나선형을 오버레이한다고 상상하면 가장 세부적인 부분이 코일의 가장 작은 직사각형에 있을 것입니다. 그러나 이것이 구석에 있을 필요는 없습니다. 컴포지션의 어느 위치에나 있을 수 있습니다. 어떤 사람들은 모나리자의 얼굴도 그 중요한 영역에 배치된다고 합니다.

3 - UI 디자인의 레이아웃

이 비율을 활용하면 중요한 것에 정확하게 주의를 집중시켜 자연스럽게 매력적이고 마음을 진정시키는 UI 경험.

또한 디자인 작업에서 황금 비율을 사용하는 것은 생각보다 간단합니다. UI 디자인은 논리적 구성에 관한 것이기 때문에 수식을 도구로 사용하여 열과 비례 레이아웃을 생성할 수 있습니다.

예를 들어 사이드바가 1080픽셀인 레이아웃을 만들고 싶다고 가정해 보겠습니다. 넓은. 기본 열의 너비를 계산하려면 1080픽셀을 1.618로 나누면 됩니다. 이렇게 하면 너비가 667픽셀인 기본 열이 생성됩니다. 사이드바의 너비를 얻기 위해 기본 열에 대해 동일한 프로세스를 반복하려고 합니다.