-
티스토리 블로그 디자인 - 천추의 IT 이야기 블로그 디자인마케팅/블로그 포트폴리오 2014. 3. 17. 05:06
천추의 IT 이야기 블로그 디자인 개편
작년 말부터 준비하던 '천추의 IT 이야기'에 대한 디자인이 완료가 되었습니다. 이제까지 총 3회의 블로그 디자인이 개편이 된 것입니다.
원래 디자인을 하려던 디자인을 조금 변경하여 일반적인 디자인으로 만들어 버렸습니다. 그 동안 조금 부족하다고 느끼던 메인 배너 부분을 개선을 했습니다.
토요일에 디자인과 코딩을 마무리 했습니다. 만 하루에 홈페이지를 하나 만드는 정도의 업무의 집중이 있었습니다.
기존의 천추의 IT 이야기는 디자인에 거의 이미지를 쓰지 않고 페이지 오픈 속도를 중심으로 블로그 디자인을 유지를 했습니다. 그렇다 보니 다른 디자인 블로그 들과는 조금 다른 레이아웃을 유지하였지만 이제는 "홈페이지 형"레이아웃을 사용했습니다.
티스토리 블로그에 디자인을 입히는 작업은 티스토리 블로그를 시작하면서 조금씩 작업을 하기는 했지만 최근에는 스킨을 홈페이지와 거의 유사하게 디자인을 했습니다.
천추의 IT 이야기 블로그 디자인의 구성
메뉴의 추가 메뉴와 서브 메뉴를 추가하였습니다. 아직 메뉴의 구성에 대하여서는 조금 더 고민을 해보아야 할 것 같습니다.
롤오버 메뉴와 서브메뉴를 만들어서 보다 다양한 내용을 조금 더 편리하게 보실 수 있게 구성을 했습니다. 홈 버튼을 추가해서 인덱스인 첫 페이지로 보낼 수 있는 기능을 쓰게 했습니다.
메인 페이지는 티에디션에서 제공되는 기본 세트의 디자인이 마음에 들지 않아서 고민을 하다가 별도의 레이아웃으로 디자인을 했습니다. 개인적으로 볼 때 큰 코딩의 성과라고 볼 수 있습니다. 브랜들 블로그 등 2년 정도 티스토리의 블로그 디자인을 했지만 이번에서야 티에디션의 설정을 원하는 정도의 디자인 구성으로 바꾸어 놓은 것 같습니다.
다음은 메인 배너를 전체 화면에도 조금 어색하지 않게 배경과 함께 바뀌도록 했습니다. 성형외과나 웨딩 홀 같이 메인 이미지를 크게 넣는 블로그에 적용을 해보면 매우 멋있을 것 같습니다.
티에디션을 이용한 인덱스 페이지입니다.
서브 페이지 입니다. 메인 광고의 이미지를 같이 쓰고 있습니다.
현재 메인 배너는 움직임의 자연스러움을 포기한 대신 개별 링크나 배너간의 이동을 할 수 있게 하여서 기능성으로는 매우 만족스럽습니다.
지난주에 한미약품에서 블로그 마케팅에 대한 프레젠테이션을 했는데, 그때 현재의 디자인을 보여주지 못한 것이 조금 아쉽습니다.
다음 단계는 블로그의 기본기능을 이용하여 간단한 질문이나 상담을 받을 수 있는 시스템을 준비 중입니다. 별도의 서버를 사용하지 않기 때문에 운영비가 적은 중소기업을 위하여 필요할 것 같습니다.
앞으로 한동안은 블로그 디자인을 개선하는 작업을 해야 될 것 같습니다. 이번 주에는 혜은당 한의원의 코딩과 한국 마케팅 협회의 공식블로그의 디자인과 코팅을 해놓아야 해서 매우 바쁘고 재미있는 한 주가 될 것 같습니다.
블로그 코딩 작업 환경입니다. 디자인의 코딩에는 최근 쓰기 시작한 Adobe Edge code CC를 쓰고 있습니다. 무료 앱인데 맥 용 무료 에디터 프로그램 중에서는 현재 까지는 제일 좋은 것 같습니다. 위 이미지처럼 작업을 하면 상당한 업무효율로 작업 효율이 좋지만 목을 혹사하기 때문에 작업이 마무리 될 때는 두통이 몰려올 때도 있습니다.
다음에는 디자인과 코딩 작업에 대하여 포스팅을 준비해 보겠습니다.
- 티스토리 - 에버노트 플러그인으로 블로그 포스팅 테스트[1]
- 재미있는 놀이터 같은 기업 "배달의 민족 - 우아한 형제들"
- 나만의 모바일 오피스를 꾸며보자 [1] - 모바일 오피스를 위한 기본 설정
- 페러렐즈 데스크톱 9를 더욱 선명하게 사용하기 화면 모드 잘 활용하기
- 쓰면 쓸수록 편리한 클라우드 컴퓨팅
- 아이패드 어플 추천 - 무인코딩 동영상 어플 AVPlayer
- 이제는 고선명도의 시대 HiDPi[4] 4K 모니터 무엇을 선택할 것인가?
- 스마트 아카데미 'SMART APP 개발 강좌 - 게임 개발 프로젝트 3기 모집'[스마트 앱 전문 교육기관]
- 아이패드 에어를 위한 블루투스4 스타일러스 펜 'JOT SCRIPT EVERNOTE EDITION STYLUS' vs 'INTUOS CREATIVE STYLUS'
'마케팅 > 블로그 포트폴리오' 카테고리의 다른 글
온라인 마케팅 전략 수립 - "청라오피스텔분양" 사례 (7) 2014.09.16 워드 프레스가 부럽지 않은 '티스토리 블로그 홈페이지' (36) 2014.03.24 남서울 대학교 치위생학과 티스토리 블로그 디자인 [블로그형 홈페이지 포트폴리오] (14) 2014.02.10 지금은 티스토리 블로그 디자인 작업 중 (28) 2013.12.08 좌충우돌 티스토리 본문 배너 만들기 (11) 2013.11.08