반복, 대비, 정렬 및 친밀성은 레이아웃 디자인의 4가지 주요 원칙입니다. 이 4가지 주요 원칙을 기반으로 다양한 레이아웃 형식과 규칙이 도출되며 이러한 기본 디자인 원칙을 숙지하면 디자인을 달성하는 데 도움이 될 수 있습니다. 짧은 시간 내에 더 빠르고 더 나은 목표
이번 호에서는 4가지 주요 원칙 중 하나인 대비 원리를 설명하겠습니다.
대비 원리 "대비"란 무엇입니까? "사물 사이의 차이점을 강조하세요. 디자인할 때 페이지에서 너무 유사한 시각적 요소는 피해야 합니다. 요소가 다르다면 대비를 높여 페이지가 명확하게 보이도록 해야 합니다. 명확한
우리는 삶의 모든 곳에서 대조를 찾을 수 있으며 대조의 형태도 다양합니다. 사람들은 삶에서 대조에 익숙하며 그림에 대조가 없으면 단조롭게 느껴질 것입니다
대비는 핵심 포인트를 강조하고, 레이아웃에 계층성을 부여하며, 콘텐츠의 핵심 포인트를 보다 체계적으로 표시할 수 있으며, 대비 관계가 명확할수록 시각적 효과가 더 강해집니다.
대비를 사용하면 사진이 생생하고 우선순위가 명확해집니다.
p>
대비의 역할 1
적절한 대비를 사용하면 초점을 잘 맞출 수 있습니다. (그림 본문) 레이아웃에서는 구성 요소 간의 대비를 통해 시각적 차이를 효과적으로 활용할 수 있으며, 그림의 주요 부분에 대한 독자의 관심을 끌고 레이아웃의 주목 효과를 높이는 것이 가장 좋습니다. 레이아웃 디자인의 우선순위
선명한 대비를 사용하면 강한 대비 효과를 얻을 수 있으며 독자가 주요 주제와 핵심 사항을 한 번에 포착할 수 있습니다.
이 경우 주로 색상 대비를 사용합니다. 주요 문자와 텍스트는 주변 시각적 요소와 비교하여 큰 차이를 만들기 때문에 레이아웃에서 매우 눈에 띕니다.
2
이미지의 계층적 대비를 강화하는 것이 가장 효과적인 방법입니다. 레이아웃에 체계적인 계층 구조를 설정합니다.
강한 대비는 시각적인 간격을 형성하고 좋은 정보 레이어를 구축하고 레이아웃의 리듬과 생동감을 향상시킵니다.
3
경직성과 생동감을 깨십시오. 대비의 형태는 레이아웃의 단조로움과 단순함을 피하고 레이아웃을 더욱 생동감 있고 생생하게 만들어 좋은 시각적 경험을 만들고 자극적입니다. 읽기와 시청에 대한 독자의 관심
방향, 크기, 색상을 사용하여 대비를 만들어 제목과 텍스트의 계층 구조를 더욱 명확하게 하고 질감 대비를 추가하여 주제에 대한 입체감을 만들어 줍니다. 레이아웃이 더욱 생생하고 눈길을 끕니다.
텍스트 레이아웃의 대비. 이론적으로 요소의 모든 변경 가능한 특성은 대비를 형성할 수 있습니다. 이 문제는 일반적으로 사용되는 일부 텍스트 레이아웃 비교 양식의 예만 제공합니다. p>1
크기 대비는 시각적 요소의 양적 차이를 통해 시각적 충돌을 일으키는 효과를 얻습니다.
시각적 요소의 크기는 레벨을 나눌수록 커집니다. 볼륨이 높을수록 레벨이 높아지고 눈에 더 잘 띄게 됩니다
레이아웃에 표시해야 하는 정보는 일반적으로 제목, 부제, 텍스트로 구분되며 핵심 정보와 비 -핵심 정보
중요 정보를 확대하고 2차 정보를 줄여 크기 대비를 형성
이것의 장점은 중요한 정보에 2차 정보가 간섭하는 것을 줄일 수 있다는 점입니다. 크기 대비가 레이아웃을 더 풍부하게 만들 수도 있습니다.
2
두꺼운 글꼴은 두꺼운 글꼴보다 무겁고 얇은 글꼴은 글꼴 두께 형태의 변화를 가벼워집니다. a 가벼운 것과 무거운 것의 대비
주요 정보에는 더 두꺼운 글꼴을 사용하고 보조 정보에는 더 얇은 글꼴을 사용하여 시각적 유선형을 만들고 청중이 정보를 읽을 수 있도록 안내할 수 있습니다.
위의 경우 Siyuan Blackbody라는 하나의 글꼴만 사용되었지만 서로 다른 글꼴 크기와 두께 비교를 사용하면 정보의 기본 수준과 보조 수준을 구분할 수도 있습니다
3
글꼴 비교의 경우 레이아웃에는 많은 정보가 있지만 하나의 글꼴만 사용하면 단조롭게 보일 수 있습니다. 비교를 위해 글꼴을 사용하면 서로 다른 정보를 구분할 수 있을 뿐만 아니라 레이아웃을 풍부하게 할 수도 있습니다. 서로 다른 기질, 글꼴 비교는 서로 다른 기질의 충돌입니다
글꼴을 비교할 때 글꼴 선택이 주요 내용과 일치하는지 여부도 깊이 고려해야 합니다.
, 글꼴 스타일이 생성할 수 있는 대비의 정도 등.
4
색상 대비 색상 대비를 사용하면 핵심 사항을 효과적으로 강조하고 정보를 구별할 수 있으며 다음과 같은 역할도 할 수 있습니다. 그림 꾸미기
배경색의 넓은 영역과 적은 양의 기본 색상이 강한 대비 효과를 형성하여 독자가 텍스트 정보와 주인공을 직접적으로 유도할 수 있습니다
고휘도, 고채도 노란색 본문 텍스트와 저밝기, 차가운 검정색 배경이 강한 대비를 이루며 레이아웃에 활력을 불어넣고 텍스트 정보를 효과적으로 강조합니다
5
방향 대비는 레이아웃의 텍스트 정보를 분리합니다. 서로 다른 방향으로 배열하면 레이아웃의 역동성과 공간감을 효과적으로 높일 수 있습니다.
6
밀도 대비 텍스트의 큰 부분을 조밀하게 배열 텍스트를 뭉툭하고 시각적으로 더 컴팩트하게 만들 수 있습니다.
나머지 넓은 영역은 그림의 주제를 표시하는 데 사용할 수 있습니다. 이러한 밀도의 변화는 좋은 독서 리듬을 형성할 뿐만 아니라 강화할 수도 있습니다. 테마
7
질감 대비 질감은 물체 표면의 질감 구조를 의미합니다. 재료에 따라 촉각 및 시각적 표현이 다릅니다.
텍스트에 질감을 추가합니다. 또는 배경을 거칠음과 섬세함, 단순함과 화려함, 두께감 등을 활용하여 가벼움과 얇음이 대비되어 사진에 풍성함과 표현력을 더해줍니다
본체의 캘리그라피 글자 "나뭇잎"은 역동적인 느낌을 줍니다 손글씨의 질감 자체가 있고 잉크의 질감이 더욱 강조되는 효과
텍스트 정보의 일차적 관계와 이차적 관계를 잘 구분할 수 있으며 그림의 시각적 아름다움과 예술적 표현력도 높아집니다
8
레이아웃 디자인에서는 동적과 정적인 것의 대비가 분산되는 경우가 많습니다. 움직임이나 유동성이 있는 그래픽이나 텍스트의 배열을 "동적"이라고 합니다. 수평 또는 수직 특성과 안정성이 강한 그래픽이나 텍스트를 "조용함"이라고 합니다.
"동적"은 전체 레이아웃이 활력이 넘치고 더 높은 관심을 끄는 것을 의미하며, "조용함"은 레이아웃에 안정적인 효과를 제공합니다. 이 둘을 결합하면 일정한 공간적 위계감을 연출할 수 있다
영화 포스터 '그림자'는 거칠고 야성적이다. 배경에 있는 역백색 캘리그라피 문자는 강한 움직임감을 갖고 있는데 이는 극명한 대조를 이룬다. 주인공의 평온함, 단단함과 부드러움의 결합은 중국 고전의 강한 미학을 반영합니다.
9
공간 대비 레이아웃 디자인은 평면의 레벨에만 국한되지 않습니다. 그러나 요소가 앞뒤 관계를 갖도록 허용할 수도 있습니다.
텍스트와 이미지가 앞뒤로 겹쳐지거나 배열되어 레이아웃이 계층적으로 나타나고 레이아웃이 더욱 생생해집니다. >
가상과 현실의 대비는 공간적 계층 구조를 만들 수도 있습니다. 흐린 배경을 사용하여 전경을 강조하면 주요 정보를 강조할 수 있을 뿐만 아니라 분위기, 장면 및 3차원성을 더욱 잘 표현할 수 있습니다.
원근의 대비를 사용하여 공간적 관계를 반영합니다. 원근의 원리에 따라 가까운 것이 더 크고 먼 것이 더 작아서 가까운 샷, 중간 샷, 먼 샷에서 계층감을 만들 수 있습니다.
사례 시연 1 "대조의 원리"에 대한 모든 사람의 이해를 심화시키기 위해 이번 호 기사의 주요 내용을 원본 데이터로 추출하고 "대조의 원리"를 활용하여 디자인을 실시합니다. 시연
정보를 그룹화하고 거리를 조정하려면 '친밀감 원칙'을 사용하세요. '대비 원칙'을 사용하면 정보 수준의 우선순위를 정하고 텍스트 크기와 두께에 대비를 추가할 수 있습니다. "반복 원칙"을 사용하여 동일한 수준의 텍스트를 동일한 텍스트 스타일로 설정하여 구성을 높이고 통일성을 강화합니다.