UX공작소 T스킨 BASIC 2번째 버전이 이렇게 달라졌어요(Version 2)
T스킨 BASIC을 기준으로 레이아웃이 많이 변경되어서 T스킨 BASIC Version 2로 새롭게 배포 합니다. (기존에 T스킨 BASIC을 구매하셨던 분은 T스킨 BASIC Version 2을 무료로 다운로드 받을 수 있습니다)
T스킨 BASIC Version 2는 T스킨 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은 아래와 같습니다.