main-image
[템플릿제작 TIP] 텍스트, 이미지 균형감있게 배치하기
2022년 8월 29일작성
2,562 명 읽음

[템플릿제작 TIP] 텍스트, 이미지 균형감있게 배치하기

 

 

 

텍스트와 이미지를 적절하게 배치하는 것은 디자인의 완성도를 좌우합니다.

이미지는 텍스트보다 훨씬 더 쉽게 내용을 예측할 수 있게 해주며 집중할 수 있게 해줍니다.

 

 

 

1. 캔버스를 9등분(3x3)하여 서로 대칭이 되도록 배치

가로 3등분, 세로 3등분의 가상의 선을 기준으로 삼아 배치하면 전체적으로 균형감 있고 안정적인 느낌을 주며, 내용에 더욱 집중할 수 있도록 만들어 줍니다.

 

 

 

캔버스를 가이드라인으로 9등분으로 칸을 분할하여 놓은 뒤, 각 위치에 대칭되는 형태로 오브젝트를 배치합니다.

크기는 비율에 맞게 자유롭게 설정하도록 합니다.

처음에는 가이드라인을 활용해 배치를 하고 익숙해지면 가이드라인이 없이도 안정적인 배치를 할 수 있습니다.

 

대칭으로 배치하게 되면 상하좌우로 동일한 위치에 구성 요소들이 마주 보고 있어 질서에 의한 통일감을 주게 됩니다.

구성 요소의 경우 동일한 크기의 요소일 수도 있고, 무게감은 동일하나 크기는 다른 요소일 수도 있습니다.

 

아래의 예시를 참고해주세요!

 

 

 

 

 

2. 강조하고 싶다면 이미지를 크게/아주 크게/작게 배치

강조를 하고 싶다면 3가지 방법으로 배치해 볼 수 있습니다.

 

1) 캔버스에 이미지를 크게 배치하고, 남는 여유 공간에 텍스트 배치

2) 캔버스에 이미지가 넘치도록 배치하고, 이미지 자체의 빈 공간이나 남는 여유 공간에 텍스트 배치

3) 캔버스에 이미지를 작게 배치하고, 대칭이 되는 반대 편에 텍스트 배치

 

 

이렇게 배치할 시 집중도가 높아지게 되고 강력한 임팩트를 남길 수 있습니다.

 

 

 

 

3. 시선의 흐름에 따른 배치

사람은 자연스러운 시선의 흐름을 가집니다. 이런 기본적인 흐름의 전제 하에 우리는 전달하고자 하는 우선순위부터 배치해야 합니다.

 

※ 시선의 흐름

1) 왼쪽에서 오른쪽으로

2) 위에서 아래로

3) 이미지 속 모델의 시선이 향하는 방향

 

 

시선이 가장 먼저 가는 부분에 무거운 느낌의 이미지를 배치하면 안정감을 줄 수 있습니다.

글의 내용은 왼쪽에서 오른쪽, 위에서 아래 방향으로 하는 것이 시선이 자연스럽게 흐르게 되어 좋습니다.

또한 강조하고자 하는 부분이 있으면 굵기나 컬러를 사용하여 돋보이도록 합니다.

 

 

 

 

 

이미지 속의 모델이 바라보는 방향에 텍스트를, 사물이 있는 경우에도 동일하게 방향에 따라 텍스트를 배치한다면 자연스럽게 텍스트에 시선이 집중되도록 유도할 수 있습니다.

 

 

 

위의 왼쪽 이미지들과 같이 시선의 반대방향으로 내용을 배치하면 텍스트와 이미지가 분리된 느낌이 듭니다. 

오른쪽 이미지와 같이 시선이 향하는 곳으로 배치하는 것이 자연스럽게 연결된 느낌을 줍니다.

시선이 정면을 향하는 이미지의 경우에는 왼쪽, 오른쪽 어느 위치에나 배치해도 좋습니다. 

 

 

위의 방식들을 이용하여 이미지와 텍스트를 배치하여 균형잡힌 레이아웃을 완성해 보세요!

 

 

 

참조

  • https://adstorepost.com/26
  • https://m.blog.naver.com/yeeeeeei/220674150869

최신 아티클
thumbnail
[크리에이터 인터뷰] 디자인은 커뮤니케이션이다! 키츠 디자인 스튜디오
인터뷰 요약현업에서 다양한 그래픽 디자인을 하고 계신 키츠 디자인 스튜디오님! 세컨드잡으로 툴디 플랫폼을 선택하여 활동 중이에요.프로모션 관련 템플릿 콘텐츠에 강점이 있는 크리에이터에요. 메시지 전달력이 우수하죠!툴디는 크리에이터 공생 생태계가 아주 큰 장점이라고 생각해요! ​ 세컨드잡으로 선택한 툴디 플랫폼 : 키츠 디자인 스튜디오 크리에이터 “ 저는 디자인을 통해 전달하고자 하는 바가 명확하게 소통되는 것을 원해요! ” 오늘도 새롭게 툴디 크리에이터로 활동을 시작한 크리에이터의 이야기를 들어보려해요! 바로 키츠 디자인 스튜디오님이신데요! 키츠디자인스튜디오님은 툴디팀이 너무너무 눈여겨보고 있던!! 아주아주 고퀄리티 콘텐츠를 만들어주시던 크리에이터셨는데, 이렇게 인터뷰를 통해 만나뵙게 되어 너무 영광이었어요! 크리에이터님의 앞으로의 경험과 포부에 대해 인터뷰를 통해 들어볼까요?​​​​Q. 안녕하세요! 툴디 크리에이터로 활동을 시작하신다고 들었어요. 먼저 자기 소개를 해주실 수 있을까요?​안녕하세요! 툴디 크리에이터로 활동하게 된 키츠 디자인 스튜디오입니다. 디자인의 가치를 고도화 시켜주는 새로운 디자인 플랫폼인 툴디와 함께하게 되어 정말 기쁩니다. 저는 현직 디자이너로 일하고 있으며 툴디 플랫폼을 활용해 다양한 프로모션 디자인을 제작하고 있습니다. ​저는 디자인을 통해 알리고자 하는 내용을 효과적으로 전달하면서도, 동시에 매력적인 요소를 담아내는 것을 목표로 하고 있습니다. 툴디 플랫폼에 업로드하는 저의 콘텐츠가 다양한 창작자 분들의 비즈니스 목표와 니즈를 충족시키는 데 기여할 수 있도록, 최상의 결과물을 만들어내기 위해 집중하고 있어요!​디자인에 오로지 몰입할 수 있는 키츠디자인스튜디오님의 작업실이에요! 정말 스튜디오같군요!​​Q. '키츠 디자인 스튜디오'님의 자신 있는 창작 분야는 무엇인가요?​제가 가장 자신 있는 창작 분야는 그래픽 디자인입니다. 특히 프로모션과 관련된 마케팅 콘텐츠를 중점적으로 제작하고 있습니다.​저 스스로도 프로모션 디자인을 굉장히 좋아하는데요! 프로모션과 관련된 디자인은 비언어적으로도 강력한 메시지를 전달할 수 있는 장점이 녹아있어요! 저는 이미지적인 컴포넌트 구성에 굉장히 큰 강점을 갖고 있는 디자이너라고 생각해요. 그래서 전체적 이미지를 구상하고 내가 소유하였거나 다른 크리에이터분이 올려주신 그래픽 요소를 활용해 언어적 제약을 뛰어넘어 효과적으로 원하는 내용을 만들어 내는 것에 굉장한 흥미를 갖고 있습니다.​개별 요소 콘텐츠를 창작하는 것도 물론 재밌어요! 그래서 툴디 크리에이터로 활동하면서 느끼는 것은 툴디 에디터를 이용해 콘텐츠, 컬러, 폰트, 레이아웃 등 다양한 요소를 직접 조합하여 효과적인 한 장의 완성된 디자인, 즉 템플릿을 만들어내는 과정에서 큰 즐거움을 느끼고 있습니다.​이러한 작업을 통해 매력적인 메시지를 전달할 수 있는 것이 저의 큰 자부심입니다.​​​ 키츠디자인스튜디오님의 템플릿은 아주 키치하면서도 깔끔하죠!​​ Q. 평소 ‘디자인’이라는 주제에 대한 크리에이터님의 생각이 궁금해요! ​디자인에 대한 질문은 정말 오랜만이네요! 디자이너지만 디자인에 대해 고민해봤던 것이 정말 오래된 것 같아요!​항상 동일하게 적용될 수 있는 내용은 아니겠지만, 제 머릿 속에 꾸준히 자리잡은 생각은 이거에요! '디자인은 우리의 삶에 밀접하게 연결된 강력한 커뮤니케이션 수단 중 하나'라고 생각합니다. 누군가 어떤 내용을 효과적으로 전달하고 싶을 때, 단순히 글로 표현하는 것보다 디자인 콘텐츠가 더해지면 이해도가 훨씬 높아지죠.​신기하게도 디자인은 복잡한 정보를 간결하고 명확하게 전달할 수 있는 방법을 제공합니다. 적절한 그래픽 요소와 레이아웃을 사용하면 정보를 시각적으로 구조화하고 직관적으로 이해할 수 있게 구성이 되요! 이런 점은 제가 프로모션 디자인을 전문으로 하는 이유와도 일맥상통합니다. 저의 디자인 철학이 적용된 다양한 콘텐츠가 사람들에게 도움이 된다는 사실에 큰 뿌듯함을 느낍니다. ​​Q. 정말 멋집니다! 크리에이터님은 툴디가 어떤 서비스가 되길 바라나요?​이건 저 말고도 주변에 많은 디자이너분들이 이야기하고 있는 내용인데요!툴디는 크리에이터 중심의 플랫폼이다 보니 툴디 크리에이터들이 만들어낸 요소, 사진, 콘텐츠가 다른 플랫폼에서는 찾아볼 수 없을 정도로 많고, 그것이 정말 특별한 가치를 지니고 있습니다. 또한 크리에이터와 크리에이터가 보이지 않게 협업하며 다양한 콘텐츠를 만들어가고 수익을 분배할 수 있는 것, 이러한 생태계를 구축한 툴디 플랫폼은 더욱 빛날 수 있는 보석과 같은 가치를 가지고 있다고 생각합니다.​바라는 점은 더 빠른 시간 내에 툴디 플랫폼이 지금보다 훨씬 더 성장하여 크리에이터 생태계가 더더욱 확대되고, 이를 이용하는 창작자분들도 합리적인 가격으로 원하는 디자인을 얻을 수 있는 기회가 많아지길 바랍니다! 그렇게 된다면 툴디는 크리에이터와 창작자 모두에게 더욱 가치 있는 플랫폼으로 자리 잡을 것입니다. 그럼 정말 우주 최강의 디자인 플랫폼이 될수도!!​ ​​Q. ​툴디 크리에이터 생태계에서 ‘이건 정말 좋다!’라고 생각했던 것은 무엇인가요? ​툴디 크리에이터 생태계에서 제가 가장 좋다고 생각한 부분은 다른 크리에이터들이 만들어준 요소들을 자유롭게 사용할 수 있다는 점입니다. 디자이너로서 일을 하다 보면 요소를 직접 제작하거나 적합한 요소를 찾는 과정에서 많은 시간을 소비하게 됩니다. 또 저작권 문제를 꼼꼼히 체크해야 하는 것도 많은 수고를 요구합니다. 하지만 크리에이터의 콘텐츠는 이미 저작권 문제가 해결되었고, 제가 이를 활용하면 다른 크리에이터 분들에게도 수익이 배분될 수 있어서 긍정적인 마음으로 사용할 수 있는 것 같아요!​그리고 툴디에서 템플릿 콘텐츠를 제작할 때 느꼈던 것인데, 키워드 검색을 통해 해당 테마에 맞는 다양한 요소들이 많이 준비되어 있다는 점이 매우 매력적이었습니다. 툴디에서 뉴스레터로 주기별로 제시되는 키워드들을 모든 크리에이터가 합심해서 만들어 놓으면 굉장히 편리합니다! 왜냐면 시즌별로 만들어야 하는 콘텐츠가 정해져있기 때문이죠!툴디에서는 이러한 키워드 콘텐츠들을 크리에이터 모두가 만드는 것이 굉장히 큰 장점입니다. 게다가 단순히 사용에서 끝나는 것이 아니라, 그 요소들을 제작해주신 다른 크리에이터분들에게도 수익이 가는 공생 구조라는 점이 이 생태계를 지속 가능하게 만들어준다고 생각해요! 키보드와 마우스보다 더 눈길이 가는 영롱한 와플 템플릿!​ Q. 앞으로 크리에이터님의 콘텐츠를 활용할 창작자들에게 한 마디 부탁드립니다.​앞서 말씀드렸다시피, 저는 제가 만든 디자인을 통해 효과적인 커뮤니케이션이 이루어지는 것에 뿌듯함을 느껴요.​제가 툴디에서 만드는 디자인이 사람들에게 긍정적인 영향을 미치고, 브랜드나 제품의 가치를 높이며, 기억에 남는 인상을 이끌어내는 것이 목표입니다. 디자인이 가지는 힘을 최대한 발휘하여 많은 사람들의 커뮤니케이션에 도움이 되고자 합니다.앞으로도 툴디라는 매력적인 플랫폼을 통해 여러분을 찾아뵙겠습니다. 잘 부탁드립니다!​
thumbnail
[새로운 기능] 템플릿 디자인 외국어로 만들기? 어렵지 않아요!
안녕하세요!우주 최고의 디자인 플랫폼, 툴디(tooldi) 입니다! 툴디는 얼마 전, 생성형 AI(Artificial Intelligence, 인공지능) 기술을 이용해 새로운 이미지를 생성하는 기능을 출시하였는데요! 여기서 멈추지 않고 툴디팀은 또 한번 AI를 이용한 새로운 기능을 출시하였고 지금 이 자리에서 여러분께 소개할 수 있게 되었어요! 짜란, 그것은 바로, AI자동번역 기능입니다! 이번에 출시된 AI 자동번역 기능은 여러분의 템플릿 디자인이 국내를 넘어 해외에서 더 많은 비즈니스 효과를 누릴 수 있도록 도와드리는 기능이에요! 이미 많은 분들이 해외 비즈니스를 위해 유튜브, 인스타그램이나 페이스북, X(옛 트위터)와 같은 다양한 서비스를 이용하고 있죠! 이 때 가장 큰 벽에 부딪히는 것이 무엇일까요? 그렇죠, 바로 언어에 관련된 문제입니다! 트렌디한 디자인 하나가 굉장한 마케팅 효과를 불러 일으키는 것은 자명한 사실, 그러나 디자인 안에 이해할 수 없는 언어로만 구성되어 있다면? 유튜브 썸네일에 요상한 언어만 있다면? 이것만큼 툴디팀의 마음을 아프게 하는 것이 없었어요 :( 툴디팀은 왜 AI자동번역 기능을 만들었나요? 툴디팀은 창작자님들이 갖고 계신 언어에 대한 문제를 재빠르게 해결하고 싶었어요! 그렇다고 디자인을 만들고 올리기에도 시간이 부족한 우리 창작자님들이 직접 구글이나 파파고 서비스를 들어가게 하고 싶지도 않았구요! 툴디팀이 생각한 방식은 이것이에요!툴디 에디터에서 원하는 부분만 꼭 찝어 3초 안에 번역해 드리자!디자인을 만드시느라 집중하시는 창작자님들을 가장 편리하게 만들어드리고 싶다고 생각했어요! 또 다양한 크리에이터 인터뷰를 통해 디자인을 신속 정확하게 번역하고 싶어하는 여러분들의 마음을 툴디팀이 빠르게 파악했구요! 이것이 언어 장벽에 부딪혀 마음 아파하고 계신 창작자 여러분을 위한 툴디팀의 자그마한 정성이자 마음이었어요! AI 자동번역 기능 사용방법 툴디 AI 자동번역 기능은 생각보다 사용하기 쉬워요!반짝거리는 저 버튼을 눌러보세요, 그리고 표시되는 서비스 UI를 따라가다 보면 어느새 번역되어 있는 나의 템플릿 디자인을 만날 수 있을거에요! -툴디 접속 : 툴디 웹사이트에 접속하여 로그인합니다. 만약 계정이 없다면 회원가입 또는 퀵로그인 기능을 이용하여 로그인 합니다.-에디터 오픈 : 메인 페이지 우측 상단에 '디자인 시작'버튼을 클릭하여 툴디 에디터를 오픈합니다.-템플릿 제작 : 용도에 맞는 템플릿 디자인을 제작합니다! 물론 한글을 사용해서 내용이 풍부하게 설명될 수 있도록 제작해 주세요!-AI 번역 버튼 클릭 : 에디터 우측 상단에 보시면 AI 번역 버튼이 보이실거에요! 주저하지 말고 클릭!-도착 언어 선택 : 현재 제작된 내용을 어떤 언어로 번역하고 싶은지 선택하는 메뉴에요! 총 9가지 언어(한국어/영어/일본어/중국어/인도네시아어/독일어/스페인어/프랑스어/이탈리아어)로 구성되어 있습니다!-번역 범위 선택 : 페이지 전체 번역과 개별 텍스트를 선택해서 번역하는 방식 2가지입니다! 나에게 맞는 번역 범위를 선택하세요!-AI 번역 실행 버튼 클릭 : 선택한 텍스트를 도착 언어로 번역하는 트리거 버튼이에요!-수정 : 더 자연스러운 표현을 위해 특정 텍스트만 추출해서 다시 번역을 실행해 보세요! 여러분의 시간을 아껴드리는 놀라운 번역 기능! 툴디팀은 앞으로도 여러분의 창작이 더 다채롭게 진행될 수 있도록 다양한 AI 기술을 도입할 예정이에요! AI 자동번역 Tip! 이것을 기억하세요!원문을 잘 살펴보세요! : 모호하거나 의미가 불분명한 텍스트는 AI가 어떻게 번역해야 할 지 난감한 표현 중에 하나에요! 번역이 필요한 디자인이라면 원문 텍스트 작성 시 이 점을 반드시 고려해주세요!정확한 맞춤법을 사용: 오탈자나 무분별한 띄어쓰기 등 정확하지 않은 맞춤법은 AI가 의미를 파악하기 어려운 문제 중에 하나에요. 정확한 번역을 위해서 정확한 맞춤법은 반드시 지켜주세요!텍스트 박스 키우기 : 번역을 하면 문장이나 단어의 길이가 더 길어질 수 있어요! 디자인 시 텍스트 박스의 크기를 미리 조절해 두는 것은 후작업에 굉장한 시너지를 발휘할 거에요! >>> 더 많은 AI스탯포인트를 얻으려면?! : 툴디 Pro 구독하러 가기  AI 자동번역 활용사례​소셜미디어 콘텐츠 : 소셜미디어에서 다양한 해외 계정을 운영하고 계신가요? 툴디로 만든 디자인을 다양한 언어로 번역하고 여러가지 해외 계정에 업로드해 보세요!썸네일 제작 : 유튜브 등 썸네일 제작 시 편리한 자동 번역 기능으로 해외 이용자의 이목을 집중시킬 디자인을 만들어 보세요!​ ​지금 에디터를 열고 툴디 AI 자동번역 기능을 바로 사용해 보세요! >>> 바로 사용하기