언제 대칭은 웹 디자인에 적합한가?

인간은 전형적으로 대칭을 좋아합니다 - 대칭적인 것이 더 많을수록 객관적으로 더 아름답게 인식됩니다. 즉, 극소수의 웹 사이트가 완벽하게 대칭이라는 것입니다. 사실, 대부분의 웹 디자인은 다양한 강도의 비대칭 디자인으로 가득합니다. 이것은 대칭보다는 더 중요한 균형이기 때문에 효과가 있습니다. 웹 사이트를 대칭으로 만드는 방법은 웹 사이트와 목표에 따라 다릅니다.

대략 대칭 대 대칭 대칭

대부분의 웹 사이트는 완벽하게 대칭 적이 지 않습니다. 즉, 반으로 잘라서 반영하고 동일한 레이아웃을 얻을 수 없다는 것입니다. 가장 일반적인 레이아웃 유형 중 하나 (내용에 대한 단일 사이드 바부터 넓은 요소까지)는 일반적으로 비대칭입니다. 웹 사이트의 완벽한 대칭은 예술적 선택이거나 모듈 식입니다 (예 : 긴 머리글, 대칭 모듈 요소 및 긴 바닥 글을 사용하는 국립 소설 작문의 달인 웹 사이트).

전문성 대 예술성

완벽하게 대칭 또는 근본적으로 비대칭으로가는 것은 일반적으로 예술적 선택입니다. 음악, 디자인 또는 예술과 같은 특정 예술적 재능이나 기술을 선보일 목적으로 개인 웹 사이트를 제작하는 경우 테마에 맞는 대칭 또는 비대칭을 사용하는 웹 사이트를 자유롭게 설계하십시오. 그러나보다 전문적인 방문객을위한 디자인의 경우, 대략적인 대칭 레이아웃을 고수하는 것이 더 적절한 선택입니다. 부적절하게 사용되는 대칭은 고정되어있는 것처럼 보이지만, 표준은 그것을 안전하게 만듭니다. 은행 웹 사이트를 방문하면 다양한 소비자 기반에 어필 할 수있는 디자인이 어떻게 생겼는지 알 수 있습니다.

사용의 용이성에 초점

대략 대칭 디자인은 이해하기 쉽고 따르기 쉽습니다. 내용의 흐름이 일반적으로 논리적이기 때문에 방문자는 흩어 지거나 잃어버린 느낌없이 따라갈 수 있습니다. 보유하고있는 콘텐츠가 많을수록 이미지 나 많은 양의 텍스트 형태로 표현되므로 디자인이 복잡해집니다. 방문자가 콘텐츠를 따라 가기 힘들 때 또는 어디로 가야하는지 이해하면 길을 잃지 않을 것입니다.

균형과 비대칭

웹 디자인의 비대칭 성이 잘 작동하는 이유는 그것이 균형을 유지하기 때문입니다. Joshua David McClurg-Genevese의 "디자인 원리"기사에 따르면, 균형은 요소의 평형과 페이지의 시각적 무게입니다. 비대칭 디자인을 특징으로하는 대부분의 웹 사이트는 시각적 요소와 큰 텍스트 블록의 균형을 유지합니다. 비대칭성에 대한 이점 중 하나는 사이트를 따라 눈을 움직이면서 미묘하게 방문자에게 가장 중요한 콘텐츠를 알리는 데 도움이된다는 것입니다.

대칭 디자인의 예

공통적 인 대칭 레이아웃은 대량의 콘텐츠 양쪽에 두 개의 열을 사용하는 것입니다. 특히 블로그에서 인기가 있습니다. 보편적으로 대칭이 아니지만 강한 대칭을 특징으로하는 페이스 북을보십시오. Google+는 매우 비슷한 디자인을 사용합니다. 또 다른 예는 트위터의 디자인입니다.이 디자인은 페이지 중심의 기둥과 대칭을 이루고 있습니다. 다른 정맥에서 주요 Myspace 페이지입니다. 기둥 대신에, 그것은 대략 수평 및 수직 대칭을 특징으로합니다 : 처음 두 행은 서로 대칭이며, 하부 모듈은 서로 대칭입니다.

비대칭 설계의 예

디자이너 Patrick McNeil은 "Webdesigner Depot"이라는 기사를 작성하여 "Asymmetrical Balance in Web Design"이라는 제목으로 비대칭 디자인의 몇 가지 예를 소개합니다. 또 다른 예는 블리자드 웹 사이트입니다. 블리자드 웹 사이트는 머리글과 페이지 내용 사이에 시각적 인 텍스트 블록이있는 큰 시각적 요소를 사용합니다.