블로그 본문 사이즈를 2년만에 변경 했습니다.
본문에 따라 당연히 블로그 전체 사이즈도 변경되었습니다.

이전에는 960 (640 + 280) 을 유지했습니다. [ 이번에는 1070 (750 + 280) 을 유지하기로 결정 했습니다. ]

블로그 사이즈를 변경하게 되면 많은 부조합이 따른다는 걸 알기 때문에 쉽게 결정을 하지는 못했습니다.
블로그의 사이즈가 커지면 커질수록 감수 해야할 요소도 많습니다.

아래 몇가지로 정리 해봤습니다.

블로그 본문 폭의 사이즈를 작게 줄였을때의 부조합 

삽입된 이미지의 자동 축소가 안됨
블로그 본문폭의 사이즈를 늘리게 되면 다시는 돌릴수 없다라고 생각하는게 맞습니다.
그 이유는 다음과 같습니다.

500사이즈 본문을 사용하다가, 700 사이즈로 변경을 하고 나중에 스킨이 너무 마음에 들어서 500 사이즈로 다시 변경을 할때 이미 그동안에 삽입되었던 이미지가 모두 우측이 짤리는 경우가 생깁니다.
(간단하게 지금 사용하는 본문폭보다 작은 사이즈로 임시로 스킨을 변경 해보시기 바랍니다. 어떤 현상이 생기는지.... )

본문 내용은 본묵 폭에 리사이즈 되어 맞춰서 내려가게 되지만 이미지는 본문폭에 맞춰서 자동으로 축소가 되지 않습니다.


애드센스와 광고에 따른 어긋남
애드센를 상단에 2개를 배열하는 분도 있고, 1개 혹은 다양하게 배열 하는 방법이 있는데요!
이 또한 블로그 본문 사이즈를 줄이게 되면, 그 하단에 영향을 받는 광고부터 상단에 있는 애드센스까지 다시 배열을 하거나 광고 규격을 바꿔야 하기도 합니다. 가장 많이들 사용하는 300 * 250 사이즈를 포기를 해야 할수도 있습니다.


모니터 해상도에 따른 사이드바의 실종 (1024기준)
본문을 늘리게 되면 그에 따라 손해를 보는것도 역시 사이드바입니다. 본문 사이즈가 커질수록 밀려 나는건 사이드바겠죠!!
사이드바를 손해 보지 않으려면 적정선의 사이드바 폭을 유지 해야 합니다. 이럴경우 나타나는 현상은 (가로형 스크롤바)가 생겨납니다.
이 상황이 싫기 때문에 본문 사이즈를 늘리는것도 신중을 해야 하는 부분입니다.

얼마전에 가장 활용도 높은 본문 사이즈 설문조사와 가장 많이 사용하는 현재 모니터 해상도 설문을 한적이 있습니다
아래 두글을 확인 하시면 도움이 되실것으로 생각합니다.

2011/11/23 - [나이스팁/인터넷] - 모니터 화면 해상도 설문조사 합니다.
2011/09/26 - [나이스팁/블로그] - 블로그 본문폭에 대한 생각
2011/10/13 - [나이스팁/블로그] - 블로그의 활용도가 높은 본문 사이즈는?
2011/07/18 - [나이스팁/블로그] - 블로그의 가장 이상적인 본문 사이즈는 얼마일까요??


블로그 본문 폭의 사이즈를 크게 키웠을때의 부조합 

본문 내용에 따른 가독성이 좋다.
블로그 본문 사이즈를 늘리게되면 좋은점은 가독성이 좋아집니다. 넓은 화면에 많은것을 담을수가 있다는점입니다.
블로그는 본문에 집중되는 매체입니다. 그럼으로 사이드바에 아무리 많은걸 넣는다고 하여도 블로그 본문에 집중이 된다는점에 있어서 본문폭이 작은것보다 큰것이 좋을수 있습니다.

기존 사이즈에서 블로그 본문 사이즈를 키웠을때 어떤 부분이 나타나지 않는다거나 하는건 없는것도 한몫을 합니다.
그럼으로 작은 사이즈를 큰 사이즈로 변경하는건 큰 영향이 없지만, 큰 사이즈를 작은 사이즈로 영향을 많이 받습니다.


본문 내용에 따른 이미지와 동영상등 전체적인 컨텐츠의 뷰포인트
블로그 본문 사이즈를 늘리게되면 (당연히 삽입되어지는 사진과 동영상등의 컨텐츠가 일반 적인 블로그의 본문 보다는 크게 보입니다.)
크게 보일수 있다는건 눈에 잘 들어온다는 얘기이며 더불어서 집중성이 좋아집니다.

간단하게 길거리에 현수막이 걸렸다고 했을때, 작은 현수막에 깨알같은 글씨 보다는 큰 현수막에 크게 쓰여진 글씨가 잘 보일겁니다.

블로그는 포털처럼 메인을 통하여 접근하는 매체가 아니라 자기가 필요로 하는 정보를 찾아 들어오는 게시물 형식의 컨텐츠입니다.
다른 말로 돌려보면 블로그 첫 페이지를 통해서 들어오는것보다 검색을 통하여 해당 게시물(컨텐츠) 글주소를 클릭하여 들어오는 경향이 많기 때문에 블로그 본문에 가장 많은 눈이 갈수 밖에 없다는겁니다.

이렇게 볼때 작은 본문보다 당연히?? 큰 본문이 정보를 원하는 사람에게는 좋습니다.


너무 큰 본문 사이즈는 역효과
블로그 본문 사이즈가 크면 좋다고 해서 너무 크면 오히려 역효과가 생기는 경향이 있습니다.
블로그는 아까도 말씀 드렸듯이 본문 영향이 가장 큽니다.
이렇게 되었을때 본문에 있는 글을 읽는다면 눈은? 왼쪽부터 오른쪽까지 움직이는 거리가 멀어질것입니다.
그에 따라 스크롤바의 압박이 많은 글은 피로할수 밖에 없으며, 이는 집중력을 떨어트려 글의 하단으로 스크롤 하기 쉽습니다.

또한, 본문에 삽입되어진 이미지가 클 경우 그에 부합으로 겉 들어지는 보조설명의 글이 오히려 한 화면에 담겨지지 않아서 전달력이 떨어질수 있습니다.

다시 말해서 한 화면에서 이미지가 삽입되고 그에 따른 내용에 대한 요약정도가 눈에 들어 와야 합니다.
그럼으로 사진을 어필하는 사진 블로그라면 큰 본문이 좋겠지만, 그렇지 않고 정보를 전달하는 매체라면 적절한 사이즈의 이미지와 그에 따른 내용이 눈에 들어올수 있는 사이즈가 좋다라고 생각합니다.


Post by : 친절한 재아

댓글을 달아 주세요!

  1. 저는 여러가지 수정하는 것이 엄두가 안나서 그냥 유지하고 지내는 타입이에요 ㅋ

  2. 스킨의 본문 사이즈가 변해도 스크립트를 이용하면, 이미지 사이즈 문제는 해결할 수 있다고 들은 것 같습니다.

  3. 그래서 저는 블로그 스킨이나 본문폭 등의 수정은 아예 손도 대지 않습니다 ^^

  4. 저도 현 상황 스킨에서 블로그 본문폭하고, 사이드바 폭 늘리고 싶은데..도전할 엄두가..T.T..휴,,

  5. 정말 스킨한번 만지려면 신중하게 여러가지를 생각하고 만져야 고생을 덜하는것 같아요..
    오랜만이네요.. 잘 지내시죠..^^

  6. 저도 사이즈 변화하면서 기존 사진들이 약간 짤려요.ㅠ

  7. 결국은 고민을 하다가 결정하셨군요...
    본문폭이 작아질 때의 가장 큰 고민은 역시나 이미지나 동영상등의 잘림현상이 될테구요.. 이거 자동 맞춤이 되면 부담이 없을텐데....
    그리고 본문 폭이 커질 때의 고민은 가독성이 되겠죠... 이미지나 단일 컨텐츠의 크기는 커져서 좋겠지만 텍스트의 가시성도 역시나 중요하지 않을까 싶어요... 너무 넓어지면 속된말로 눈돌아가는 경우가 있으니....ㅎㅎㅎ

    • 스크립트를 삽입한다면 된다고 하는데..
      그것보다는 티스토리 자체적으로 스킨에 맞춰서 리사이즈 되야 하는게 맞다라고 봅니다....

      네 맞습니다.^^;;

  8. 본문사이즈를 키우셨네요. 시원한 감이 좋습니다.
    저도 생각은 있는데 엄두가 안나네요.
    좋은 글 잘봤습니다.

  9. 글씨가 큼직큼직 해 져서 보기 좋아졌는데
    역시 본문 폭이 증가하면 몇가지 꺼림직한 것들이 남네요 ㅠㅠ

  10. 저도 지금까지 스킨을 3번정도 바꿔봤었는데 이게 여간 힘든게 아니더라구요;;
    중간중간 오류도 나고 사이즈도 안맞고... 암튼 그래서 당분간은 변경없이 유지하려고 합니다;

  11. 저도 본문크기를 수정해..이전의 글들은 이미지가짤리는게 더러있다는 ㅋㅋ
    감수해야죠뭐...

  12. 여러가지 해보고 자신에게 맞는 것으로 가는것이 좋은것 같아요^^
    오늘도 하루 마무리 잘하시고 좋은꿈 꾸세요^^

  13. 본문 사이즈는 꾸준하게 넓은걸 쓰는데..
    젤 애매한게..
    어느 순간 내 글이 너무 길어지고..
    그 글에 대한 가독성이 떨어지고 있다는걸
    스스로 인지 할때... 좀 애매해지죠 ^^;

    글꼴 바꾸고, 글꼴 사이즈 조절하고, 줄간격 조정하고..
    등등등등
    이것저것 해봐도
    불만족스러울때..
    하아... ㅠ

개인적으로는 1024를 선호합니다.
가장 많이 사용할수 있고, 여러가지로 조건이 좋다고 생각이 드며 가장 광범위하게 사용할수 있다고 생각이 듭니다.

하지만 근래 주변에 아는분드르이 컴퓨터를 보면... 1024를 사용하는 모니터를 보기가 힘들정도입니다.
물론 제 개인적으로는 22인치 모니터를 가장 많이 사용하고 그다음에 24인치를 사용한다고 생각이 듭니다.

또,, 피시방에서도 가장 많이 사용한다고 생각이 들고요!!
하지만.... 10명중에 절반이 1024 이상을 사용한다면 구지 1024에 맞춰서 스킨을 보여줘야 할 이유는 없다라고 생각이 드는 부분입니다...



감사합니다...

혹시 자신이 사용하는 모니터의 값이 없다면 자신의 모니터값을 아래에 댓글로 남겨주셔도 되고요!..
혹은,,, 자신의 사용하는 모니터 값과 가장 가까운 하위값을 선택하시면 됩니다.
Post by : 친절한 재아

댓글을 달아 주세요!

  1. 이전 댓글 더보기
  2. 똥강아지 2011.07.10 21:27 신고

    1920x1080 로 넘어온지.. 2년 조금 넘었어요.

    23인치 모니터구요.

  3. 동생 방에 있는 건 1,600 * 1,200px, 현재 사용 중인 노트북은 원래 1,680 * 1,050px이었는데
    이것도 세로 픽셀 때문에 답답해서 작년 8월 쯤에 1,920 * 1,200px 액정으로 교체해서 사용 중입니다.

    제가 알기론 작년 기준으로 가장 많이 사용되는 해상도가 1,280 * 1,024px라고 하더군요.

  4. 저도 1024 768사용합니다ㅋ

  5. 데스크탑 모니터 해상도는 투표했는데, 제 노트북은 1366 X 768이거든요. ㅎㅎㅎ

  6. 그리고 방문자 수를 메뉴 줄에 넣을 수 있는 방법은 없나요?
    1단 스킨이라 너무 아래 있어서 말이죠.
    다른 곳의 태그를 따와서 넣어 보니 안 나오더라고요. ㅠㅠ

    • 넣는 방법이야 있습니다.

      치환자만 사용해도 가능은 합니다...

      지금 현재 메뉴중에 최신글보기 넣기 처럼 그 자리에 추가해서 넣으시면 됩니다..

      아래 치환자를 이용하시면 될듯하네요...


      [샵#_count_total_##] : 총 방문자수
      [샵#_count_today_##] : 오늘 방문자수
      [샵#_count_yesterday_##] : 어제 방문자수

      위의 치환자 3개를 최신글보기 처럼 그 자리에 넣어주시면 됩니다...

      그러면 표시가 되는데요 아마 숫자만 나올꺼에요..

      그럼으로 다음처럼

      총 : [샵#_count_total_##] | 오 : [샵#_count_today_##] | 어 : [샵#_count_yesterday_##]

      위처럼 넣어보세요!!

      물론 샵은 --->>> # 으로 고쳐서 넣어야 합니다.

  7. 데스크탑 22인치 모니터가 1680x1080인듯 하네요. 요수치가 있어 투표는 했지만
    현재는 주로 놋북 1366x768을 사용중이네요.

  8. 투표했습니다-
    회사에서 쓰는건 1920*1080인데
    집은 얼마인지 모르겠네요
    근데 회사나 집이나 전 전체화면으로 놓고 쓰지 않아요 ;;;

  9. 파이어폭스에서 보니까 비밀글 버튼이 공중에 떠 있네요~
    수정댓글댓글주소는 서로 겹쳐져있고요
    re jaea 버튼 예뻐요 맘에 들어요 ㅋㅋㅋ

    • 이상하네요...

      저는 파이어폭스에서 지금도 보고 있는데 정상이고 ie에서도 정상인데...

      제 생각엔 쿠키 문제 같은데 CTRL + F5 를 눌러서 확인해보세요.. 그래도 그렇다면은.... 스샷이라도 좀 찍어서 알려주세요...

    • http://bomulchanggo.tistory.com/76
      ctrl F5누르니까
      댓글, 수정, 주소는 바뀌어 보이는데
      캡쳐 해 봤어요
      요렇네요~

    • 확인 했습니다.

      제가 손님의 입장에서 확인 했었고 관리자의입장에서 확인 했었는데.

      정작 다른아이디로 보았을때 ( 로그인) 했을때의 비밀댓글 체크 부분이 말씀대로 겹처 보이더군요!

      그 부분은 수정 했습니다...

      다시 확인 해보시고 맞다면 알려주세요1

    • 정상적으로 보입니다 ^^

  10. 비밀댓글입니다

    • 전적으로 맞는 말이긴 합니다.

      그 사이즈가 가장 큰 역활을 하긴 합니다.
      블로그를 하나 더 만들어서 테스트중입니다..

      아직도 1024를 얼마나 사용하는지에 대한 대략적인 확률을 좀 알고 싶었습니다...

    • 비밀댓글입니다

  11. 비밀댓글입니다

  12. 1920 1200 이 최고 많네요 굿 16:10 해상도가 저는 좋은듯해요.

  13. 헉!
    1920 1080 제가 쓰는게 젤 높은 투표율을! ㅎㅎ

  14. 오 1920이 많네요..의외네요..ㅋㅋㅋ

  15. 1280*720 쓰는데 메뉴에 없네요.
    요샌 와이드보다 오히려 1024짜리 4:3 모니터 찾기가 더 힘든 거 같아요.

  16. 저는 1366*768 쓰는데 선택사항에 없어서 패쓰~~~

  17. 노트북인데 1366 * 768이네요.
    1280*800에 한표.

  18. 1920 X 1080 입니다
    저에겐 이 해상도가 딱인듯 하네요^^

  19. 1920 * 1080 이요^^
    이 해상도 재일 많이 쓰시네요^^
    날씨가 많이 추워요. 감기 조심하세요^^

  20. 사무실컴퓨터라 1280 -800 쓰고있네요.
    집은 아무래도 1920-1080 일것같은데..ㅋㅋ
    설문조사 결과 기대하겠습니다.

  21. 음.. 전 선호하는 해상도가 없내요.. 그냥 추천 해상도로 쓰고 있고.. ;; 이런.. ㅠㅠ

블로그를 이용하면서 이정도는 되야 여러가지로 보기에 좋더라?
혹은 이정도는 되야... 가독성도 좋고, 스샷이라든지 동영상을 올렸을때 직관적으로 잘 보이더라!



여러분이 사용하시는것을 선택하셔도 되지만
다른블로그에 갔더니 그정도 사이즈는 나도 해야겠더라?  정도의 느낌이 있을것으로 생각합니다.

여러분의 생각은 어떠신지요?
다중으로 선택이 가능합니다.

제가 현재 사용하고 있는 본문폭의 사이즈는 640입니다.



모니터 해상도에 대한 설문조사는 아래 링크를 통하여 참고 하시기를 바랍니다.

2011/07/10 - [나이스팁/인터넷] - 모니터 화면 해상도 설문조사 합니다.




Post by : 친절한 재아

댓글을 달아 주세요!

  1. 제가 사용하고 있는 스킨을 보니본문이 650 넘더군요..
    600에서 650정도는 되어야 하지 않을까 합니다..^^

  2. 다들 제각각이시군요 ㅎㅎ
    여러가지 호용성을 생각해볼때, 전 750은 무조건 넘어야 된다고 생각해요..ㅇㅇ;

    • 전반적으로 크기가 커지고 있습니다.

      이런 현상은... 모니터 화면이 점점 커진다는 얘기겠죠..
      그럼으로 구지 1024에 맞출필요가 없어진다는 결론으로..

      제가 만약에 확장한다면 850까지 생각중이랍니다...

  3. 제가 평가한 사이즈가 젤 높긴하네요^^
    750 ㅎㅎ

  4. 전... 넉넉하게 900ㅎㅎㅎ

3D가 너무 쓸데 없이 많이 나오는듯 합니다.

3D의 입체감을 살릴수 있는 프로그램도 많이 나오고 있는데, 제대로된 방법으로 구현이 될려면 돈을 쓰는 방법 밖에는 없습니다.

일반 영화를 입체감 있는 3D방식으로 볼려면 구조는 간단하다고 합니다. 기존 영상에 다른 영상을 살짝 겹치게 한후에 왼쪽 눈은 적색으로 오른쪽 눈은 파란색으로 하여 눈이 앞과 뒤를 번갈아 볼수 있게 하여 입체감으로 보이는거라는 원리라죠~;;

원리는 간단한데, 안경을 쓰지 않고서는 못보는 현재의 현실..

안경을 쓰지 않아도 볼수 있는 방법이 개발되었다고 하지만, 현재는 안경을 쓰고 보는게 보편화 상태이기 때문에 말입니다.

뭐 아무튼 쓸데 없는 이야기는 그만 하고요..

일반적인 영상 (영화) 를 프로그램을 통하여 일반 컴퓨터 모니터에서 입체감 있게 볼수 있는 방법이 있어서 소개 합니다.

이 프로그램은 쉐어웨어로써 등록을 하지 않을경우 5분정도만 플레이가 가능하고, 플레이 후에는 등록하는 창이 뜨니 참고하시길 바랍니다.

넥스트를 눌러서 마법사를 진행 합니다.



약관의 동의 하겠냐는 내용이네요 선택하시고, 넥스트를 눌러 줍니다.


모든 사용자가 할껀가 아니면 현재 로그인된 본인만 할것인가의 물음 입니다.
선택하시고 넥스트 눌러서 진행 합니다.


설치를 진행 하겠냐는 메세지입니다. 넥스트를 눌러서 진행 합니다.


설치가 완료되면 닫기를 눌러서 닫아 줍니다.



플레이 창입니다. 윈도우 미디어 플레이어 흡사하게 보이죠!
사용법은 간단합니다. 영상은 3D 영상이 아니어도 상관없습니다..

본 프로그램의 목적이 일반 영상을 3D로 보는거기 때문입니다.

위의 이미지에서 눈이라고 표시된 부분을 마우스로 클릭하게 되면 일반 눈으로 보는 영상으로 변하게 되며, 안경이라고 표시된 부분이 선택되어 있으면, 입체 영상으로 변경되는  아이콘입니다.

뭐 참고하시고 영상 플레이를 하게 되면요! 아래와 같은 어떤 방식으로 플레이를 할것인가에 대한 선택을 하게 됩니다.



맨 상단을 클릭하시고, 맨 아래에 OK를 눌러서 진행합니다.


지금 현재 3D안경을 쓰고 위의 스샷을 보면 입체감을 확인할수 있을것입니다.

적청안경을 기준으로 말입니다. 



마찬가지로 3D안경을 통하여 확인하시면 입체감을 느낄수 있고 어떻게 일반 영상이 표현이 되는지를 확인할수 있습니다.


3D안경은 셀로판으로 만들어도 되겠지만, 비싸다라고 생각되시면 인터넷으로 구입하셔도 됩니다...




몇장 더 올려 봅니다.:;;
이 사진들이 도움이 되실런지 모르겠습니다.

개인적으로 일반 영상을 입체감 있게 보는게 재미는 있더군요~

다만 문제가 하나 있다면... 원래 자체적으로 3D로 만들어진 영상이 아니다보니 전체적인 입체감을 보여줍니다. 이게 무슨말이냐 3D로 만들어진 영상은 배경과 사람 그리고 사물이 모두 따로 분리되어 있습니다. 배경은 맨 뒤에 사람은 중간에 그리고 그 앞에 물건이나 물 총등은 맨 앞에 이런식으로 입체감으로 보여지게 되는 원리와는 조금 다르더군요~

그러나 위와 같은 방식은 통으로 쏘옥 들어가는 방식을 보여 줍니다.
3D 입체 안경을 쓰시면 어떤 차이점이 있는지 확인이 가능할텐데 말이죠~

꼭, 이런 영상이 아니더라도  3D게임을 위해서라도 안경은 있으면 좋을듯 하다는 생각은 드네요! 그래서 저는 아래 11번가에서 저렴하게 구입했으니 여러분도 생각 있으면 구입 하세요^^;


Post by : 친절한 재아

댓글을 달아 주세요!

  1. 예전에 셀로판지로 입체안경을 만들던 것이 생각나네요. ㅋㅋㅋ
    생각보다는 비싸지 않군요!
    이따가퇴근후에 질러야 겠습니다. ㅋㅋ
    아니면 지금 지를수도~~ -- ㅋㅋㅋ
    간단한 프로그램을 통해서 집에서도 3D를 즐길수 있다면!!
    당연히 질러야 당연지사! ㅋㅋㅋ

    • 더 비싼 제품도 있더군요 8만원 10만원 짜리도 있는데

      그렇게까지 활용하고 싶은 생각은 없더군요~

      어쩌다 한번정도 즐겨보고 싶을정도인데 매일같이 3D로 즐기다간 눈이. ㅋㅋ 충혈되어 ;; 죽을것 같습니다.;;

      ㅎㅎ;;

      가격이 저렴해서 전 4개나 질렀습니다.
      오버 클라스라고 해서,

  2. 재미있는 기능이네요.. ^^
    영화를 다운받고 나면 3d영화라서 지우는 경우가 많았는데
    안경구입도 생각해봐야겠어요 ㅎㅎ

    • 3D영화를 받아서 플레이 하고, 3D입체 안경을 이용하면 보이긴 합니다.

      위의 프로그램 같은경우는 일반 영상을 3D입체로 만들어서 표현 해주는거랍니다..

      ㅋㅋ; 신기하더군요 ㅋㅋ

  3. 저도 입체안경 하나 구입하려고 하고 있습니다.
    요즘 3D 영상이 워낙 많아져서 말이죠. ^^

  4. 정말 세상은 넓고 알아야 할것도 많은것 같네요^^
    잘 지내시죠^^

  5. 집에서 간편하게 할 수 있고 재미있겠는데요? 사진을 보니 꼭 어렸을 때 읽던 공포특급이라는 책이 생각이 나요~^^ 그때 보고 완전 무서워했었는데~

  6. 비밀댓글입니다

  7. 3D 안경이 없으면 굉장히 눈아프네요 ㅜㅜ..
    집에서도 3D 좋네요 ㅎ

  8. 오호, 저도 안경하나 구입해야겠네요 ㅋ

  9. 재밋겠군요^^
    안경은 전에 어디서 보니 샐로판지로 간단히 만들수 있다던데요.

  10. 오 이거 정말좋은 프로그램이네요 혹시 적청 방법이아닌 요즘 영화관에서 하는 3d방식은 없나요?

  11. 그렇니까 편광 방식으로요

  12. 여우같은남자 2011.09.14 19:42 신고

    3D 좌우로 나누어진 영상은 어떻게 플래이 하나여 지금과 같은 방식으로 하면 되는지..

티스토리 툴바