본문 바로가기
잡동사니/블로그

초보 블로거를 위한 블로그 팁 - 블로그 레이아웃 그리기

by 마쑤 2011. 4. 23.
반응형
블로그를 처음 개설한지 이제 보름 정도가 지났는데 개설할때에 비해 지금은
나름 제가 생각했던 모습에 근접해진것 같습니다.

처음에는 막연하게 "깔끔하게 혹은 보기 쉽게 " 구성하자는  생각뿐이어서 스킨을 고를때도
생각하는것에 딱 맞는걸 고를리가 없으니 몇번을 스킨샵(?)을 처음부터 다 둘러바도
고르지 못하니 결국 첫페이지에 있는게 젤 많이 쓰는건가보다 암거나 골라서 개설이나 끝내자!

그러나 블로그스킨을 고르고 난후에도 첩첩산중이니 이래저래 CSS등을 수정해야 하는데
쪼물딱 거릴수록 처음 순정 스킨의 느낌(?)은 저 멀리 사라지고 점점 망가져 갑니다..
망신창이가 된 스킨을 "나와 맞지않는걸 잘못 골라서 괜히 고생을 더했어~" 라며 나만을 위한
혹은 이쁜 스킨을 찾아 다시 헤매고..

이번엔 쓸데없는(?) 고생을 안하려고 과거의 기억을 더듬어 스토리보드를 만들었습니다
상업사이트는 제작에 앞서 기획단계에서 보통 스토리보드(사이트레이아웃,요건등을 정리한것)
라는걸 만드는데 이걸 바탕으로 필요한 기능이나 디자인등 사이트의 구성을 하나하나
만들어가게 됩니다

블로그를 만들거나 개선할분들의 삽질방지용팁으로 내가 원하는 블로그의 모습을 파워포인트를
이용해서 간략히 정리한 스토리보드를 제작하는것이 오늘의 주제입니다
첨부파일을 다운받아서 파워포인트로 열어보시면 아시겠지만 만들기도 간편하지요
(물론 파워포인트에 익숙하지 않으시면 한글이나 그림판등 익숙하고 편한것으로 작업해도
 무방합니다 )
제가 만든 레이아웃 마지막 수정본(4월22일자)을 참고로 보겠습니다

* 첨부한 파워포인트 파일은 단순 참고용으로 이런저런 주석글등은 삭제한 순수 레이아웃만 보이는 버전입니다
                        
1. 메인페이지의 모습 -
각 모듈의 구성과 위치를 정리합니다 이걸 바탕으로 세부페이지도 만들게 됩니다 

블로그 레이아웃 메인

2. 카테고리 페이지 - 카테고리 영역의 레이아웃 및 광고부분 정리

카테고리 페이지입니다 실제와는 차이가 있네요^^

3. 개별 포스트

개별 포스트입니다.


이렇게 구상한걸 하나씩 그려가면서 블로그의 전체적인 모습과 세부 모습을 정리하면서
비교적 체계적으로 블로그를 수정 및 관리할수 있겠습니다.
또한 블로그 광고의 종류와 갯수, 배치도 가급적 블로그의 틀을 깨지않게 적용할수 있기도 합니다
블로그의 스킨 수정에 들어가는 시간과 노력을 줄이고 가급적 컨텐츠에 집중하기 위한 작업인데
HTML태그를 알고있다면 거의 모든작업이 일목요연하게 정리됩니다
태그를 잘모르시는 초보분들은 이렇게만 정리해도 다른분께 도움을 받기에도 유용하지요
보기좋게 만들 필요도 없고 생각을 정리하는데 의의가 있는것입니다

이전에 쓴 관련글을 참고하면 블로그 만들기가 더 수월할것입니다
- 초보 블로거를 위한 블로그스킨 교체기 http://massukr.tistory.com/20

댓글