티스토리 첫화면꾸미기, 개성을 살린 D.I.Y. 스타일 제안

 요즘 모든 분야에서 D.I.Y. 방식이 많은 각광을 받고 있습니다. D.I.Y.는 Do It Yourself의 약자로 자신이 하고 싶은데로 한다는 뜻이지요. 그래서 티스토리의 첫화면꾸미기에도 D.I.Y. 스타일을 제안해 볼려고 합니다. 한창 베타서비스가 진행중인 첫화면꾸미기에는 지난번에 소개드렸듯이 추천세트라는 것이 존재합니다. 하지만 아직까지는 사용자의 구미를 당길만한 세트모음이 많지는 않습니다. 시간이 지나고 정식 서비스를 시작하면 많이 늘어나겠지만 그전에 제 나름대로 몇가지 스타일을 생각해 보았습니다. 첫화면꾸미기에대한 기본적인 소개는 아래글을 참고해주세요.

2% 부족한 티스토리 첫화면 꾸미기, 테터데스크와의 비교분석 (Click!!)

사진 위주의 포스팅을 하는 블로거들을 위한 제안

 사진 위주의 포스팅을 하시는 분들을 위해서 상단에는 헤드라인형 아이템을 가운데는 썸네일과 요약설명이 들어가있는 갤러리형 아이템을 그리고 하단에는 사진만 나오는 갤러리형 아이템을 배치하였습니다. 상단에 있는 헤드라인형에서는 우측아래 등장하는 4개의 사진을 클릭하면 첫화면 상에서 큰 썸네일과 요약글을 읽을 수 있습니다.

글 위주의 포스팅을 하는 블로거들을 위한 제안

 요즘 워낙 사진이 대세이긴하지만 사진없이 글로만 포스팅을 하시는분들도 꽤 계신줄 알고 있습니다. 이런분들에게는 글을 강조하고 썸네일이 등장하지 않는 아이템 위주로 첫화면을 구성해 보았습니다. 상단에는 2단형 가운데는 3단형으로 된 제목과 요약글이 들어간 아이템을 배치하였고 하단에는 글의 제목만 리스트형으로 나타나는 아이템을 배치하였습니다.

글목록과 사진목록이 모두 필요한 블로거들을 위한 제안 2가지

 때론 글목록과 사진목록을 첫화면에 함께 표현하기를 원하는 분들도 계실것 같아서 글목록과 사진목록을 함께 담아본 화면구성 2가지를 만들어 보았습니다. 1번은 글목록이 상단에 2번은 사진목록이 상단에 나올수 있도록 구성하였습니다. 2번 같은 경우에는 아이템 상단에 타이틀을 만들어서 추가해 보기도 했습니다. 티스토리 첫화면꾸미기 기능중에 각 아이템에서 사진이 있는글만 리스팅 되는 기능이 있기 때문에 글과 사진을 혼합해도 사진이 나와야할 공간에 빈칸이 되는 경우는 생기지 않습니다.

다양한 인기순별 기능을 이용한 첫화면구성 제안

 이번 첫화면꾸미기에서 주목할만한 기능중의 하나가 나타나는 글을 선택할때 카테고리별이 아닌 인기순또는 태그별로 구성할 수 있습니다. 인기순은 조회수, 댓글수, 트랙백수, 다음View추천이 많은글의 총 4가지로 정렬이 가능합니다. 단 작성한 전체글은 아니고 최근 100개을 글을 대상으로 정렬을하는데 이부분은 정식서비스가 시작될때는 글읠 개수를 임의로 지정할 수 있었으면 좋겠네요. 왼쪽캡쳐사진처럼 조회수Top6, DAUM View 추천 Top6와 같이 재미있는 구성도 가능합니다.

정리하며..

 디자인을 공부한적이 있긴 하지만 미적감각이 좋지않아서 감탄사가 나올만한 스타일을 만들어내지는 못한것 같습니다. HTML을 함께 사용하면 더 좋은 구성을 만들 수 있을것 같긴 했지만 첫화면꾸미기가 추구하는 바가 마우스 클릭만으로 누구나 사용할 수 있는 기능을 제공하는데 있다고 생각하기에 오직 클릭만으로 구성해 보았습니다. 타이틀의 배경색이나 글씨체, 글씨색깔, 목록에 나타나는 사진이나 글의 숫자는 자유롭게 수정이 가능하니 정식서비스가 시작되면 다양한 첫화면구성을 만들어 보실 수 있을거에요. 정식서비스가 시작되었을때 어떻게 구성해야할까하고 막막해 하시는 분들에게 조금이라도 도움이 되었으면 좋겠습니다.