About Blog2010/03/29 00:57
현재 Index 화면

티스토리 첫화면 꾸미기 베타테스터에 당첨된 이후로 첫화면은 물론 이에 가장 큰 영향을 주는 카테고리에 대하여 진지하게 고민한 결과, 다음과 같은 결론을 내렸습니다.

1. 지금 Owlbear's Document 의 카테고리 설정은 엉망이다.
 - 게임 관련 카테고리가 기준 없이 흐트러져있다.
 - 공집합과 여집합이 존재해서 글을 쓸 때 어느 카테고리에 속해야 하는지 고민하게 된다.
 - 이름이 추상적이기 때문에 구분이 어렵다.

2. 카테고리를 재설정해야 한다.
 - 게임 관련 카테고리 전면 수정이 필요하다.
 - 카테고리의 순서와 명칭도 바꿔야 한다.

3. 카테고리의 항목 및 구조가 변경되었으므로 첫화면도 전면 수정해야 한다.
 - 첫화면 꾸미기를 적극 활용한다.

그리고 이를 보완한 것이 현재의 첫화면, 그리고 카테고리입니다.


첫화면을 위주로 설명하겠습니다.
(스크린샷은 보여주는 정보가 제한적이므로 http://owlbear.pe.kr 을 통해 첫화면을 참고해주세요.)

최근 작성글 / About Blog - 최근 소식을 전하는 영역
* 디자인 요소 설명 : 신문을 예로 들면 헤드라인을 담당하는 최상위 영역이기 때문에 썸네일을 크게 노출하여 가장 먼저 눈에 띄도록 하였습니다. 우측의 블로그 관련 내용은 썸네일이 불필요하므로 생략하였습니다.

말 그대로 최신 글을 노출하고 블로그 공지사항 격인 "About Blog" 카테고리의 글을 노출시킴으로써 최근 소식에 대한 정보를 노출합니다.



패키지 / 온라인 / 에뮬 / 모바일 게임, 게임 개발/기획 - 게임 관련 카테고리
* 디자인 요소 설명 : 첨부그림을 통해 컨텐츠 전달력을 높이려는 의도가 다분한 카테고리이므로 썸네일을 강조했습니다. 사실 상 컨텐츠의 내용은 플랫폼의 차이 외엔 동일하다고 봐도 무방하므로 타이틀 텍스트의 컬러 구분은 불필요할 수 있으나 가독성을 향상시키기 위해 두 가지 컬러를 교대로 사용하였습니다.

게임에 관련된 모든 글들 중 가장 최근에 작성된 글 1개를 보여주고, 나머지는 각 카테고리별 글을 작성 순서대로 노출합니다. 주인장의 직업이 직업이니만큼 게임 관련 글이 그나마 좀 쓸만하지 않겠습니까? 하하하.[...]



아울베어의 사는 이야기 / 문화생활 / 기타 관심거리 - 일상 관련 잡담들
* 디자인 요소 설명 : 사생활 얘기들이 담겨있는 공간이기에 중요성을 다소 낮추어 하단에 배치, 썸네일을 생략하여 차지하는 영역을 최소화하였습니다.


사진, 일상의 단편 - 뭔가 사진을 찍었다 싶으면 다 이곳으로.
* 디자인 요소 설명 : 사진을 중심으로 전해지는 컨텐츠이므로 썸네일을 통해 내용의 대부분을 전달할 수 있고, 이 카테고리에 작성되는 글의 목적 자체가 사진을 담기 위함이므로 과감히 제목과 내용을 생략하고 대신 많은 양의 사진을 노출시키도록 했습니다.

디지털 카메라, 핸드폰 등으로 찍은 사진들은 다 이곳으로 갑니다. 펌질한 사진이 아니라면 대부분 이쪽으로 간다고 보면 되고(스크린샷 제외) 제가 직접 가본 곳들 혹은 멋진 물건이나 그 외 여러가지들의 사진을 담고 관련 이야기를 하는 공간입니다. 물론, 매우 사적입니다.

블로그의 존재 자체가 영양가 있는 글의 배출이 아닌 주인장의 뻘소리 모음이기 때문에, 이러한 잡담 담당 카테고리의 존재는 필수적인 것이죠.



티스토리의 첫화면 꾸미기 기능을 통해 첫 화면을 구성하는건 참 어려운 일이지만, 하나 하나 세부적인 설정이 가능하다는 점은 칭찬해줄 만 합니다. 설정 가능한 항목과 선택 아이템들이 늘어나면 더 흥미로운 기능이 될 것으로 보입니다. 나날히 발전해가는 티스토리에 다시 한 번 감사드립니다.





크리에이티브 커먼즈 라이선스
Creative Commons License


Posted by 아울베어
About Blog2010/03/18 23:07
적용을 마친 현재 모습.


Review 의 성격 상 사용법 등의 메뉴얼 냄새가 나는 내용은 생략합니다. - 실은 귀찮음 = _=
초록색 네모는 장점, 분홍색 네모는 단점으로 보시면 됩니다.

사용 환경 : Windows 7 Ultimate / Firefox 3.6 / Internet Explorer 8

#1. HTML? CSS? 몰라도 돼!
  블로그의 메인화면을 입맛대로 바꾸고자 하는 이들의 가장 큰 고민은 "어떻게 하는지 모른다" 입니다.
 
  티스토리는 설치형 블로그를 제외하면 가장 자유도가 높은 블로그라고 할 수 있습니다. 이는 HTML과 CSS에 익숙하지 않은 대다수의 블로거들에게는 오히려 독이 되어서 접근성을 떨어트리고 쓰기 어렵다 라는 인식을 심어주는데 큰 공헌(?)을 했습니다.

  하지만, 첫화면 꾸미기 만큼은 HTML 따위 전혀 모르더라도 충분히 보기 좋은 레이아웃을 짤 수 있습니다. 마우스 클릭만으로 모든 것을 마무리지을 수 있는 높은 접근성을 가지고 있습니다.
  또한 각 영역에 표시하고 싶은 만큼 아이템을 늘려 배치하고 각 아이템의 디자인을 설정할 수 있습니다. 이 모든 행동을 마우스만을 가지고 손쉽게 해낼 수 있도록 간편화된 인터페이스를 제공합니다.
 
#2. 세련된 디자인을 여러 형태로 제공합니다.
  헤드라인, 목록형, 갤러리형 총 3가지의 디자인을 제공하고, 이 중 두 가지를 조합하여 쓸 수도 있습니다.
  표시하는 방식이나 사이즈, 위치 등을 여러가지 경우의 수로 제공하여 어느정도 취향에 부합합니다.
  폰트 종류, 크기 및 컬러 등을 세부적으로 설정할 수 있어서 세련된 형태의 디자인을 설정할 수 있습니다. 또한 썸네일을 충분히 활용한 디자인이므로 만족스러운 레이아웃을 구성하기에 부족함이 없습니다.

#3. 원하는데로 디자인하고 원할 때 쓸 수 있습니다.
  보관함에 저장하여 원할 때 꺼내쓸 수 있도록 합니다.
  저장할 때 보관함에 저장할지 여부를 물어보므로 특별히 저장하기 위한 과정을 거칠 필요가 없습니다.
  스킨에 따라 다른 디자인을 적용하거나, 자주 변경하게 될 경우 모두를 어우를 수 있는 기능입니다.

#1. 안되는게 너무 많아!
  위 장점 내용의 1번과 정면으로 상충합니다.
  이번 첫화면 꾸미기 기능은 HTML과 CSS에 익숙하지 못한 유저들을 배려하고 있습니다. 그러나 그 외 고급 유저들, HTML과 CSS를 통해 완벽히 자신의 취향에 부합하는 디자인을 제작하려는 상당 수의 유저들을 배려하지 못하고 있습니다.
  예를 하나 들자면, 썸네일의 크기를 결정하는데에 있어서 몇 가지 비율을 제공하고 있습니다. 1:1, 3:4, 4:3 등인데, 이 비율을 조정함으로써 썸네일의 크기가 변하는지, 썸네일 영역을 유지하면서 비율만을 변화시키는지에 대한 안내 및 세부설정이 불가능합니다.

  초보자를 위해 고수들의 능력을 제한하는 다소 합당치 못한 처사가 되고 말았습니다.

 
장점은 작성 완료, 단점의 경우 더 발견되기 전까지 작성 보류.
 


크리에이티브 커먼즈 라이선스
Creative Commons License


Posted by 아울베어
About Blog2010/03/18 11:57


오홍 괜춘한데?


리뷰는 퇴근 후 쓸 예정입니다만
일단 첫 인상은 "편하다, 근데 좀 무겁다." 입니다.
물론 어쩔 수 없겠죠 뭐 -ㅁ- 글 여러 개를 한 번에 뽑아오는거니까요.

썸네일 없는 글은 좀 사용자가 지정한 기본 이미지로 출력될 수 있도록
지정하는 옵션이 필요할 것 같습니다. 그냥 회색 네모 뜨니까 뭔가 ㄱ-...


여튼 괜춘하네요 좀 더 써보고 리뷰 해보도록 하겠습니다.

크리에이티브 커먼즈 라이선스
Creative Commons License


Posted by 아울베어