본문 바로가기
반응형

T스킨 BASIC을 기준으로 레이아웃이 많이 변경되어서 T스킨 BASIC Version 2로 새롭게 배포 합니다. (기존에 T스킨 BASIC을 구매하셨던 분은 T스킨 BASIC Version 2을 무료로 다운로드 받을 수 있습니다)

T스킨 BASIC Version 2T스킨 BASIC Version 1이 가지고 있던 몇가지 오류를 해결하고 코드를 정리했으며 무엇보다 아래와 같은 레이아웃 변경이 있습니다.

Header의 변경

Version 1의 형태

Version 2의 형태

  • 각 아이콘의 크기를 키웠습니다.
  • 홈으로 이동하는 버튼을 상단바의 중앙으로 이동했습니다.
  • 댓글창 보기 버튼을 상단바의 오른쪽으로 이동했습니다. 이 위치가 적당한지는 좀더 지켜보고 수정이 될 수도 있습니다.

기능버튼의 위치 변경

와이드한 모니터를 많이 사용하는 현 추세에서 기존에 위치한 화면의 하단은 실제 컨텐츠가 나오는 영역이 더 줄어드는 문제가 있어서 버튼의 위치를 본문의 좌측으로 이동했습니다. 현재 기능 버튼은 동일하며 추후 UX공작소에서 제작될 티스토리 스킨의 기능이 추가될 경우 실행 버튼의 위치로 활용할 생각입니다.

Version 1의 위치

Version 2의 위치

  • 버튼을 세로형태로 배치함
  • 위로가기 버튼을 추가함

Footer의 개인정보 영역 위치 변경

Footer의 개인용 버튼의 위치를 수정했습니다.
화면의 크기 상태에 따라 위치가 조금 애매했던 부분이 있어서 좌우정렬을 중앙정렬로 수정하였습니다.

Version 1의 위치

Version 2의 위치

댓글의 표시 방식 수정

대글의 경우 우측에 보여주는 형태일 경우는 차이가 없으나 댓글창을 닫아 놓는 상태일 경우 현재 댓글의 갯수를 보여는 방법에서 좀 더 개선을 하였습니다.

Version 1의 방식

  • 댓글의 갯수는 버튼에 있는 건수를 통해서만 확인 할 수 있음

Version 2의 방식

  • 댓글이 닫혀있는 경우에도 누가 댓글을 남겼는지 아이콘으로 확인 할 수 있음
  • 아이콘의 세로라인의 어디 위치를 클릭하더라도 댓글창을 열수 있음

댓글의 배경색상 변경

댓글창의 블루 배경색을 흰색으로 변경하여 좀 더 시원한 화면이 되도록 하였습니다.

Version 1의 배경색

Version 2의 배경색

좌측 메뉴바 레이아웃 변경

좌측에 있는 메뉴바의 레이아웃과 폰트의 변경을 통해 좀더 미려하게 수정하였습니다.

Version 1의 형태

Version 2의 형태

  • 설정버튼과 글쓰기버튼을 아이콘 형태로 변경
  • 매인메뉴의 폰트의 크기와 두께를 줄여서 좀 더 세련되게 수정
  • 스킨설정을 통해 아이콘을 쉽게 넣을 수 있음
  • 관리자화면의 메뉴버튼과 나의링크 버튼의 형태를 좀 더 심플하게 수정

그리고 기타 자잘한 오류의 수정과 코드의 정리가 있었습니다.

해당 스킨의 티스토리 관련 URL은 아래와 같습니다.

티스토리 스킨샵

티스토리 T스킨샵 소개 및 이용방법 안내

샘플 티스토리 사이트 바로가기

T스킨 BASIC Version2 구매 사이트 바로가기

UX 공작소

UX와 UI에 관해 내가 알게된 다양한 이야기를 공유해요~