티스토리 뷰

반응형

유튜브 섬네일의 핵심! 가독성!

수많은 유튜브 콘텐츠 사이에서 시청자의 눈에 띄려면 무엇보다,

쉽게 읽고 이해할 수 있는 섬네일을 만들어야 합니다. 

 

잘못된 섬네일 예시!

이런 부분들을 공부를 통해서, 하나씩 조금씩 개선해 나가면 좋겠습니다.

 

가독성을 높이는 방법 4가지를 알아보도록 합시다.

  1. 프레임 조정
  2. 크기의 대비
  3. 굵기 조정
  4. 여백 조정

1. 프레임 조정

섬네일에 들어가는 전달하고자 하는 글자수는 제한되어 있습니다. 

그 섬네일을 글자로만 가득 채운다면, 가독성이 떨어집니다. 

 

섬네일에 글자를 입력할 가상의 프레임을 섬네일보다 작게 설정해 두고, 그 안에 조화롭게 디자인을 하되,

한줄의 문구보다는 여러 줄로 나누고, 자간도 적정한 수치로 조정해야 합니다.

 

섬네일을 기준으로 화면에 꽉 채운 글씨는 글자가 너무 많아 눈에 잘 띄지도 않으며, 

글자가 너무 많아 답답해 보이므로, 내용에는 관심을 가지지 않게 됩니다. 

많은 글씨들을 줄이고, 글씨의 크기를 통해 이를 개선해야 합니다.

클릭을 유도하는 유튜브 디자인 with 포토샵, 존코바(이요한)지음, 106page

 


2. 크기의 대비

글자의 크기에 상대적인 대비를 주어 강조하고 싶은 문구에 집중하도록 만드는 방식!

강조하고 싶은 부분의 글자를 크게 설정하고, 상대적으로 덜 중요한 글자는 작세 설정합니다.

 

불필요한 내용을 삭제하고 글자의 크기에 변화를 주어 차이를 만들어 표현합니다.

다음 단계로 글자의 굵기를 조정해 가독성을 더 개선할 수 있습니다.

클릭을 유도하는 유튜브 디자인 with 포토샵, 존코바(이요한)지음, 107page

 


3. 굵기 조정

크기의 대비와 비슷한 방식인데, 굵기를 조정해 가독성을 높이는 방법입니다. 

글자를 기준으로 무게감(?)이 느껴지면, 시선이 그곳으로 먼저 갑니다. 

 

대부분의 디자인에서는 제목이나 강조하는 곳에 다른 곳보다 굵은 글자를 사용합니다.

다만 너무 굵은 글자는 답답한 느낌을 주고, 오히려 가독성을 헤칠 수 있습니다.

 

무조건 글자의 크기가 크고 굵다고 해서 가독성이 좋아지는 것이 아닙니다.

여백 조정을 통해서 가독성을 더욱 개선할 수 있습니다.

클릭을 유도하는 유튜브 디자인 with 포토샵, 존코바(이요한)지음, 107page

 


4. 여백 조정

여백은 프레임 안에 글자를 채우고 난 후 남는 공간을 뜻합니다.

여백이 있어야 시선이 전체 프레임에 고정되어 편안함이 생기고,

자간을 이용하면 글자 사이의 여백도 조정할 수 있어 더욱 세련되게 디자인이 가능합니다.

클릭을 유도하는 유튜브 디자인 with 포토샵, 존코바(이요한)지음, 108page


여백을 더 확보해 가독성을 높인 섬네일!

글자 크기가 작아졌지만 여백 덕분에 문구에 시선이 집중이 되고,

프레임, 크기, 굵기, 여백 등의 기본적인 조정을 마친 후 컬러나 타이포 디자인을 가미해 최종 섬네일을 완성합니다.

클릭을 유도하는 유튜브 디자인 with 포토샵, 존코바(이요한)지음, 108page


클릭을 유도하는 유튜브 디자인 with 포토샵, 존코바(이요한)지음

섬네일을 어떻게 작성하면 좋은지, 공부하는데, 딱 한눈에 들어오는 정확한 예시가 없어서, 

책에 있는 사진을 발췌해서 붙여놓습니다. 

 

 

반응형

'ThreeApples > Youtube' 카테고리의 다른 글

[정보] 유튜브 챕터 설정하기!  (0) 2022.04.01
[정보] 유튜브 채널에 사용할 무료폰트  (0) 2022.03.27
댓글
댓글쓰기 폼