본문 바로가기

창업, 네이버, 티스토리 블로그/가독성 높혀주는 시각언어 적용법

시각언어와 가독성 높은 글쓰기 티스토리에 적용방법

728x90
반응형
SMALL

요즘 네이버에서 자주 "1인 크리에이터,

개성 있고 독창적인 블로그"에 우선한다는

이야기 많이 듣고, 잘 알고 계시죠?

전문적인 공부를 하지 않은 사람이

창작 작업을 한다는 것, 쉽지 않겠지만

특별한 지식이 없어도 개성 있는 블로그

만들 수 있는 좋은 방법이 없을까

생각하다가 오늘은

시각언어와 문자 가독성에 대해

알려드리고 그것을 블로그 작업에

적용시켜보면 좋겠다는 의도에서

포스팅해보려 합니다.

음주운전은 어두운 그림자를 만든다

1. 시각언어란?

(Visual message)

여자가 자동차 키를 엄지손가락에

끼운 채 술을 마시고 있습니다.

설명이 없어도 무엇을 말하려는지

이해가 되시겠죠,

아래의 이미지는

얼음을 넣고 술을 부어 마시는 것을

언더 럭스라고 하잖아요.

여기서 럭스는 바위를 뜻합니다.

많이 마시면 돌같이 무감각해져서

차가 뒤집힌다는 의미죠.

ON THE ROCKS ( 바위)

시각디자인에서는 이미지를

시각언어라고 합니다.

글이 없어도 그림만으로 말하고자 하는

의미를 알 수 있다는 것입니다.

시각언어 즉 광고에서는

이미지가 90% 설명이 10%

라고 합니다. 글보다 이미지가

훨씬 빨리 메시지가 전달되니까요.

한 장만 더 볼까요?

병뚜껑으로 술 취한 사람 눈 표현

술에 취하면 앞이 안 보이니 술 마시고

운전하지 말라는 포스터입니다.

 

여러분은 이미지를 고를 때 그림만 보면

무엇을 말하는지 이해가 되시는 것을

사용하고 계시나요?

비주얼 메시지가 얼마나 중요한지

한 번쯤 꼭 고민해 보시길 바랍니다.

글씨의 가독성은 과학이다

2. 글씨 가독성은 과학

여러분은 1,2,3 3가지 글씨 중 무엇이

제일 먼저 눈에 띄나요?

이것은 "무엇을 먼저 보세요."라는

글자 크기에 의미가 담겨있습니다.

가장 큰 글씨 크기는64 Point이고

중간 글씨는 32pt, 제일 작은 글씨가

16pt입니다,

2배로 차이가 나죠. 여러분이

본문 글씨를 16pt로 쓴 경우 서브타이틀은

그 두 배인 32pt를 쓰고 헤드라인의 경우

64pt를 써서 분명한 우선순위를

크기로 말하고 있다는 것입니다.

글자와 글자 사이의 간격을 자간

글줄과 글줄 사이의 간격을 행간이라고

말하는데 4번과 5번을 비교해 보시면

5번이 읽기가 훨씬 편하게 보일 것입니다.

보기 편한 글씨 크기와 간격

자간의 크기가 행간이나 비슷해서

시선이 흩어짐을 막기 위해

글자 사이 간격은 최대 좁힌 것인데

본문 이 16pt인 경우 글줄 사이 간격은

16pt의 절반인 8pt를 더해 24pt

준 것입니다.

100% 늘 그렇게 하라는 것은 아닙니다,

글씨가 많은 소설책의 경우는 행간을

더 띄우기도 하니까요.

다만 기본적으로 그 이유를 알고

사용하시면 분명한 답을 알고

작성하시는 것이니까요.

글씨체 설정

3. 블로그에 적용해 보기

블로그 인물사진 하단 관리 →

기본 에디터 설정 → 스마트 에디터→

글씨체와 크기 →본문 글 줄 간격 정하기

완성 후 글쓰기로 돌아와 보면

정해진 대로 보이게 됩니다.

블로그 글쓰기 페이지 이미지

본문 페이지 1번 제목에 커서를 놓았더니

2번에 자동으로 32pt로 크기 보이시죠?

이렇게 정해 놓은 대로 처리가 되었습니다.

늘 똑같다면 재미가 없겠죠?

가끔씩 설명이 들어가는 부분이거나

별도 인용구와 같이 옵션을 넣어줄 경우 등은

2상단 옵션에서

특정 글씨의 크기나 서체를 바꿔 주는 것도

좋은 방법이죠. 단 한 페이지에 너무

많이 쓰시면 혼란스럽답니다.

다시 본문 전체를 바꿀 경우는 우측 상단

3번 점 세 개 클릭 → 4번 설정에서

일괄적으로 바꿔 주시면 됩니다.

읽기 편하게 가독성을 주는 것

4. 시각언어, 가독성 결론

글 없이 이미지 만으로 이해가 될 수 있는

비주얼을 찾아 사용하세요.

글씨의 크기는 읽는 사람에게 우선순위를

예시해 주고 있으며 평균2배 수로

커진다는 것을 참고하세요.

자간은 좁고 글줄의 간격은 글자의

절반을 더한 값이 가장 가독성이

좋다는 점 잊지 마세요.

빗물이 모여 강물이 되듯이

크리에이티브란 사소한 것이 모여

독창적인 창작이 됩니다.

오늘 포스팅은 여기서 인사드립니다.

 

반응형
LIST

FONT PRELOAD SAMPLE

This is a sample for preloading Web Fonts

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?