외할아버지의 디지털생활

외할아버지의 디지털생활

스킨 제작했어요!

2020. 1. 21.

티스토리 기본제공 스킨 #1을 베이스로, 하나하나 다 바꿨어요 ㅎㅎ


단순히 궁금한 정보만 읽고 떠나는 블로그는 제 공간이라는 느낌이 전혀 안들어서 고심했어요.

고맙게도 많은 방문자분들이 댓글도 남겨주시고 좋은 의견도 주셨지만,

네이버 블로그와는 달리 방문자분들과의 의사소통에 높은 장벽이 쳐진 기분이더군요.


공지사항을 써보고 싶어도, 써봤자 혼자만 외치는 느낌이 들것 같았어요.


결국 입맛에 맞는 스킨을 만들기 위해 오랜 시간 노력해서 바꿨습니다.

스킨 하나 만드는데 html, css, javascript를 다 익혀야 하다보니 시간이 너무너무 오래 걸렸어요 ㅠ

스킨 한번 만들어보겠다고 벌인 일 때문에 포스팅 할 여유가 전혀 없었지요.

그 덕분에 알게 된 사실도 많이 생겼어요.



이번 스킨의 특징


첫째

기존 스킨은 pc 사용자들이 느끼기에 본문 글만 가운데에 덩그러니 놓여있는 느낌이여서

사이트가 어떻게 구성되어 있는지 한눈에 알아보긴 무리가 있었어요.

지금도 검색, 카테고리는 우측상단에 있지만, 모니터가 큰 분들을 위해 좌측에 간이 카테고리를 만들었어요.


둘째

단편적인 글 하나만 보고 떠나는 페이지보단, 짜임새가 있는 블로그를 만들고 싶었습니다.

제 블로그에 요즘 어떤 글이 올라왔고, 어떤 댓글이 와갔는지 알 수 있게끔

글 맨 하단에 새 카테고리를 넣었어요.

스마트폰 이용자들에게 보이게끔 하려니, 레이아웃 맞추기가 애매하더군요.

거슬리지 않는 디자인이면서, 가독성도 해치지 않을 정도로 만들었어요.



"최근 공지사항, 최근 글, 최근 댓글"이예요.


셋째

이전 블로그는 디자인은 마음에 들었는데 속도가 꽤 느린 편이였어요.

전반적으로 속도를 개선하기 위해, 이미지를 최소화하고 디자인을 최대한 활용하는 방향으로 제작했어요.

디자인은 그라데이션과 테두리를 주로 활용했어요!

부가적으로는 가독성을 해치지 않을 범위에서 css 소스파일을 최대한 간략하게 작성했어요.


넷째

모바일기기 방문자분들이 pc 방문자분들과 다른 경험을 하는게 바람직하지 않다고 생각했어요.

큰 모니터의 pc를 이용하든지, 작은 모니터 pc를 이용하든지, 모바일기기를 이용하든지

방문자가 최대한 비슷한 경험을 할 수 있게끔 제작했어요.


다섯째

이전 스킨과 디자인이 완벽히 달라지는건 원하지 않았습니다.

이전 스킨 디자인이 마음에 들기도 했고, 방문자분들이 딴 블로그로 느끼는거는 원치 않았거든요.

최대한 익숙하게 느끼시게끔 제작했어요 ㅎㅎ



바뀐 블로그를 소개하는건데, 쓰고 보니 스킨 광고하는것 같군요 ㅎㅎ;


제가 노트북, 데스크탑, 태블릿, 스마트폰을 이용해 최대한 실험해가면서 하나하나 수정한 스킨인데,

저는 더이상 큰 문제를 발견 못했지만 분명히 오류가 남아있을 것 같아요.


방문자분들이 제 블로그에 오류를 발견하시게 되면,

방명록이나 공지사항 댓글에 내용을 남겨주시면 고맙겠습니다.


제 블로그를 찾아주신 여러분 감사드려요 :-)