티스토리 스킨 전면 개편 + 2025 추석 인사
검색 모달·포털형 메인 화면·카테고리·댓글 디자인까지, 블로그 2.0 업데이트 보고서
서론
추석 연휴에 블로그의 집안 단장을 마쳤습니다. 개발자 모드로 요약하면 UI/UX 리팩터링, 탐색 플로우 개선, 첫 인상 최적화. 이번 글에서는 티스토리 스킨 개편 핵심 포인트를 빠르게 소개합니다.
목표: 검색 가시성 강화 · 첫 화면 탐색성 향상 · 카테고리·댓글 가독성 업그레이드
검색창 리뉴얼: 상단 우측 버튼 → 모달
상단 우측의 검색 버튼을 누르면 중앙에 모달이 열립니다. 모달 내부에는 검색 입력창과 함께 최근 글 목록을 배치해 검색과 최신글 확인을 한 번에 처리합니다.
- 클릭 수 최소화로 탐색 동선 단축
- ESC/모달 외 클릭으로 즉시 닫기, 모바일 대응
- 라이트·다크 대응, 포커스 유지로 접근성 강화
메인 화면 개편: 포털형 카드 UI
첫 페이지를 카드형 포털 레이아웃으로 재배치했습니다. 썸네일·제목·요약이 보이는 카드들이 섹션별로 구성되어 첫 3초의 인상을 확 끌어올립니다.
- 섹션별 최신·인기·테마 바로 접근
- 반응형 그리드로 시선 흐름 안정화
- 가벼운 인터랙션으로 체류 시간 개선 기대
카테고리 글 목록: 썸네일 + 제목 + 간략내용
제목 나열형에서 벗어나 썸네일, 제목, 한 줄 미리보기로 구성했습니다. 어떤 글을 읽을지 판단이 빨라지고 목록의 시각적 일관성도 좋아졌습니다.
- 썸네일 비율 통일로 깔끔한 리스트
- 요약문으로 난이도·의도 파악 용이
- 뉴스피드처럼 자연스러운 스캐닝 경험
댓글 디자인: 읽기 쉬운 스레드형으로 리프레시
댓글 영역도 새로 손봤습니다. 가독성 중심의 스레드형에 아바타, 작성자명 대비, 시간·버튼 배치를 재정렬했습니다. 답글은 들여쓰기로 레벨을 구분하고, 모바일에서는 버튼을 아이콘으로 축소해 조작을 단순화했습니다.
- 가독성 높은 행간과 대비, 아바타로 작성자 식별 쉬움
- 답글과 원댓글의 계층 관계가 한눈에 구분
- 모바일 최적화로 스크롤·입력 스트레스 감소
개선 효과 요약
- 검색성: 모달 검색으로 접근성↑, 최신글 노출 동시 강화
- 발견성: 포털형 메인으로 다양한 글을 한눈에 탐색
- 가독성: 카테고리·댓글 UI 개선으로 체류·참여도 향상 기대
마무리 · 2025 추석 인사
풍성한 한가위 보내셨나요? 여러분의 행복이 while(true)처럼 이어지고, 일상의 버그들은 한 번에 fix() 되길 바랍니다. 새 스킨과 함께 이 블로그는 기술 포스팅, 일상 기록, 커뮤니티 소통을 꾸준히 이어가겠습니다. 방문해 주셔서 감사합니다. 보름달처럼 꽉 찬 한 해 되세요!
피드백은 언제든 환영입니다. 작은 의견이 다음 릴리즈의 핵심 기능이 될 수 있어요.
