현대 디자인에 황금 비율 적용
가장 이상적인 웹 페이지는 기능적으로도 조화로운 것이지만, 가장 노련한 웹 디자이너조차도 자연스러운 디자인 흐름을 알려주는 데 어려움을 겪을 수 있습니다. 색상 및 탐색 이론이 있지만, 때로는 완벽한 웹 페이지의 미학에서 가장 중요한 측면은 무용지물입니다. 우리는 그것이 왜 효과가 있는지 알지 못하지만 때로는 그렇게합니다. 그것은 모두 단순한 개념 때문일 수 있습니다..
문자 그대로 자연스러운 순서로 웹 사이트의 디자인을 지음으로써 시청자는 귀하의 디자인을보다 흥미롭고 즐겁게 찾을 수 있습니다. 이 개념을 황금 비율, 수학적 개념 자연은 순종하며 우리 인간은 무의식적으로 완벽의 표현으로 인식합니다..
황금 무엇을?
간단히 말해서, 황금 비율 ( 신성한 비례 아니면 그 골든 평균)는 자연과 예술 작품에서 반복적으로 나타나는 수학 상수입니다..
방정식으로 표현하면 에이 ~보다 큼 비, (a + b) 로 나눈 에이 동일하다 에이 로 나눈 비 (아래 그림을 보시면됩니다). 1.618033987. 그리스 문자 인 "phi"로 대표되는이 숫자는 황금 비율.
(이미지 출처 : mathsisfun.com)
동일한 이론을 사용하여 직사각형을 구성 할 수 있습니다. 황금 사각형. 황금 비율을 따르는 이미지는 비율을 따르는 직사각형 안에 깔끔하게 배치 할 수 있습니다..
(이미지 출처 : creativeautomaton.com)
황금 사각형을 만들려면 사각형의 짧은면의 길이가 될 숫자를 선택하십시오. 논쟁의 여지없이, 500 픽셀을 가정 해 봅시다. 1.618을 곱하십시오. 809 픽셀의 결과는 사각형의 긴 쪽 길이입니다. 따라서 500 픽셀 x 809 픽셀의 사각형은 황금 사각형입니다. 그것은 황금 비율을 따른다..
자연미
사실, 과학자들은 인간이 그렇게 많이 좋아하는 비율에 대해서는 무엇인지 모릅니다. 그들이 확신하는 바는 우리가 얼마나 좋아하는지입니다. 연구에 따르면 이미지의 미세한 변화조차도 황금 비율을 더 정확하게 만드는 것은 보는 사람의 두뇌에 큰 영향을 미친다는 것.
인간의 얼굴도 비율을 따르고, 우리는 얼굴이 더 진실한 사람들을 더 매력적으로 찾습니다. 조개 껍질, 고전 르네상스 걸작, 고대로부터의 건축물, 심지어는 인체 부분까지도 그 비율에 비례하여 손가락 자체에 비례합니다.
(이미지 출처 : in2visualdesign)
우리 마음의 핵심 깊숙이 뭔가 황금 비율을 아름답게 기록합니다. 사실 예술가와 건축가는 고의로 또는 수천 년 동안 활용 해 왔습니다. 그것은 이미지의 원초적인 언어입니다. 결과는 유기적이고 직관적이며 올바른 느낌을줍니다..
신성한 구성
그런데 어떻게이 웹 페이지 구성에서이 매직 넘버를 사용합니까? 수학은 당신의 창의력이 고투하는 숨 막힐듯한 상자처럼 보일지 모르지만 황금비는 단순히 유용한 지침 일뿐입니다. 구축 할 기본 가이드 라인을 갖추면 비율과 배치에서 짐작할 수있는 부분을 취함으로써 더 창의적인 공간을 제공 할 수 있습니다..
새장 대신 도구로 생각하십시오. 가장 기본적인 측면에서 황금 비율을 사용하여 컨텐츠 영역과 사이드 바의 크기와 배치를 지정할 수 있습니다. 고정 너비 레이아웃은 가장 쉬운 응용 프로그램입니다. 황금 사각형을 만드는 방법을 통해 레이아웃의 전체 크기를 결정하십시오..
그리드 / 블록 용
a 라인으로 만든 사각형은 콘텐츠 블록이됩니다. 작은 사각형은 측면 또는 탐색 모음이됩니다. 직사각형의 크기를 알아 냈 으면 탐색 막대의 너비가 어느 정도인지 알아내는 것이 쉽습니다..
- 이 예에서는 직사각형이 525 픽셀 수 850 픽셀.
- 525 is is 에이 850은 (a + b), 과 비 사이드 바의 너비가 될 것입니다..
- 찾다 비, 우리는 간단히 (a + b), 325.
- 따라서 사이드 바의 폭은 325.
사이드 바를 위쪽, 아래쪽 또는 반대쪽에 놓고 직사각형을 뒤집을 수 있습니다. 비율이 유지되는 한 디자인은 조화로운 느낌을 갖습니다..
텍스트
필요한 측정을 신속하게 가져올 수 있으며 텍스트 콘텐츠와 함께 적용 할 수 있습니다..
- 컨텍스트 텍스트가 크기 12라고 가정 해 봅시다..
- 12에 곱하기 1.618, 황금 비율, 그리고 당신은 19.416 얻을거야.
- 19 또는 20의 헤더 텍스트 크기는 황금 비율.
황금 비율은 마음이 이해하는 언어이며, 의사 소통을 통해 아이디어가보다 효과적으로 전달됩니다. 당신은 정확하게 그것을 고수 할 필요가 없습니다. 기본 원칙만으로 충분합니다. 이 비율을 이미지 크기에 적용하면 텍스트와 이미지 배치 사이의 관계와 사이드 바 내의 서브 디비전 만들기가 모두 가능한 개념입니다.
그리드 작업 : 3 분의 1의 규칙
수학이 차 한잔이 아니라면 황금 비율의 개념을 단순화 할 수 있습니다. 그만큼 3 분의 1의 규칙 장면에서 관심 지점의 배치를 제어합니다. 주어진 이미지를 수평 및 수직으로 3 분의 1로 나눕니다. 9 개의 눈금을 얻습니다..
(이미지 출처 : digital-photography-school.com)
3의 법칙에 따르면, 그 선들의 정점 (선들이 교차하는 곳)은 관심 지점들에 대한 이상적인 배치이다. 페이지를 스캔하는 사람들은 포인트 근처에 물건을 발견 할 확률이 높으며 부서는보기에 편합니다. 3 분의 1을 3 분의 1로 줄임으로써보다 복잡한 설계가 가능합니다..
(이미지 출처 : net.tutsplus.com)
요컨대, 눈은 게으르며 중요한 세부 사항을 검색 할 필요가 없습니다. 우리의 두뇌는 이런 것. 주요 이미지, 뉴스 상자, 검색 창 및 기타 관심 장소는 정점 또는 정점 근처에 자리 잡고 있습니다. 이 깔끔하고 작은 지름길은 눈에 쉽게 맞고 사람들이 중요한 데이터 조각에 그려지는 디자인을 제공합니다..
열 및 글꼴 크기 : 피보나치 시퀀스
황금 비율에 연결된 웹 디자인을위한 또 다른 간단한 도구는 피보나치 수. 피보나치 수열은 0과 1로 시작합니다. 앞의 두 수는 함께 더해져 다음 수를 만듭니다. 0, 1, 1, 2, 3, 5, 8, 13, 21, 34 ... 등등.
약간의 수학은 순차적 피보나치 시퀀스 번호 사이의 관계가 놀랍게도 황금비에 가깝다는 것을 알려줍니다. 시퀀스의 임의의 숫자를 숫자 앞에 나눠서 입력하면 얻을 것입니다. - 1.618.
황금 비율과 마찬가지로 피보나치 숫자는 머리글과 내용 텍스트 크기 간의 관계를 지정하는 데 사용될 수 있습니다. 또한 열의 너비를 지정하는 데 사용할 수 있으며 특히 블로그 및 기타 텍스트 집약적 인 레이아웃에서 효과적입니다. 합성은 피보나치 타일링의 개념에 기초 할 수 있는데, 피보나치 타일링을 사용하여 타일 크기가 구축됩니다..
(이미지 출처 : Wikipedia.org)
황금 나선과 콘텐츠 클러스터링
황금 비율과 피보나치 숫자를 사용하는 또 다른 가능한 방법은 황금 나선과 피보나치 나선. 골든 나선은 매 분기마다 황금 비율만큼 더 넓어지고 피보나치 나선은 피보나치 타일을 사용하여 형성됩니다.
나선은 번호와 비율 자체만큼 예술 작품에 사용되었습니다. 이론은 음의 공간과 시각적 인 관심 영역이 나선형에 들어 맞아야한다는 이론입니다. 이 우아한 레이아웃 내에서 세 번째 규칙과 마찬가지로 눈은 자연스럽게 나선 중심으로 끌어와 세부 사항을 찾습니다..
(이미지 출처 : fabiovisentin.com)
나선은 컨텐츠 밀도 및 클러스터링을위한 지침으로 사용될 수 있습니다. 그들은 당신의 웹 사이트 머리말 심상, 수색 막대기 및 공구 막대기의 비율을위한 기초로 봉사 할 수있다.
상점 홈 페이지 및 사진 웹 사이트와 같이 큰 그래픽 주위에 구축 된 프론트 페이지에 이상적인 이미지를 선택할 때도 황금색 및 피보나치 나선형의 이점을 활용할 수 있습니다.
강력한 메시지는 종종 잠재 의식이며, 황금 비율은 자연의 가장 다작의 잠재 의식 광고 중 하나입니다. 신성한 비율을 활용함으로써 모든 인간이 잠재 의식의 매력을 갖도록 자연스러운 논리와 유기적 인 은혜를 얻습니다. 황금 비율은 창조적 인 처리에서 또 다른 도구입니다.
더 읽기 :
- 웹 레이아웃 및 객체에 황금 비율 적용
편집자 주 : 이 게시물은에 의해 작성됩니다 크리스 펜타고 Hongkiat.com. Chris는 온라인 비즈니스를 수행 할 수있는 핵심 기술에 관심이있는 숙련 된 웹 개발자, 디자이너 및 인터넷 마케팅 담당자입니다. Twitter에서 그를 찾을 수 있습니다..
