전체상품목록 바로가기

본문 바로가기

게시판 상세
색조합이 가독성에 미치는 영향
  • 평점 0점  
  • 작성일 2022-01-28
  • 추천 추천하기
  • 조회수 388

여러분 안녕하세요 좋은 感! 감입니다😊 

요즘 날이 너무 추워서 손발이 시린 것 같아요!

여러분들도 추운 날씨에 감기 조심하세요ㅜㅜ

오늘은 좋은 가독성의 디자인과 동시에 <눈에 잘 띄는 색조합>에 대해 포스팅하려고 합니다!

마케팅랩소디나 사각사각그림사이에서 광고 소재들을 제작할 때에 가장 중요한 것이고 고객들의

눈에"잘" 띄어서 클릭을 유도하는 디자인이라고 생각하는데요! 그 중심에는 구도, 컨셉, 콘텐츠 등 많은 요소들이

있겠지만, 그중에서도 가장 중요한 것이 색조합을 활용한 가독성이라고 생각합니다!

"가독성"

이란 문자, 기호 또는 도형이 얼마나 쉽게 읽히는가 하는 능률의 정도.라는 사전적 의미가 있는데요,

디자인에 있어서 가독성이 뛰어나려면 바로 "색조합"이 가장 중요하다고 생각합니다😊 

이런 말이 있죠!

"우리는 웹 페이지를 읽는 것이 아니라, 스캔한다!"

실제로 웹 페이지의 단어 중 사용자들이 읽는 단어는 평균적으로 28%에 불과하다고 합니다.

스쳐가는 사용자의 시선을 사로잡고, 몰입 시키려면 가독성 좋은, 잘 읽히는 형태의 소재가 필요하겠죠?




위 사진처럼 우리 눈에 당연히 녹색 폰트색이 잘 보이는 만큼, 같은 폰트, 같은 크기, 같은 카피라도

색이 주는 가독성이 좋지 않으면 카피가 눈에 들어오질 않아요ㅜㅜ

그렇다고 색의 정답이 정해져 있는 건 아니랍니다! 상황에 따라, 컨셉에 따라 그때그때

상황에 맞춰서 색조합을 잡아주어야 해요😊 

그래서 저는 소재들을 제작할 때 좋은 색조합 사이트를 참고하여 제작을 하고 있는데

좋은 사이트 들을 공유해 드릴게요!





https://colorhunt.co/


첫 번째는 컬러 헌트라는 무료 사이트입니다!

여기서는 가독성과 색조합을 위해 전 세계의 많은 디자이너들이 자신만의 색조합 표를 만들어

무료로 공유하고 있는데요!

색 가독성이나 조합에 있어 어려움이 있으시다면 이 사이트에서 색상을 참고해도 될 것 같아요!





https://snook.ca/technical/colour_contrast/colour.html#fg=59FF33,bg=6F5933 


처음 보는 영어와 이상한 숫자에 당황하지 마세요😊 

이 사이트는 포토샵에서 색상을 하나하나 선택할 필요 없이, 왼쪽(폰트색) 설정값과 오른쪽(배경색)의

조합을 결과물로 바로바로 한눈에 보여주는 사이트입니다.

폰트색이나 밝기 명도를 섬세하게 조절할 수 있어 원하는 색상이 나왔다면 그대~로 포토샵에서 사용할 수 있어요!

이 외에도 가독성의 범위는 대문자/소문자, 명도대비, 텍스트 정렬, 자간/행간 등등 많은 요소가 있지만 

그중에서 가장 중요하다고 생각한 색상에 대해 포스팅해 보았습니다😊 

참고 사이트 말고도 검색해 보시면 다양한 색상 관련 도구들과 사이트들이 있어 참고해 보시면 좋을 것 같아요!

(좋은 사이트가 있다면,,, 공유 좀 부탁드립니다...)

다음에는 가독성-폰트 구도와 텍스트 구도에 대해 포스팅해보도록 할게요!

이상 마케팅 랩소디의 감이었습니다. 감사합니다!



(writer. 감)


첨부파일
비밀번호 수정 및 삭제하려면 비밀번호를 입력하세요.
댓글 수정

비밀번호 :

/ byte

비밀번호 : 확인 취소