많은 사람들이 종종 공백이나 여백역주은 무시하거나 지나칩니다.
White space or “negative space”, referring to the empty space between and around elements of a design or page layout, is often overlooked and neglected.
많은 사람들이 공백이나 여백을 화면 자원의 낭비라고 생각할지도 모르지만, 공백은 웹 디자인에서 중요한 요소이며, “수동적인 배경이 아니라 능동적인 요소로 간주되어야 합니다” (Jan Tschichold이 1930년에 남긴 말)
Although many may consider it a waste of valuable screen estate, white space is an essential element in web design and “is to be regarded as an active element, not a passive background,” Jan Tschichold wrote in 1930.
공백은 컨텐츠의 가독성을 높히고 우선순위를 암시할 뿐 아니라, 시각적인 레이아웃과 브랜드의 위치에 중요한 역할을 합니다.
Not only is white space responsible for readability and content prioritization, it also plays an important role in the visual layout and brand positioning.
가독성과 속독성을 높입니다.
공백을 효과적으로 사용하는 법 에 관한 Web Design Tuts의 참고서에서는 공백의 역할을 다음과 같이 지적합니다: “방문자가 한번에 보아야 하는 텍스트의 양을 감소시키며 훨씬 읽기 쉽게 만듭니다”. 어수선한 페이지는 매력적이지 못하며, 사용자가 그 내용을 읽고 싶어하도록 만들지 못합니다. 텍스트 사이에서 시각적인 계층구조가 형성되지 못했다면 더욱 그렇습니다. Wichita 주립 대학에서 행한 연구에서는 공백이 읽는 속도를 떨어뜨릴수도 있지만, 실제로 독해능력을 높인다는 사실을 보여줍니다.
Allows for easier readability and scannability
Web Design Tuts’ tutorial on using white space effectively points out that the basic role of white space is to „reduce the amount of text visitors see all at once and makes reading much easier.” A cluttered page is unattractive and doesn’t make users want to read the content, especially when there’s no visual hierarchy within the text. A lab research conducted by Wichita State University showed that white space actually improves reading comprehension, although it may decrease reading speed.
사용자 인터페이스 요소들의 우선순위를 암시합니다.
Luke Wroblewski는 Developing the Invisible 에서 다음과 같이 주장합니다: “디자이너에게 공백은 종종 컨텐츠 자체만큼이나 중요합니다”.인터페이스 속에 있는, 그러한 보이지 않는 요소들은 “무엇이 가장 중요한지, 관련된 것이 무엇인지, 주목이 필요한 것이 무엇인지” 쉽게 알 수 있도록 해줍니다.
Prioritizes user interface elements
Luke Wroblewski claims in Developing the Invisible that “for designers, white space is often as important as the content itself,” as such invisible elements of the interface help communicate „what’s most important, what’s related, and what needs attention.”
페이지에서 사용자를 가이드합니다.
Carla Rose는 이렇게 주장합니다: 공백이 컨텐츠의 요소들을 포커스로 이동시킴에 따라, “실제로 안구의 이동을 한 지점에서 다른 지점으로 가이드합니다.” Jason Santa Maria는 자신의 공백의 디자인에 관한 글 에서 이렇게 말합니다: 공백의 가장 중요한 역할은 “페이지에서 독자를 디자이너의 의도에 따라 움직이는 것입니다.”
Guides users on a page
As white space can bring elements of the content into focus, it can “actually guide your eye from one point to another,” Carla Rose argues. A very important role of white space is to lead „the viewer around the page by the designer’s intent,” Jason Santa Maria discusses in his article on white space design.
세련되고 우아한 느낌을 자아낼 수 있습니다.
공백을 잘 사용하면, 심지어는 의도한대로 브랜드 위치를 정하는것에도 기여할 수 있습니다. A List Apart 에서 공백에 관한 자세한 글 을 게제한 일이 있었는데, 거기에서는 “품격 있는 브랜드를 위해 세련되고 우아한 느낌을 자아낼 수 있다” 라는 주장이 있습니다. 예를 들어, 화장품들의 광고 매체에 공백을 아주 많이 사용함으로서 명품이라는 분위기를 냅니다.
Can create the feeling of sophistication and elegance
The generous use of white space can even contribute to the desired brand positioning. A List Apart has written a comprehensive article about white space which claims that it can “create a feeling of sophistication and elegance for upscale brands.” Cosmetics, for example, use usually extensive white space in their marketing material to tell they’re high quality products.
균형잡히고 조화로운 레이아웃에 필수불가결합니다.
Jason Santa Maria 에 따르면, “페이지의 공백은 모든 면에서 이미지들이 차지하는 공간 만큼이나 중요합니다. 빈 공간조차도 어떤 목적을 수행하며, 레이아웃의 시각적 통일성에 일조합니다.”
Is essential for a balanced, harmonious layout
“The empty space on a page can be every bit as important as the space occupied by imagery, because even empty space serves a purpose and supports the visual integrity of a layout,” according to Jason Santa Maria.
그래픽과 이미지 주변의 공간
Space around graphics and images
마진, 패딩
Margins, paddings and gutters
텍스트 컨텐츠 내부의 줄간격과 자간
Line-spacing and letter-spacing within text content
단 사이의 공백
Space between columns
… 아니면 우리 사이트에서 공백을 어떻게 사용했는지 보셔도 됩니다 :)
http://www.makemylogobiggercream.com/ 를 시험해보세요!
1. 디자인이나 페이지 레이아웃에서 요소 사이와 주변의 공간을 말합니다.돌아가기