황금 비율 황금 분할 방법 웹 디자인에서의 응용 프로그램

중간 트랜잭션 http://www.aliyun.com/zixun/aggregation/6858.html "> seo 진단 Taobao 게스트 클라우드 호스트 기술 홀

종종 프로젝트를 시작 하는 웹 디자이너로 서 고려는 페이지의 레이아웃 지금 많은 사람들이 그리드 CSS는 프레임 워크를 사용 하는 경향이 있지만 (960, 등 청사진), 때때로 또한 디자인 몇 가지 독특한 레이아웃 우리 웹 디자인, 황금 분할 이론에 적용 하는 방법을 탐구 하 고이 문서를 필요 하지만 대부분의 관련된 기술 또한 주로 사이트 레이아웃의 디자인에 대 한 다른 디자인 이나 예술 작품, 물론,에 적용 됩니다.

황금 비율

금 사단, 일컬어 황금 비율, 두 요소의 비율을 나타내는 데 사용 하는 수학 용어 이며 그 값은 약 1.618에. 황금 분할은 르네상스에서 시작 했다. 그 시대의 예술가 매우 높은 황금 분할에 대 한 칭찬 하 고 다양 한 디자인 작품에서 널리 이용 되는 수백 년, 건축, 조각, 회화 및 다른 필드 골드의 그림을 볼 수 있습니다, 그리고 우리가 오늘 또한 디지털 아트에 사용할 수 있습니다.

골든 섹션 수학 용어 이므로 처음 아주 잘 이해 되지 않습니다 수 있습니다. 간단한 예를 들어, 만약 A와 B, 두 개의 세그먼트는 가정 줄 수 그들의 길이 + b / 값 같음 A / b, 즉, a+b/a=a/b=1.618, 다음 골든 섹션 설정, A와 B의 황금 지점입니다.

금 사단의 응용

받아 960px 폭 웹 디자인 레이아웃 예를 들어 두 개의 열으로 페이지를 분할 하 고 싶다면 우리가 어떻게 수 우리가 그들의 황금 분할 지점을 찾아?

매우 간단 하 고, 위의 수식을에서 우리가 알고 있는 a + b / a = 1.618, 960px는 a + b 값, 너무 오래로 960/1.618 = 593, 그래서 593px 위치는 사단의 골든 포인트. 두 열에 대 한 페이지 레이아웃 왼쪽 열의 너비 593PX로 설정 되 고 오른쪽 열 너비 367PX (960-593)로 설정 됩니다.

해당 값은 가장 자연 스러운 느낌 웹 디자인 같은 계산식에 의해 상대적인 단위 (백분율) 등 표시로 서이 이렇게도 융통성 유연한 웹 페이지 레이아웃의 일부에 적용 됩니다. 또한 추가 3 열 및 4 열으로 페이지를 나눌 수 있습니다.

물론, 황금 비율 경우는 디자인에 가이드만이 규칙을 깰 수와 페이지를 유지 하기 위해 자연 균형의 디자인 페이지도 가능 하다, 일반적인 규칙으로, 종종 비율 5:3, 대신 금 비록 매우 정확 하지, 하지만 더 직관적이 고 사용 하기 편리 합니다.

3-포인트 방법

앞서 언급 했 듯이, 웹 페이지를 디자인 하는 경우, 당신은 해야 하지 수 완전히 법적인 디자인 이론, 그리고 웹 디자인 1.618 값 정확 하 게 따가 필요는 없습니다. 3-포인트 방법은 골드 파티션을 사용 하는 간단 하 고 실용적인 방법입니다.

3-포인트 방법은 분할 가로 및 세로 방향으로 구성 두 가로 및 세로 줄을 사용 합니다. 양식 4 포인트를 교차 하는이 4 개의 라인,이 4 개의 점 핵심 포인트 라고 하며 중요 한 디자인 요소는 가장이 4 곳에 배치. 웹 디자인의 많은 무의식적으로 3 점 방법을 사용 하 고 있습니다, 사이트의 중요 한 정보 (로고, 탐색 모음) 상단 왼쪽된 모서리에 배치 됩니다 오른쪽 상단 모서리를 배치할 수 있습니다 콘텐츠의 약간 낮은 중요성. 제목, 버튼 및 링크의 배치에 대해 생각 하면, 참조에 대 한 3 점 메서드를 사용 하십시오. 물론, 동일 해야 "엄격 하 게 따르십시오." 하지 않습니다 유연 하 게 사용

황금 사각형 (황금 사각형)

웹 페이지를 디자인할 때 페이지는 기능에 따라 사각형으로 분할 되 고 사각형의 크기 황금 사각형의 많은 만드는 골드의 비율에 따라. 이러한 사각형 플래시 또는 이미지를 홈 페이지에 배치 해야 어디 결정 뿐만 아니라 사이드바, 하단 콘텐츠 사이트의 위치를 결정 하기 위해 이러한 황금 사각형을 사용할 수 있습니다와 같은 웹 디자인 레이아웃에서 발생 하는 혼란의 대부분을 해결할 수 있다. 일부 전자 상거래 사이트 제품 디스플레이의 디자인에서 특히 황금 사각형을 참조할 수 있습니다.

통해: designshack

디자인 상자