WORK ABOUT LAB CONTACT
contact@yellow-finger.com
02.2205.4128
The importance of white space
여백의 중요성
The importance of white space
When it comes to using white space in web design, balance is key. Here's how to achieve it.
웹 디자인에서 여백을 사용할 때 균형이 중요합니다. 달성 방법은 다음과 같습니다.
요약 :)
“여백은 수동적인 배경이 아닌 능동적인 요소로 여겨져야 합니다.” – 얀 치홀트

독일의 타이포그래퍼이자 북 디자이너는 이 말에서 무엇을 의미했습니까?
더보기→

출처.
Gaelle Monin. (n.d). Pixel Fridge. The importance of white space. 2022.06.15. https://pixelfridge.digital/the-importance-of-white-space/
“여백은 수동적인 배경이 아닌 능동적인 요소로 여겨져야 합니다.” – 얀 치홀트 독일의 타이포그래퍼이자 북 디자이너는 이 말에서 무엇을 의미했습니까? 디자인에서 공백이란 무엇입니까? 공백이 완전히 공백을 의미하지는 않습니다. 색상, 질감 또는 배경 이미지가 될 수 있습니다. 포지티브 스페이스가 실제 피사체인 반면, 공백('네거티브 스페이스'라고도 함)은 피사체를 둘러싼 영역입니다. 디자인 요소 사이에서 찾을 수 있지만 요소 자체 내에서도 찾을 수 있습니다. 타이포그래피에서 글리프 내부와 사이의 공간은 공백의 좋은 예입니다. 이 음수 공간이 없으면 글리프를 해독할 수 없습니다. 종종 우아함과 미니멀리즘과 관련된 여백은 디자인 및 응용 예술의 핵심 원칙입니다. 예를 들어 사진이나 그림에서 네거티브 스페이스를 사용하는 것은 더 나은 구성을 달성하는 데 중요합니다. 피사체가 숨쉬는 공간 역할을 하여 피사체가 돋보이게 합니다. 보는 사람의 눈은 프레임이나 캔버스 주변을 자유롭게 돌아다니며 점차 초점으로 안내됩니다. 부정적인 공간은 전체 이야기를 전달하는 데 도움이 되며 뇌가 받아들이는 모든 것을 처리하기 때문에 눈의 휴식처 역할을 합니다. 아트 큐레이터는 갤러리에 작품을 전시할 때도 동일한 원칙을 적용합니다. 예술 작품을 돋보이게 하는 일반적인 기술은 공간을 제공하는 것입니다. 예술 쇼의 영웅 작품이 종종 다른 사람들과 떨어져 전시되어 자체 벽 또는 아마도 자체 방의 중앙 무대를 차지하는 것은 우연이 아닙니다. 큐레이터는 이러한 방식으로 격리함으로써 다른 주의를 산만하게 하지 않고 의도적으로 시청자의 완전한 관심을 사로잡습니다. 여백과 인터페이스 디자인 디지털 플랫폼을 위한 디자인과 관련하여 긍정적인 공간과 부정적인 공간 사이의 상호 작용은 여전히 ​​적절합니다. 그림이 칠해진 조각으로 만들어지는 것처럼 웹 페이지나 앱의 레이아웃은 타이포그래피와 선에서 이미지와 아이콘에 이르기까지 다양한 시각적 구성 요소로 만들어집니다. 이러한 구성 요소가 목적을 이루기 위해서는 모두 놓을 캔버스와 함께 고정할 배경이 필요합니다. 긍정적인 공간과 부정적인 공간 사이의 올바른 균형은 시각적 커뮤니케이션 경험을 향상시키는 더 나은 콘텐츠 구성을 가능하게 합니다. 화면이 바쁘면 시각적 커뮤니케이션이 효과적이지 않습니다. 한 번에 너무 많은 요소가 표시되면 사용자의 정보 처리 능력이 저하됩니다. 받아들일 정보가 적으면 뇌가 쉽게 집중할 수 있습니다. 공백 및 시각적 계층 긍정적인 공간과 부정적인 공간 사이의 복잡한 상호 작용을 이해하는 것은 미술관의 큐레이터처럼 디자이너가 개발해야 하는 기술입니다. 디자이너는 시각적 계층 구조를 사용하여 사용자가 보기를 원하는 순서대로 디자인 요소를 구성합니다. 여백은 사용자가 정보를 일시 중지하고 요약할 수 있는 '조용한' 영역을 도입하여 유익한 콘텐츠의 청크를 나누기 때문에 여기에서 적극적인 역할을 합니다. 대화형 콘텐츠를 통해 사용자를 의도적으로 특정 영역으로 안내합니다. 클릭 유도문안과 같은 초점은 더 많은 호흡 공간이 제공될 때 더 두드러집니다. 다양한 유형의 공백 그렇다면 디자이너는 어떻게 여백을 효율적으로 사용할 수 있을까요? 이 기술은 단순히 각 콘텐츠 블록 사이에 공백을 삽입하는 것 이상입니다. 레이아웃의 다른 영역에서 서로 다른 용도로 사용하려면 두 가지 범주의 공백을 고려해야 합니다. 매크로 공백은 전체 레이아웃을 둘러싸고 웹사이트의 콘텐츠 블록을 나눕니다. 전체 레이아웃 주변과 정보 청크 사이의 충분한 공간은 콘텐츠를 구성하고 정리하는 데 유용합니다. 마이크로 여백은 디자인 요소, 선, 단락 또는 이미지 사이에 사용됩니다. 컨테이너 내에서 정보를 읽을 수 있는지 확인합니다. 열린 문이 있는 흰색 방 고려해야 할 사항 그렇다면 디자이너는 레이아웃에서 사용할 공백의 양 또는 적은 양을 어떻게 알 수 있습니까? 브랜딩 및 메시징은 공백을 사용하는 방법을 결정하는 데 도움이 됩니다. 브랜드가 미니멀한 분위기를 요구한다면 매크로 여백의 사용을 늘리고 콘텐츠에 더 많은 호흡 공간을 제공하는 것이 합리적입니다. 반면에 보다 콘텐츠 중심적인 브랜드의 경우 더 많은 양의 정보를 지원하기 위해 가독성에 대한 요구가 증가함에 따라 마이크로 여백이 주도합니다. 인터페이스 디자인과 관련된 다른 모든 것과 관련하여 사용자는 공백을 사용하는 방법을 결정하는 데 도움이 됩니다. 대상 고객과 그 요구 사항을 알면 웹 사이트 콘텐츠를 구성하는 방법을 알 수 있습니다. 디자인에서 항상 그렇듯이 테스트는 대상 청중이 디자인을 해석하는 방법과 공백이 인터페이스의 활성 구성 요소로서의 역할을 수행하는지 여부를 평가하는 효율적인 방법입니다. 간단한 사용성 테스트를 통해 디자이너는 새로운 관점에서 외부 피드백을 얻을 수 있습니다. 히트 맵은 또한 사용자가 특정 구성 요소와 상호 작용하는 정도를 확인하는 데 유용합니다. 결과에서 특정 클릭 유도문안과의 상호 작용이 부족한 것으로 나타나면 레이아웃에 숨을 쉴 수 있는 공간을 추가하여 더 눈에 띄게 만드는 것을 고려해 볼 가치가 있습니다. 여백은 강력한 디자인 도구입니다. 여백을 효과적으로 사용하는 방법을 이해하면 디자인이 즐겁고 상호 작용하기 쉽습니다. 웹용으로 디자인할 때 성공적으로 사용하려면 연습과 시행착오가 필요합니다. 그러나 사용자 경험을 극적으로 향상시킬 때 노력할 가치가 있습니다.