Share |

블로그에 가장 알맞은 글자 크기는!!

이미지 출처: 구글 이미지 검색, http://fliptron.com/2007/06/29/when-you-choose-a-color-scheme-you-better-make-sure-people-can-read-it/

 

로그를 운영하면서 누구나 한번씩 생각하게 되는 것들이 공통적으로 몇가지가 있습니다.

그 중 하나가 블로그에 게재할 포스트의 글자 크기를 어떻게 하는 것이 좋을지에 대한 고민이 아닐까 생각합니다. 여담입니다만, 이에 대한 간단한 힌트 하나가 있습니다.

 

물론 이에 대한 것을 언급하기 이전에 제 블로그에서 항상 주지하는 것처럼... 모든 관점은 바라보는 사람의 생각에 따라 달라지 질 수 있는 것이므로... 제가 "답"이라고 표현한다 하다러도 그건 저의 주관적인 생각일 뿐입니다. 따라서 이번 포스트 역시 보는 분마다 아니라고 할 수 있는 분이 있을 것이며, 또한 저의 생각에 부합하는 분도 있으리라 생각합니다.

 

다만, 제 생각이 남을 위해(危害)하거나 아닌 것을 그렇다는 식으로 개인적 양심을 저버리고 쓰는 글이 아니기에... 지극히 개인적 진솔함을 바탕으로 서술한 내용임을 먼저 밝힙니다.

아울러 본 포스트가 텍스트큐브를 기반으로 하고 있으니, 텍스트큐브가 제공하는 글자의 크기 -물론 웹기반의 태그로 통일된 포멧이겠지만...- 를 기준으로 쓰는 글이라는 점도 함께 주지하고자 합니다.

 

 

블로그에 가장 적당한 크기                                                 

 

블로그에 게재하면서 글자 크기가 얼마일 때 가독성 및 시각적 효과가 가장 좋을까를 생각할 때...

작은 힌트가 될 수 있는 것 중 하나가 구글의 광고 애드센스입니다. 또한, 구글에서 애드센스에 대한 설명을 위해 올린 글이나 동영상을 보면 이러한 표현이 나옵니다.

 

"보기 좋은 것이 애드센스 수익에 도움이 된다."

 

비록 이 애드센스의 예가 블로그 포스트를 두고 제시한 것도 아니며, 애드센스가 본 포스트의 예로써 좀 적절치 않은 부분이 없지 않습니다만, 블로그를 운영하고 있는 다수의 경험에 비춰 쉽게 설명될 수 있는 사안임은 분명한 사실이기에... 이해를 돕기위한 방편으로써... ^^

 

포스트 발행에 있어 보는데 편안함을 주안점으로 한다면... -그러니까 얼마나 적절하게 사안에 따라서 눈에 익숙하게 보일 수 있느냐 일텐데,- 같은 블로그 포스트라도... 한눈에 안정적인 구조를 갖는 글자의 크기는 개인적으로 "10" 이라는 판단을 하게 되었습니다.

 

어느 분의 경우 가독성을 기준으로 "12" 크기가 적당하다고 하시는 것을 본 적이 있습니다.

저 또한 그분의 의견을 반영하여 "12" 를 기본으로 포스트를 작성하기도 하였습니다. 그러나 자꾸 보다 보니... 어딘가 어색함이 느껴졌습니다. 그래서 몇 일 동안 "12" 를 기준으로 올렸던 글들을 짬짬이 "10" 과 "12" 로 비교하며 재 편집을 하고 있기도 했습니다.-이는 한편으로 보아온 그동의 습관에 의해 익숙하지 않기 때문이라는 점도 생각하지 않을 수는 없을 듯 합니다.- 그렇게 몇 일을 두고 "10" 의 크기로 쓰여진 저의 블로그 포스트와 "12" 의 크기로 게재한 블로그 포스트를 간간히 비교한 저의 생각은 블로그에 알맞은 글자의 크기는 결국 "10" 이었습니다.

 

다시 말해서 가독성의 기준이 글자 크기에 절대적인 영향을 받긴 하겠지만, 유사한 크기의 적절성을 기준으로 말하자면 "10" 이라는 크기가 가장 알맞다는 판단입니다.

 

우선 제가 왜 이러한 생각을 갖는지 그래도 조금이나마 객관적 판단의 근거로써 비교 이미지를 캡춰하여 올려봅니다. 한번 직접 비교해 보시기 바랍니다. 만일 저의 안목과 다르다고 생각하신다면...

조언의 댓글을 부탁드립니다.

 

아래 이미지는 옴니아를 사용했던 내용을 게재한 포스트 내용 중 일부를 갈무리 한 것입니다.

글자 크기를 달리 했을 때 어떻게 느낌이 오는지 바로 비교가 가능할 듯 합니다.

 

 

글자 크기 "10" 일 때와 "12"일 때 비교 클릭!!

 

어떠한가요? "10" 의 크기가 "12" 의 글자 크기 보다 눈에 많이 익는다 싶지 않으신가요?

그런 것 같다는 것이 한편으로는 확정적이기도 합니다. 우리가 주로 사용하고 있는 대부분의 웹 화면의 글자 크기를 보시면 아마도 "10" 의 크기에 맞추어져 있으니까요. 그동안 신경쓰고 보질 않으셨다면, 오늘 한번 유심히 살펴보시기 바랍니다.

 

아~ 참고적으로 한가지 전제해야할 사항은 "10"이라는 수치가 절대적 기준이 될 수 없다는 건 PC를 통한 모니터 화면의 크기는 해상도 등 여러가지 요인에 따라 달라질 수 있을 겁니다. 다만, 화면 전체 비율에 비례하여 일반적으로 인지하게 되는 글자의 크기라는 점을 생각하면 될 듯 합니다.

 

하지만 이러한 웹의 환경이 사람의 눈에 "10" 정도의 크기가 알맞기 때문에 그렇게 정해진 것인지... 아니면 그러한 대부분의 사이트들에서 "10" 이라는 글자 크기가 보편적 인식으로 연쇄반응 처럼 적용됨으로써 그것에 사람들이 익숙해졌기 때문에 그런 것인지는 알 수 없습니다. 이는 닭과 달걀의 순서와 비유될만한 사안이라고 봅니다.

 

중요한 것은 저에게 있어 블로그, 아니 웹상에서 눈에 익숙하니 편안하게 투영되어 보이는 글자의 크기는 "10" 이라는 점입니다. 따라서 저의 결론으로써 블로그에 게재할 때 알맞은 글자의 크기는 "10" 이라는 판단입니다.

 

어떻게 생각하십니까? ^^

 


좋은 글이라고 생각하신다면 더 많은 분들이 이 글을 읽으실 수 있도록 추천 부탁드립니다.

신고





Share |

{ ? }※ 스팸 트랙백 차단중 ...

댓글을 달아 주세요

  1. 이전 댓글 더보기
  2. Favicon of http://bsmsky.tistory.com BlogIcon 天上不悲  댓글주소  수정/삭제  댓글쓰기

    저도 10을 쓰는데 같은 분을 만났네요 ㅎ

    좋은 글 잘 읽고 갑니다~ 좋은 밤 되세요~

    2009.10.12 20:44 신고
    • Favicon of http://hisastro.textcube.com BlogIcon 그별  댓글주소  수정/삭제

      공감할 수 있는 것이 있다는 건 참 좋은 것 같습니다. 서로 모르는 사이도... 친밀감을 느낄 수 있는 관계를 만들어주니까요... 물론 이러한 것을 이용하는 소수의 옳치 못한 사람들이 문제긴 하겠지만요... ^^
      고맙습니다. 天上不悲님..

      2009.10.12 20:52 신고
  3.  댓글주소  수정/삭제  댓글쓰기

    비밀댓글입니다

    2009.10.12 20:47
  4. Favicon of http://openz.tistory.com BlogIcon 알군  댓글주소  수정/삭제  댓글쓰기

    10이 기본인 것 같긴 한데 요즘 해상도가 높아져서 12를 써도 무난한 듯. 저도 10을 쓰다가 12로 교체... 내가 보기 불편해서.. 아 내 눈....

    2009.10.12 21:26 신고
    • Favicon of http://hisastro.textcube.com BlogIcon 그별  댓글주소  수정/삭제

      사람에 따라 다르게 판단될 수 있는 것이라고 생각됩니다. ^^ 다만, 제가 비교해 본 바로는 글에서도 비교할 수 있도록 블로그 캡쳐 이미지를 첨부했습니다만, 보기에 좀 더 깔끔히 보이는 글씨 크기가 10이라는 생각이 들었습니다.
      ^^ 저도 요즘은 눈이 좀 안 좋은 듯 합니다. 컴퓨터 하려면... 눈이 좋아야 하는데..^^ 편안한 밤 되시길... ^^

      2009.10.12 21:49 신고
  5. Favicon of http://admuncher.tistory.com BlogIcon 무관학교  댓글주소  수정/삭제  댓글쓰기

    저는 10 포인트를 사용하지만 11~12 포인트도 괜찮아 보이네요.
    글꼴에 따라서 달라지겠지만 기본 글꼴을 사용한다면 고민해
    볼 문제네요^^;

    2009.10.12 22:28 신고
  6. Favicon of http://myeurope.tistory.com BlogIcon 유리  댓글주소  수정/삭제  댓글쓰기

    고수님들이 하시면 글씨가 크던 작던 다들 좋아하시더라구요..에휴 ㅋㅋㅋ
    전 9쓰고 있는데 난시라서 10으로 바꿀까..생각중이긴했엇거든요..
    흠....

    2009.10.13 00:51 신고
    • Favicon of http://hisastro.textcube.com BlogIcon 그별  댓글주소  수정/삭제

      그렇긴 합니다. 이상하죠... ^^ 그림 잘 그리는 사람들이 처음엔 그냥 막 그리는 것 같다가도... 마술처럼 멋진 그림이 되는 것을 볼때나... 글씨 잘쓰는 사람들의 그 또박또박한 글씨... 그리고 파워블로거들의 반듯하고 정결한 블로그화면들... ^^ 부러울 따름입니다. ^^

      2009.10.13 09:20 신고
  7. Favicon of http://pgy7557.tistory.com/ BlogIcon 아름  댓글주소  수정/삭제  댓글쓰기

    저도 폰트 크기는 9나 10을 사용합니다.ㅎㅎ

    가끔 강조하기 위해서 12정도를 사용하기는 하는데..

    개인적으로 폰트 크기보다는..네이버 블로그의

    이쁜 폰트들이 가끔 부러울 때가 많답니다 ^^

    2009.10.13 01:10 신고
    • Favicon of http://hisastro.textcube.com BlogIcon 그별  댓글주소  수정/삭제

      저도 폰트 무척이나 좋아 한답니다. ^^ 설치하고 있는 폰트만 무려 2,400개를 넘나 들고 있으니...
      너무 집작하는 것도 좋지 않은데... -.-;;
      댓글 고맙습니다. 아름님.. ^^

      2009.10.13 09:22 신고
  8. Favicon of http://hepi.tistory.com BlogIcon HEPI  댓글주소  수정/삭제  댓글쓰기

    글자크기 늘 하던 고민이네요.
    저 역시 10이 가장 잘 맞는거 같더군요.
    좋은 글 잘 보고 갑니다.

    2009.10.13 01:43 신고
    • Favicon of http://hisastro.textcube.com BlogIcon 그별  댓글주소  수정/삭제

      제 생각과 일치하시는 군요... 물론 저의 경우 한 바퀴 돌아서 판단한 결과이긴 하지만... ^^ 전체적으로 화면을 깔끔하게 만드는 효과가 있다는 생각이 들었습니다. 웹화면의 글자 크기 10은... ^^
      고맙습니다. HEPI님...

      2009.10.13 09:23 신고
  9. Favicon of http://nassol.textcube.com BlogIcon nassol  댓글주소  수정/삭제  댓글쓰기

    글 잘 읽었습니다. 그별님의 글이 제 블로그 관리 메뉴의 추천포스트에 올라와 있었어요. 위 글과 같은 생각입니다. 생각에는 눈에 잘 보이도록 11이나 12로 쓰고 싶은데, 같은 굴림이나 돋움이라고 해도 사이즈 1만 키우면 모양이 안 깔끔해보이는 것이 무슨 조화인지 모르겠어요. 아참, 그러고 보니 현재 방명록 입력하고 있는 텍스트상자의 표시 크기도 10이네요. 흠, 그리고 위의 답글에 글씨체가 나온 것을 보면서 든 생각, 저는 블로그 글을 맑은 고딕체로 보여줄 수 있으면 좋겠어요.

    2009.10.13 14:08 신고
    • Favicon of http://hisastro.textcube.com BlogIcon 그별  댓글주소  수정/삭제

      맑은고딕체 괜찮죠? ^^
      아무래도 좋은 걸 찾아가는 것도 한 이유일 수 있겠는데, 그게 정말로 좋아서 인지는 한번 더 생각을 해봐야 알 수 있다는 생각이 들었습니다.
      사람 냄새가 물씬 풍기는 nassol님의 댓글 고맙습니다. ^^

      2009.10.13 17:38 신고
  10. Favicon of http://blog.daum.net/retracer BlogIcon 미리스  댓글주소  수정/삭제  댓글쓰기

    아마도 이 크기가 PC통신 시절부터 사용되어 오던 크기라서 그런게 아닐까 생각은 듭니다만,
    저희 어머님께서는 이 크기를 돋보기 안쓰면 잘 안보인다고 하시더군요. ;
    뭐, 글자크기야 브라우저 설정이 가능하니, 주로 사용되는 크기로 설정해두고 글자크기를 다르게 해서 볼 수 있는 버튼을 추가한다던가 하는 방식을 사용하는 것이 좋겠죠.

    예를들자면, 제가 이 글을 보고있는 파이어폭스는 Ctrl 키와 + 키를 동시에 누르면 글자크기가 커지고, -키를 누르면 작아지고... 뭐 이런걸 대문 이나 블로그 어딘가 잘보이는 곳에 써두면, 글자크기에 의한 가독성을 보완할 수 있겠죠.

    2009.10.13 17:27 신고
    • Favicon of http://hisastro.textcube.com BlogIcon 그별  댓글주소  수정/삭제

      맞아요... 보는 것에 따라 설정할 수 있으니... 더더욱 앞으로 10을 고수해야겠네요... ^^ 전 글을 쓰면서 거기까진 생각하지 못했습니다.
      고맙습니다. 미리스님.

      2009.10.13 17:40 신고
  11. Favicon of http://hanacanvas.textcube.com BlogIcon 하나  댓글주소  수정/삭제  댓글쓰기

    전 제 블로그 글자크기도 잘 모르겠네요. ㅋㅅㅋ

    2009.10.14 16:39 신고
  12. Favicon of http://shyjune.textcube.com BlogIcon shyjune  댓글주소  수정/삭제  댓글쓰기

    이 블로그란게 하다보면 은근히 신경쓰이는게 참 많은듯 해요.
    어느 서비스로 시작할까? 스킨은? 광고는? 폰트는? 기타등등.. @.,@

    2009.10.15 11:16 신고
  13. mobile pc로  댓글주소  수정/삭제  댓글쓰기

    pda로 인터넷하기 힘드네요. 아직 익숙치 않아서 그러겠죠? ^^

    2009.10.15 13:36 신고
  14. Favicon of http://amuge.textcube.com BlogIcon 아무개  댓글주소  수정/삭제  댓글쓰기

    맑은고딕 11pt가 제일 좋은 것 같네요.

    2009.10.15 20:56 신고
    • Favicon of http://hisastro.textcube.com BlogIcon 그별  댓글주소  수정/삭제

      맑은고딕이 좋긴 한데, 아직 웹에서 기본적으로 제공하는 글꼴이 아니라서... ^^
      좋은 의견 고맙습니다. 아무개님.. ^^

      2009.10.15 21:39 신고
  15. Favicon of http://scat.textcube.com BlogIcon 김젼  댓글주소  수정/삭제  댓글쓰기

    저도 계속 변경하는데 결국은 10을 택하게 되는 거 같아요.. ㅎㅎ
    맘 내킬때마다 변경하느라 포스트마다 폰트 종류랑 사이즈가 제각각이에요 ㅠㅠㅠ

    2009.10.16 10:37 신고
    • Favicon of http://hisastro.textcube.com BlogIcon 그별  댓글주소  수정/삭제

      아마도 대체적으로 김젼님과 같을 거라 생각됩니다. ^^
      하루 날 잡아서 일괄적으로 편집하는 수 밖에요..
      전 그렇게 하고 있습니다. 게을러서 한번에는 못하고.. ^^

      2009.10.16 10:48 신고
  16. Favicon of http://masquera.net BlogIcon  댓글주소  수정/삭제  댓글쓰기

    저도 대략 10포인트 정도되는 크기를 쓰지만, 폰트크기도 중요하지만 줄간격도 중요한 것 같아요~

    2009.10.25 13:05 신고
    • Favicon of http://hisastro.textcube.com BlogIcon 그별  댓글주소  수정/삭제

      좋은 말씀입니다. 그런데, 웹 환경에서 줄간격을 편집한다는 건 많은 제약이 따르지 않나 싶습니다. 사용자가 임의로 정할 수 있는 범위가 거의 없으니... 결국 기본 값에 의존하거나 아니면, " br"테그 또는 html편집기 상태에서 엔터로 줄을 늘리는 방법 외에는 없지 않을까 싶습니다.
      물론 제가 html 및 그와 연관된 코딩이나 프로그램 쪽엔 지식이 많이 부족하기에... ^^
      좋은 방법이 있다면 알려주시길.. 고맙습니다. (_ _)

      2009.10.25 22:38 신고
  17. Favicon of http://monsterkingdom.textcube.com BlogIcon 怪獸王  댓글주소  수정/삭제  댓글쓰기

    좋은 정보네요. 참고하겠습니다 ㅜㅜㅋ.

    2009.10.25 17:16 신고
  18. Favicon of http://prac.textcube.com BlogIcon Prac  댓글주소  수정/삭제  댓글쓰기

    10이 가장 깔끔해보이니 전 10씁니다~
    쓰는 폰트에 따라 다르지만^^

    2009.12.22 20:23 신고
    • Favicon of http://hisastro.textcube.com BlogIcon 그별  댓글주소  수정/삭제

      웹에서 우선 공통적으로 사용될 수 있는 폰트들이 한정적이라서 전 주로 굴림을 사용하는데, 굴림체의 가장 보기 좋은 크기는 10이었습니다. 그런데, 글을 올려 놓고 보니, 저만 그런것이 아니었습니다. ^^ Prac님도... 그러시군요. ^^

      공감의 말씀 고맙습니다. Prac..님.. (_ _)

      2009.12.23 10:53 신고
  19. Favicon of http://mahabanya.com BlogIcon mahabanya  댓글주소  수정/삭제  댓글쓰기

    저도 기본 10인 폰트가 보기가 좋은 것 같더군요. 블로그의 경우는 '줄간격'이 더 핵심일 것 같습니다. 다닥다닥 붙어있으면 읽기가 싫고 너무 떨어져 있으면 허해 보이고... 글자크기와 줄간격의 황금 비율이 중요한데...보고 '이 정도면 괜찮다' 싶은 것은 있는데 실제로 맞추려면 힘들더라구요;ㅂ;

    2009.12.23 01:51 신고
    • Favicon of http://hisastro.textcube.com BlogIcon 그별  댓글주소  수정/삭제

      위에 누 님의 댓글에서도 말씀을 하시던데, 텍스트큐브 에디터에서 줄간격을 정할 수 가 있는건가요? ^^
      HTML이라면.. 흐~ 그냥 지금 처럼 사용하는 수 밖에 없을테구요... 뭐, 물론 간단한 태그라면야... ^^

      좋은 말씀 고맙습니다. mahabanya님.. (_ _)

      2009.12.23 10:57 신고
  20. Favicon of http://ok365.tistory.com BlogIcon 오지코리아  댓글주소  수정/삭제  댓글쓰기

    좋은글 잘 읽고 갑니다^^

    2010.01.15 02:55 신고
    • Favicon of http://hisastro.textcube.com BlogIcon 그별  댓글주소  수정/삭제

      아~ 그 1박2일의 원천적 정보를 제공하시는 분께서... ^^
      이렇게 와주셨군요... ^^
      더구나...
      좋은글 이라 말씀해주시니... 너무 고맙습니다.

      저도 가끔씩 주시는 정보 잘 활용하고 있습니다.
      고맙습니다. 오지코리아님.. (_ _)

      2010.01.15 12:15 신고
  21. Favicon of http://iblogger.textcube.com BlogIcon 꼬뮌  댓글주소  수정/삭제  댓글쓰기

    저는 10을 쓰지요.
    원래 작은 글씨를 이뻐한 것이기도 하며
    글을 많이 쓰고자 하는 의미도 있었습니다.
    원래 12를 썼었는데,
    12보다 10이 더 공간을 채우기 힘들죠.
    글씨를 줄이니 글의 양이 늘어난다는건 확실히 체감합니다.

    2010.04.27 17:58 신고
    • Favicon of http://hisastro.textcube.com BlogIcon 그별  댓글주소  수정/삭제

      그러셨군요.. ^^
      블로그 생활을 한다는 것에 있어서
      꼬뮌님처럼 자연스러운 생각의 실천이 되어야 하는데...
      전 이런 저런 재는 것이 많기만 합니다.
      불현듯.. 부끄럽습니다. -.-;

      늘 고맙습니다. 꼬뮌님.. (_ _)

      2010.04.27 19:10 신고

      
   

BLOG main image
디지털리스트 hisastro
디지털 세상은 나눔으로 이루어져 있습니다. 마치 사람人이라는 글자처럼... 남는 것은 나눠주고 부족함은 받아 순환되는 따뜻한 디지털 세상!! 따끈 따끈한 디지털 기기처럼 따스한 마음으로 함께하고자 합니다. (_ _)
by 그별

카테고리

Blog 칸칸 (2065)
디지털이야기 (894)
생각을정리하며 (362)
타임라인 논평 (79)
좋은글 (42)
짧은글긴기억... (132)
기능성 디자인 (154)
아이작품들 (36)
맞아 나도그래 (13)
사회복지정보 (27)
그냥 (227)
제안서 만들기 (97)

달력

«   2017/12   »
          1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31            
get rssget rss Tistory 디지털hisastro rss

하루에 하나씩 따끈한 포스트를 배달해 드려요 :)