비대칭 디자인: 아름답고 균형 잡힌 레이아웃 만들기

 비대칭 디자인: 아름답고 균형 잡힌 레이아웃 만들기

John Morrison

비대칭 디자인: 아름답고 균형 잡힌 레이아웃 만들기

비대칭 디자인에 대해 어떻게 생각하세요? 이 간단한 질문은 때때로 디자이너들 사이에서 많은 논쟁을 불러일으킬 수 있습니다. 비대칭 디자인은 실행하기 더 복잡한 기술 중 하나일 수 있지만 제대로 수행하면 아름답고 눈길을 끄는 디자인이 됩니다. 일부 사람들이 잘못 생각하는 것처럼 균형이 부족해서가 아닙니다. 디자이너는 디자인의 양면이 서로 대칭이 아니더라도 비대칭을 사용하여 균형과 조화를 만들 수 있습니다. 시작하는 방법은 다음과 같습니다.

디자인 리소스 탐색

비대칭이 필요한 이유

비대칭은 가장 영향력 있는 것 중 하나일 수 있습니다. 디자인 툴킷의 개념. 이것은 흥미롭고 생각을 자극하는 관심을 끄는 기술입니다.

사용하기 까다로울 수 있기 때문에 일부 디자이너는 완전히 비대칭적인 프로젝트를 피합니다. 하지만 그럴 필요는 없습니다. 비대칭을 사용하는 것은 모든 디자이너가 할 수 있는 일입니다. 계획만 있으면 됩니다.

시작하기 가장 좋은 곳은 디자인 프로젝트 내에서 대칭 및 비대칭 개념을 혼합하고 일치시키는 것입니다. 디자인을 더 작은 섹션으로 나누면 다른 유형의 균형을 포함하는 부분이 있습니다. (패럴랙스 스크롤링 사이트의 패널이나 캔버스 안의 이미지 디자인을 생각해보세요.)

왜 사용하는지 생각해보세요.비대칭도. 시각 자료로 달성하려는 것을 알면 이를 달성하기 위해 기술을 가장 잘 사용하는 방법을 결정하는 데 도움이 됩니다. 비대칭이 활성화되어 시선을 사로잡습니다. 무거울 수 있지만 자연 스럽습니다. 그리고 일단 캔버스에 무언가가 있다면 당신의 직감을 믿으세요. 제대로 보이나요, 아니면 "잘못된" 느낌인가요?

또한보십시오: 27개 이상의 Word & 파워포인트 2023

균형을 잡는 것은 그 사이에 있는 마법입니다. 좋은 비대칭 설계에는 균형이 포함되어 있어 프로젝트의 한 부분이 나머지 부분에 비해 너무 무겁지 않습니다. 공간으로 요소를 상쇄하고, 동작으로 강조하고, 무게를 이해하고, 색상으로 초점을 추가하고, 정렬 및 구성을 위해 그리드를 사용하여 균형을 만들 수 있습니다.

공간 사용

다음 중 하나 비대칭이 실제로 꽃을 피우기 시작한 곳은 미니멀리즘 디자인 트렌드에 있습니다. 디자이너가 너무 많은 공간을 사용하기 때문에 더 큰 흰색 또는 어두운 배경에 대해 단순한 개체나 이미지의 균형을 맞추기가 쉽습니다.

흰색 또는 네거티브 공간과 디자인 요소 사이의 균형을 맞추는 행위는 대비를 만들어야 합니다. 이렇게 하면 디자인 전반에 걸쳐 눈의 움직임을 유도할 수 있습니다.

예: Ike Kligerman Barkley는 드라마틱한 균형을 사용하여 사용자를 끌어들입니다. 반대쪽 구석에 있는 이름과 내비게이션에 대한 화면은 요소 사이에서 시선을 끌어당기며 거의 보지 않으려고 합니다. 이미지는 웹사이트를 찾은 이유와최소한의 프레임워크는 링크를 통한 클릭을 장려합니다.

움직임 강조

언덕 아래로 굴러가는 타이어를 생각해보세요. 즉시 움직임을 감지할 수 있습니다. 이 동작을 비대칭적으로 디자인할 때도 마찬가지입니다.

  • 눈은 화면의 크고 무거운 부분에서 밝은 부분으로 자연스럽게 이동하게 됩니다.
  • 눈은 특정 방향을 가리키는 것처럼 보이는 화살표나 모양과 같은 방향 신호를 따릅니다.
  • 눈은 화면 이미지에서 시선의 경로를 따라가므로 사용자는 같은 방향을 보고 사람을 볼 수 있습니다.
  • 다른 방향으로 강력하게 당기지 않는 한 방향 흐름은 왼쪽에서 오른쪽으로 기울어집니다.

예: Leen Heyne Fine Jewelry 사용 기능을 갖춘 제품으로 시선을 끄는 동작. 기하학적 모양은 문자 그대로 시선을 올바른 방향으로 향하게 하면서 팔찌(또는 반지)가 자연스럽게 캔버스를 가로질러 굴러가는 느낌을 줍니다. 이 방향 영향은 다른 역할도 합니다. 탐색 화살표를 사용하여 다음 페이지로 이동하도록 지시합니다.

색상으로 초점 추가

비대칭 색상 패턴은 일반적으로 대비 및 색상 조합. 검은색에 대비되는 밝은 색조 또는 위에 대담한 흰색 타이포그래피가 있는 톤이 있는 사진을 생각해 보십시오. 높은 색상 대비는 디자인의 특정 부분에 초점과 시각적 가중치가 됩니다.

색상환을 사용하여 비대칭 색상 조합을 만들 수 있습니다. 비대칭 느낌을 위해 전통적인 색상 규칙을 벗어나는 색상 조합 및 조합을 선택하십시오. 임팩트를 위해 거의 사용되지 않는 색상을 고려하십시오. 색상을 사용하여 비대칭 윤곽선의 다른 요소를 강조하고 강조하십시오. 색상은 기하학적 모양, 타이포그래피 또는 배경과 같은 요소와 매우 잘 어울리며 균형을 이루기 위한 보조 초점 역할을 합니다.

예: HLK 에이전시는 색상을 사용하여 디자인을 촬영합니다. 그것은 거의 대칭이며 다시 생각하게 만듭니다. 파란색 밑줄과 버튼은 미묘한 햄버거 메뉴 및 상단 모서리의 브랜딩 아이콘과 균형을 이루는 비대칭으로 단순한 초점을 만듭니다.

그리드를 잊지 마세요

그리드를 사용하여 미러 이미지를 만들지는 않지만 여전히 디자인 프로세스의 중요한 부분입니다. 그리드를 사용하여 비대칭을 만들면 균형과 구성을 달성하는 데 도움이 됩니다.

다른 프로젝트에서와 마찬가지로 그리드의 각 요소를 고려하십시오. 사물이 수평과 수직으로 일정한 방식으로 놓여 있습니까? 왼쪽에서 오른쪽으로, 위에서 아래로 캔버스의 양쪽에 오프셋 무게가 있습니까?

그리드를 눈금으로 생각하십시오. 한 쪽에 추가하는 모든 요소에 대해 다른 쪽에 있는 무언가가 이를 상쇄해야 합니다. 즉각적인 비대칭을 만들려면 홀수의 기둥 그리드를 고려하십시오.열; 그리드의 한 면에는 열 너비와 동일한 요소를 만들고 다른 면에는 두 배로 만드는 요소를 만듭니다.

예: BrightByte Studio는 대칭 및 비대칭 요소의 혼합. (그러나 가장 먼저 보게 되는 것은 화면 중앙에 왼쪽 정렬된 텍스트일 가능성이 높습니다. 이러한 그리드 사용은 요소 사이의 타고난 균형을 만듭니다. 다운 페이지 탐색과 페이지 상단 링크도 어떻게 일치하는지 확인하십시오. 본문과 내비게이션 요소가 차지하는 공간으로.

또한보십시오: 80년대 글꼴: 레트로 타이포그래피 트렌드(+ 예)

무게 만들기

비대칭은 무언가가 너무 "무거워서" 끌린다는 생각에 뿌리를 두고 있습니다. 먼저 이미지의 어떤 부분이 그러한 시각적 무게감을 지닐지 결정합니다. 이미지, 타이포그래피 또는 공백이 될 수 있습니다.

대조와 무거운 요소의 균형을 맞추세요. 가중치는 위의 다른 기술과 결합할 때 가장 잘 작동하므로 가중치가 적용된 항목이 디자인을 압도하지 않고 계속 진행할 수 있습니다.

예: 디자인의 "무게"로서의 사진. 처음에는 눈치채지 못할 수도 있는 두 가지 요소로 균형을 이룹니다. 더 밝은 텍스트와 로고는 이미지의 사람들보다 훨씬 "가벼워" 사람들로부터 시선을 사로잡습니다. 텍스트에 (또한 다음그들의 눈의 묵시적인 움직임). 또한 화면을 가로질러 이동하는 데 도움이 되는 원주형 내비게이션으로 상쇄됩니다.

결론

비대칭은 아름답고 조화로운 디자인 기법이 될 수 있습니다. 최근 디자인 트렌드가 많은 대칭에 초점을 맞추고 있지만, 이 "불균형" 균형 디자인 중 일부로 되돌아갈 가능성이 있습니다. 시각적으로 흥미롭고 미묘한 디자인을 통해 사용자를 안내하는 데 도움이 됩니다.

비대칭도 영향을 미치며 특히 전체 프로젝트의 범위에서 대칭과 함께 사용되는 개념으로 잘 작동합니다. 비대칭을 실험하고 이 역동적인 디자인 기법에 빠져보세요.

John Morrison

John Morrison은 노련한 디자이너이자 디자인 업계에서 다년간의 경험을 쌓은 다작 작가입니다. 지식을 공유하고 다른 사람으로부터 배우는 것에 대한 열정으로 John은 업계 최고의 디자인 블로거 중 한 명으로 명성을 쌓았습니다. 그는 동료 디자이너에게 영감을 주고 교육하는 것을 목표로 최신 디자인 트렌드, 기술 및 도구에 대해 연구하고 실험하고 글을 쓰는 데 시간을 보냅니다. 디자인 세계에서 길을 잃지 않을 때 John은 하이킹, 독서, 가족과의 시간 보내기를 즐깁니다.