예전에 지인이 제 블로그에 대해 " 스킨이 멋있거나 본문의 내용이 좋은 건 모르겠지만 다른 블로그에 비해 글읽기는 편한 것 같다. "라는 이야기를 들은 적이 있습니다.
그래서 글읽기가 편안한 블로그 만들기라는 포스팅을 하고 싶었지만 전문적으로 계획을 세우고 스킨을 만든 게 아니라 여러 블로그의 좋은 점을 참고 해서 그대로 따라 하고 나쁜점은 수정해주면서 해왔던 것 뿐이라 포스팅하기가 참 난감했습니다.
조금은 두서없지만 <블로그 스킨이 가독성에 미치는 영향>이라는 제목으로 지금까지 제가 블로그 스킨을 꾸미면서 가독성에 도움이 된 부분만을 정리해서 모아봤습니다.
( 개인적인 생각이기때문에 참고만 해주시기 바랍니다. )
블로그 스킨이 가독성에 미치는 영향
본문의 가독성을 높이기 위한 회색 배경 넣기
일반모니터(1024*768 해상도)에서는 좌우에 흰색여백이나 회색여백의 차이는 거의 없습니다. 하지만, 와이드 모니터에서는 모든 여백이 흰색이면 너무 휑하게 보이는 것 같았습니다.
이럴 땐 좌우여백에 회색(8c8c8c)배경만 넣어주셔도 흰색본문에 더 집중이 되고 블로그 가독성에 많은 도움이 되는것 같습니다.
블로그에 회색배경을 넣어서 가독성 높이기 : http://nextgoal.tistory.com/587
가독성을 위한 최적의 본문 배경색과 글씨색
티스토리만 해도 수많은 스킨과 다양한 배경색과 글씨색들이 있고 스킨선택은 개인적인 취향이기 때문에 어떤 것이 가장 좋다라는 정답은 없습니다. 하지만 방문자의 입장에서는 본문 배경색은 흰색, 글씨 색은 검정이 가장 무난하고 가독성이 좋아 보였던 것 같습니다.
그 밖에 가독성을 위한 글씨 크기, 줄 간격에 관한 내용은 아래 포스팅 <블로그 가독성을 높여주는 글꼴과 줄 간격은 ?>을 참고 하셔서 본인에게 맞는 글꼴과 줄간격을 선택해주시면 됩니다.
화려한 스킨보다는 심플한 스킨
티스토리 스킨 중 sports fever처럼 배경이 너무 화려하게되면 본문에 집중하기가 어려워 보였습니다. 스킨을 선택하실때는 아래 그림처럼 화려한 스킨보다는 최대한 심플한 스킨을 선택하시는 것이 가독성에 도움이 될 것 같습니다.
블로그 스킨 고르는 방법과 가로폭크기 : http://nextgoal.tistory.com/671
사이드바는 본문보다 눈에 띄지 않게
오늘 제가 포스팅을 한 이유는 노지님 블로그 때문입니다. 노지님 블로그 스킨은 좌우에 짙은 배경색을 넣어서 본문의 가독성도 높이셨고 스킨자체도 심플하고 좋아 보였습니다. 하지만 사소한 부분이지만 아쉬웠던 점은 사이드바에 빨간색 원색 메뉴입니다. 그 메뉴는 본문보다 너무 눈에 띄는 색이라 항상 본문을 읽다가도 계속 사이드바에 눈이 갔던 것 같습니다.
사이드바는 광고를 제외하고는 본문보다는 눈에 띄지 않는 옅은 색으로 하시고, 사이드바의 글씨 색 역시 본문과 똑같거나 겹치는 검정색보다는 조금 더 옅은색을 해주시는것이 더 본문의 가독성이 좋아보였던것 같습니다.
그 밖에
인터넷 뉴스 사이트 중 가끔 본문 내용보다 너무 많은 광고를 실어서 글 읽기를 불편하게 만드는 곳이 있습니다. 블로그에서도 마찬가지로 사이드바에 지나치게 많은 광고나 위젯 등을 넣어주게 되면 가독성을 해치게 됩니다.
블로그에 위젯을 설치하실때는 자신의 블로그와 잘 어울리는 위젯만을 최소한으로 설치해주는 것이 좋습니다. 위젯의 종류도 너무 화려하거나 움직이는 요란한것은보다는 사이드바의 크기에 잘맞고 무난한것이 더 좋아 보이는것 같습니다.
혹시 제 블로그에서 글 읽기가 불편했던 점이나 자신만의 블로그 가독성을 높이기 위한 팁들이 있으시다면 오늘 좀 알려주세요. ^^;
댓글을 달아 주세요
노지님 블로그 다녀왔습니다~
2011/02/15 11:58 [ ADDR : EDIT/ DEL : REPLY ]대게 깔끔하시더군요.. 티비님도 그렇고 노지님도 그렇고.. 아 저도 좀 깔끔하게 구성하고 싶은데 말이죠ㅠ
역시 스킨은 심플한 것이 젤 좋은 것 같습니다^^
2011/02/15 12:01 [ ADDR : EDIT/ DEL : REPLY ]우와 세심하시네요 티비님 ㅋ
2011/02/15 12:13 [ ADDR : EDIT/ DEL : REPLY ]양쪽 회색 배경에 그런 깊은 뜻이!!
블러그를 찾는 사람의 입장에서 스킨과 배치가 가독성에 영향을 많이 주는 것 같아요~^^
2011/02/15 12:25 [ ADDR : EDIT/ DEL : REPLY ]글자 폰트나 내용이 좋아도 어떤 블러그는 글을 집중해서 읽을 수가 없고,
어떤 블러그는 글을 집중해서 읽을 수가 있으니까요~
블로그는 웬지 깔끔해야 더 좋은 것 같더라구요.
2011/02/15 12:31 [ ADDR : EDIT/ DEL : REPLY ]이것저것 덕지덕지 붙어있는 블로그는 먼저 정신도 산만하구요.
글을 읽어도 눈에 잘 들어오지 않는 것 같습니다.
제 블로그도 최대한 깔끔하게 만들려고 노력하고 있습니다.
멋진 하루 되시구요.
좋은정보 감사합니다.
2011/02/15 12:40 [ ADDR : EDIT/ DEL : REPLY ]그런데 모자이크 처리하신 블로그를 제가 한번 보고 딱 누구블로그인지
맞췄습니다 ㅋㅋ
티비님 행복한 하루되세요
귀한 정보입니다. 저도 스킨을 잘 몰라서 TV님 포스팅중에 포스팅 본문 바탕색 바꾸는걸 참조했는데요.
2011/02/15 12:46 [ ADDR : EDIT/ DEL : REPLY ]가장 기본적인 부분인데, 스킨을 잘 모르는 경우 만지기가 쉽지 않아요, 추후 참조해 봐야겠습니다.
티비님의 스킨을 보면 상당히 깔끔하고 이쁜 것 같아요^^
2011/02/15 13:04 [ ADDR : EDIT/ DEL : REPLY ]저는 그저 그냥 항상 기본으로만 진행해서요..+_+ㅋ
자신만의 블로그를 나타내는 스킨.
2011/02/15 13:15 [ ADDR : EDIT/ DEL : REPLY ]너무 멋진 것 같아요.
가독성에 미치는 영향에 대해 잘 배우고 가네요.
오늘도 역시나 스킨에 대해서 많은 것을 알려주셨네요.... ^^
2011/02/15 13:38 [ ADDR : EDIT/ DEL : REPLY ]남은 오후시간도 즐겁게 보내시길 바랍니다~
회색 배경 넣는 것은 생각 못했던 팁이네요.
2011/02/15 13:42 [ ADDR : EDIT/ DEL : REPLY ]저도 한번 고려해 봐야 되겠습니다.
음..그렇군요.
2011/02/15 13:50 [ ADDR : EDIT/ DEL : REPLY ]모니터 화상에 따라서 보이는게 다르다보니 몰랐습니다; 저 같은 경우에는 짙은 색으로 보여서...그다지 신경이 안쓰였거든요; 음 조금만 더 옅은 색상을 찾아봐야되겠군요.
비밀댓글입니다
2011/02/15 13:57 [ ADDR : EDIT/ DEL : REPLY ]저도 가독성에 신경쓰고 있지만 쉬운 일은 아닌것 같습니다.
2011/02/15 13:59 [ ADDR : EDIT/ DEL : REPLY ]좋은 포스팅 감사드립니다.^^
폰트는 돋움 굴림 혹은 네이버 웹돋움 이런게 가독성이 높아요...타 블로그에서 귀염성 있는 글로 포스팅 하면 정말 읽기 힘들고; 그냥 창 닫아버린다능..-_;
2011/02/15 14:11 [ ADDR : EDIT/ DEL : REPLY ]배울것이 많습니다 티비님^^
2011/02/15 15:18 [ ADDR : EDIT/ DEL : REPLY ]좋은 정보 얻고 갑니다~심플한게
역시 읽기 좋은것 같습니다~~
비밀댓글입니다
2011/02/15 16:10 [ ADDR : EDIT/ DEL : REPLY ]오늘은 글을 좀 늦게 발행하신 것 같네요.
2011/02/15 16:15 [ ADDR : EDIT/ DEL : REPLY ]자고 이제 일어났어요.ㅎ
저도 심플한 스킨이 맘에 들더군요. 더구나 밤 늦게 글을 읽어야 하는 저로서는
너무 작은 글씨체나 복잡한 스킨으로 글에 집중할 수 없을 땐 신경질날 때가
더러 있어요.
저도 항상 고민입니다~~
2011/02/15 16:16 [ ADDR : EDIT/ DEL : REPLY ]티비님 블로그 가독성은 누구나 인정하죠 ㅎㅎ
하지만 뭔가 자꾸 꾸미다 보면 지저분해지고 가독성이 떨어지니..
그렇다고 안 꾸밀수도 없고 말이죠.
타협점을 찾는게 제일 힘든거 같아요. ^^
티비님처럼 큼직하고 시원한 스킨을 써야하는데,
2011/02/15 17:05 [ ADDR : EDIT/ DEL : REPLY ]첫 스킨을 잘못 고른 탓에 이러지도 저러지도 못하고 있습니다...-_-
역시 스킨박사 티비님...!!!
2011/02/15 17:29 [ ADDR : EDIT/ DEL : REPLY ]티비님 블로그의 스킨이야말로 가독성 최고가 아닐까요~!!!
가독성은 의외로 중요한 부분임에도 불구하고 간과하시는 분들이 많으시더라구요. 티비님 블로그는 정말 눈에 내용이 시원하게 들어와서 보기가 너무 편하고 좋습니다. ^^ 티비님처럼 센스를 가진 블로거분들이 많이 늘어났으면 좋겠어요~
2011/02/15 17:44 [ ADDR : EDIT/ DEL : REPLY ]말씀하신 내용에 대부분 공감이 되네요... 그래서 얼마전 저도 위와 같은 요소를 고려하면서 블로그를 좀 정리했습니다.
2011/02/15 18:59 [ ADDR : EDIT/ DEL : REPLY ]스킨도 중요하지만 요즘은 모바일에서 블로그가 어떻게 보이는지도 고려 좀 해야 할 것 같습니다.
아니 여백이 흰색이여서 휑해보인다는 블로그 1인이 저군요.
2011/02/15 20:11 [ ADDR : EDIT/ DEL : REPLY ]ㅋㅋㅋㅋ 에궁 그랬군요!!! 수정 들어가야겠네요.ㅜ.ㅜ;;;아웅
블로그 꾸미기는 어려워요.ㅎㅎㅎ
....
수정해볼라고 했는데, 저는 블로그 타이틀을
위자드로 한게 아니고 스킨 편집에서 이미지를
업로드 시킨 방법으로 어케해야할 지모르겠네요.ㅋ
타이틀 사이즈를 맞춰야할 것 같은데..음..
담에 한번 다시 도전해봐야겠어요.ㅋㅋㅋ^^
그쵸 편한게 보기도 좋다공^^
2011/02/15 20:14 [ ADDR : EDIT/ DEL : REPLY ]잘보고 갑니다^
비밀댓글입니다
2011/02/15 20:47 [ ADDR : EDIT/ DEL : REPLY ]전 티비님께서 만들어 주신 스킨 너무나 감사하게 사용하고
2011/02/15 21:21 [ ADDR : EDIT/ DEL : REPLY ]있답니다. 요즘은 알라딘도 달아 봤답니다.
아무래도 책소개가 있으면 좀 더 좋아보일까 해서요^^
스킨에 대한 중요성을 절실히 느끼는 요즘입니다.
2011/02/15 21:22 [ ADDR : EDIT/ DEL : REPLY ]고민이 많습니다.
저도 늘 고민인데.. 고치다 보면 더 정신없어져서요 ㅠㅠ
2011/02/15 22:22 [ ADDR : EDIT/ DEL : REPLY ]이것도 센스인데 왜 잘 안될까요? ~
자~~~알 읽었습니다
2011/02/15 22:53 [ ADDR : EDIT/ DEL : REPLY ]간단하면서도 꼭 필요한 정보 감사합니다~
2011/02/15 23:09 [ ADDR : EDIT/ DEL : REPLY ]언제나 좋은정보에요 정말 티비님!!
오늘도 역시 공부많이 하고 갑니다. ^^
2011/02/15 23:24 [ ADDR : EDIT/ DEL : REPLY ]저도 스킨 바꾸고파요! 정말 티비님 스킨은 깔끔하면서도 특성을 잘 드러낼 수 있게 잘 만들어 놓으신 것 같아요. ^^
2011/02/16 00:14 [ ADDR : EDIT/ DEL : REPLY ]본문까지 까만바탕인 경우는 확실히 읽기 힘들어지긴 하더라구요^^:
2011/02/16 02:02 [ ADDR : EDIT/ DEL : REPLY ]스킨도 이렇게 연구하시다니+__+
블로그의 빠른 가동성이 정말 중요 한 것이라 생각을 합니다..;;
2011/02/16 06:09 [ ADDR : EDIT/ DEL : REPLY ]제 블로그는 어떤지 잘 모르겠지만요..^^;;
티비님 블로그는 보기가 참 편하게 되어있어요~
2011/02/16 08:50 [ ADDR : EDIT/ DEL : REPLY ]저도 처음부터 그렇게 했어야 됐는데 ㅋ
시간 지나니까 건들고 싶지도 않네요 ㅎㅎ
좋은 말씀 잘 보고 갑니다..
2011/02/16 11:23 [ ADDR : EDIT/ DEL : REPLY ]말씀 하신대로 붉은색이 넘 튀긴 해요;;
저도 스킨을 바꾸어 볼까 하는데 사진 크기가 지금 큰 것으로 들어가 있어서요.
2011/02/16 12:48 [ ADDR : EDIT/ DEL : REPLY ]그런데 와이드가 작은 스킨으로 바꾸면 사진들이 다 잘려서 보이는 걸까요?
참 티스토리..쉽지 않네요..
주식 고수가 드디어 방송 강의 시작한 느낌
2011/02/17 01:36 [ ADDR : EDIT/ DEL : REPLY ]한 가지 질문 여쭙겠습니다.
2011/02/17 06:58 [ ADDR : EDIT/ DEL : REPLY ]지금 한창 티비님의 블로그를 보면서, 블로그 스킨 수정 작업 중인데, 스킨 전체 테두리 크기를 조금 줄이고자 합니다.
제가 쓴 글이 600px 에 맞춰져 있다보니......전체적으로 크기를 좀 줄일려면 어떤 부분을 손보면 될런지 도움을 청합니다.
잘보고 갑니다~ 좋은 팁이네요~ 난 언제쯤 이리 될까...?
2011/02/17 13:09 [ ADDR : EDIT/ DEL : REPLY ]역시 저 또한 많은 도움받고있는 초보로서
2011/02/17 20:55 [ ADDR : EDIT/ DEL : REPLY ]항상 도움만 얻어가고잇습니다 ^^
좋은정보 감사합니다~
역시 저 또한 많은 도움받고있는 초보로서
2011/02/17 20:55 [ ADDR : EDIT/ DEL : REPLY ]항상 도움만 얻어가고잇습니다 ^^
좋은정보 감사합니다~
블로그 스킨의 구성~ 진짜 엄청나게 중요하죠.
2011/02/18 09:42 [ ADDR : EDIT/ DEL : REPLY ]그래서 사람들이 티스토리에 입문하면서 가장 많은 시간을 스킨수정에 할애하는 것 같습니다.
저또한 그랬고요~ ㅋ
딱히 100% 마음에 드는 스킨은 아니지만 현재도 나름 만족중.
아, 분명 옆에 회색 배경이 있어서인지 글에 집중할 수 있는것 같네요. 제 블로그도 조금 수정을 해봐야겠어요.
2011/02/19 17:11 [ ADDR : EDIT/ DEL : REPLY ]좋은 정보, 잘 보고 갑니다 ^^;
즐거운 주말되세요
로그를 확인하고 있었고, 난 영감이 떠올 랐어요!닫는 부분이 매우 유용한 정보가 구체적으로 나는 그런 정보를 많이 처리합니다. 나는 오랫동안이 특정 정보를 찾고 있었어요. 감사와
2012/03/29 21:43 [ ADDR : EDIT/ DEL : REPLY ]보다는 마왕재림이 더 좋지 않을까라는 생각이 듭니다. 하지만, 플레이할수 있는 캐릭터는 켄시로만 있는 것이 아니기 때문에 북두의 권을 좋아하셨던 분이라면 게임속 다양한 캐릭터들을 통해 예전의 향수를 느끼기에는 충분할 것 같습
2012/04/22 23:29 [ ADDR : EDIT/ DEL : REPLY ]도 높이셨고 스킨자체도 심플하고 좋아 보였습니다. 하지만 사소한 부분이지만 아쉬웠던 점은 사이드바에 빨간색 원색 메뉴입니다. 그 메뉴는 본문보다 너무 눈에 띄는 색이라 항상 본문을 읽다가도 계속 사이드바에 눈이 갔던 것 같습니다.
2012/05/14 19:44 [ ADDR : EDIT/ DEL : REPLY ]당하는 세상이 되어갑니다.티비님처럼
2012/05/26 00:14 [ ADDR : EDIT/ DEL : REPLY ]블로거를 생각하면서 자료와 정보를 올려주시기 않으면 정말
모르다가 걸릴 수 있죠.오늘도 역시 티비님만의 배려 포스팅,
고맙습니
기도 산소가 필요해요.
2012/05/26 14:43 [ ADDR : EDIT/ DEL : REPLY ]물고기도 물속에서 숨쉴 수 있는 산소가 필요하대요. 그렇지 않으면 제 물고기들처럼 수면위로 올라와 뻐끔뻐끔되거나 하얀 배를 보이면서 죽어가겠죠?! 물론 소수의 물고기는 산소 없이도 살 수 있다고는 하는데요. 대부분은 산소가 필요하다고 하네요.