main-image

[템플릿 제작TIP] 적절한 여백 사용하기

2022년 8월 11일작성
3,477 명 읽음

[템플릿 제작TIP] 적절한 여백 사용하기

 

 

여백은 디자인의 전체적인 인상을 결정하고 핵심이 되는 내용에 집중할 수 있도록 시각적인 환경을 만들어 주기 때문에 디자인의 중요 요소 중 하나 입니다.

 

여백이란 디자인 요소들 사이사이에 비어있는 공간을 말합니다. 이런 빈 공간은 디자인을 보다 깔끔하고 우아하게 만들어 줍니다. 그리고 빈 공간은 꼭 흰색에만 국한되지 않습니다.

여백에는 그래픽과 이미지 주변의 공간, 마진, 패딩, 페이지 사이의 간격, 텍스트의 자간과 행간도 모두 포함됩니다.

 

 

 

적절한 여백 사용하기

 

 

1. 텍스트의 자간/행간 조절

텍스트를 강조하기 위해서도 여백이 중요합니다.

아래의 예시와 같이 적절한 자간, 행간, 문단 사이의 공간 조절은 가독성을 높여줍니다.

  • 자간 : 글자와 글자 사이
  • 행간 : 글줄과 글줄 사이

 

 

 

 

2. 사방에 여백 두기 (가운데 시선 집중)

모든 공간이 여백 없이 텍스트나 요소, 이미지 등으로 채워져 있다면 보는 사람의 눈도 피곤하게 만들어 집중도가 떨어져 전달하려는 메시지가 분산되기 쉽습니다.

사방으로 여백을 두면 시선의 분산을 최대한 막게 되고 자연스럽게 시선이 가운데로 집중되어 내용들이 한 눈에 다 들어옵니다.

 

 

 

 

3. 상하/좌우 동일한 여백

여백이 과도하게 한쪽으로 쏠리는 경우 불안정해 보입니다.

특별한 경우가 아니라면 상하/좌우 동일한 여백을 주게 되면 안정적이고 균형 있는 디자인을 만들 수 있습니다.

 

 

 

내용을 캔버스에 꽉 채우려 하지 말고 적당한 여백을 주면, 같은 모양의 레이아웃이라도 여백이 있을 때 더 집중이 잘됩니다.

이렇게 적당한 여백은 심리적으로 안정감을 주고 가독성이 높아져 이해력도 향상 시킵니다.

 

 

 

 

 

4. 불필요한 디자인 요소 제거

디자인 요소들을 사용할 때 역할이 명확하지 않은 것들을 제거하면 핵심이 되는 내용을 돋보이게 할 수 있습니다.

내용에 맞는 적절한 이미지와 그에 어울리는 폰트, 도형의 크기, 굵기, 색깔 만으로도 충분히 깔끔한 연출이 가능합니다.

복잡함을 줄이면 집중도 및 이해도가 올라갑니다.

 

 

 

여백의 미 라는 말이 있듯이 적절한 여백만으로도 한 층 더 나은 디자인으로 발전시킬 수 있습니다!

툴디의 다양한 템플릿에서 크리에이터들이 여백을 어떻게 사용했는지를 참고하시어 디자인해보세요!

 

 

 


최신 아티클
thumbnail
[툴디 INFO] 크리에이터별 콘텐츠 검색 기능 업데이트!
안녕하세요, 디자인 플랫폼, 툴디(tooldi) 입니다!많은 분들의 요청이 있었던!특정 크리에이터의 콘텐츠를 검색할 수 있는 기능이 업데이트되었습니다!내가 좋아하는, 원하는 크리에이터의 콘텐츠를 좀 더 빠르고 쉽게 찾으실 수 있어요! 💡 검색 문법 안내 @크리에이터명 + 콜론(:) + 키워드👉 크리에이터명 뒤에 콜론(:)을 붙이고, 찾고 싶은 키워드를 입력해보세요!해당 크리에이터가 제작한 콘텐츠 중, 해당 키워드가 포함된 콘텐츠만 필터링해서 볼 수 있어요. 🔍 어떻게 검색되나요? ✅ 기본 검색 방식키워드 사이 콤마(,) 또는 띄어쓰기로 사용 시 모두 OR 검색됩니다! 예시[학교, 학생] 또는 [학교 학생] 검색 시👉 '학교' OR '학생' 키워드가 포함된 콘텐츠 검색 [학교, @tooldi, 학생] 또는 [학교 @tooldi 학생] 검색 시👉 '학교' OR '@tooldi' 소유 콘텐츠 OR '학생' 키워드가 포함된 콘텐츠 검색 ✅ 크리에이터 콘텐츠 검색 예시@tooldi: 책상👉 '@tooldi' 가 소유한 콘텐츠 중, '책상' 키워드가 포함된 콘텐츠 검색 ✅ 복합 검색 예시@tooldi: 제주도, 여행 / @tooldi: 제주도 여행👉 '@tooldi' 콘텐츠 중 '제주도' 키워드가 포함된 콘텐츠 이거나, '여행' 키워드가 포함된 콘텐츠 검색 ✨ 더 편리해진 검색 기능을 활용해서 원하는 콘텐츠를 빠르게 찾아보세요!툴디는 앞으로도 검색 편의성을 높이기 위한 기능을 계속해서 개선해 나가겠습니다.많은 활용 부탁드립니다! 😊
thumbnail
[툴디 INFO] 페이지, 배경제거, 텍스트 부분편집 기능 업데이트
🆕 툴디에 새롭게 추가된 기능을 소개합니다!페이지 관리, AI 배경제거, 텍스트 부분 편집까지 더 쉽고, 더 강력해진 디자인 기능으로 작업 효율을 높여보세요! 📃 페이지 관리 기능 이제 하나의 작업에서 여러 페이지를 효율적으로 관리할 수 있습니다.[페이지 목록] 기능을 통해 전체 페이지를 한눈에 확인하고, 다음 작업을 이어가세요!👉 페이지 선택 / 추가 / 복제 / 삭제 / 이동 / 순서 변경 가능 ✨ AI 배경 제거 기능 툴디 AI 배경제거 기능으로 손 쉽게 배경을 제거할 수 있습니다.이미지 선택 후 [AI 편집 - 배경제거] 클릭하면 자동으로 배경이 제거돼요!추가 편집이 필요하다면 한 번 더 클릭해 세부 조정 가능👉 세부 편집 기능도 강화(지우기, 복원하기) 🔤 텍스트 부분 편집 기능 텍스트 편집 기능이 더 정교하게 업그레이드되었습니다.하나의 텍스트 박스 안에서 부분별 스타일 적용이 가능해졌어요!👉 부분 색상 / 폰트 / 굵기 / 글꼴 크기 변경 지원※ 단, 텍스트 효과(그림자, 외곽선 등)는 전체 적용만 가능합니다. 온라인 디자인 플랫폼 툴디는더 쉽고, 더 빠르고, 더 유연한 디자인 환경을 위해 끊임없이 발전하고 있습니다.지금 새로워진 기능들을 직접 사용해보세요!