블로그 스킨을 꾸미느라 밤을 새웠던 기억, 나만의 공간을 만들던 시절

늦은 밤 컴퓨터 앞에서 블로그 스킨을 꾸미던 모습을 AI로 재구성한 이미지

블로그를 처음 꾸미기 시작했을 때는 글을 쓰는 일만큼이나 화면을 어떻게 보이게 할지가 중요하게 느껴졌다. 기본 스킨 그대로 써도 아무 문제가 없었지만, 배경색 하나와 제목 글꼴 하나만 바꿔도 내 공간이라는 느낌이 훨씬 강해졌다. 그래서 잠깐 손보려고 컴퓨터 앞에 앉았다가 어느새 창밖이 어두워지고, 조금만 더 고치면 마음에 들 것 같다는 생각에 계속 새로고침을 반복하곤 했다. 블로그 스킨을 꾸민다는 일은 단순한 디자인 변경이 아니라 온라인에 내 방 하나를 만드는 것처럼 느껴졌다.

당시 블로그 서비스마다 꾸밀 수 있는 범위는 달랐다. 미리 준비된 스킨에서 색상과 배경 이미지만 바꾸는 방식도 있었고, HTML이나 CSS를 직접 수정할 수 있는 곳도 있었다. 메뉴 위치와 본문 폭, 사이드바 순서, 글자 크기처럼 작은 요소를 하나씩 만지다 보면 생각보다 시간이 빠르게 흘렀다. 지금은 반응형 디자인과 모바일 화면이 기본이지만, 그때는 컴퓨터 모니터에서 내가 만든 화면이 예쁘게 보이는지만 한참 바라보며 만족하곤 했다.

처음에는 배경색과 레이아웃만 조금 바꾸려 했다

스킨을 꾸미기 시작할 때는 대개 거창한 계획이 없었다. 전체 배경을 조금 더 밝게 바꾸거나, 제목 영역에 마음에 드는 이미지를 넣고, 본문이 너무 좁아 보이면 폭을 조금 넓혀 보는 정도였다. 하지만 한 부분을 바꾸면 다른 부분이 갑자기 어색해 보였다. 배경색을 바꾸면 글자색이 흐려지고, 글자색을 진하게 하면 링크 색상이 튀어 보였다. 그러다 보니 처음에는 한두 군데만 손보려던 일이 자연스럽게 전체 레이아웃을 다시 보는 작업으로 번졌다.

특히 화면의 좌우 여백과 본문 폭은 생각보다 계속 신경 쓰였다. 사진이 넓게 보이게 하고 싶으면 본문을 넓혀야 했고, 너무 넓히면 글이 한 줄에 길게 이어져 읽기 불편해 보였다. 사이드바를 왼쪽에 둘지 오른쪽에 둘지, 메뉴를 위쪽에 둘지 옆에 둘지도 몇 번씩 바꿔 보게 됐다. 블로그 서비스에서 제공하는 미리보기 기능이 있으면 저장하기 전에 확인할 수 있었지만, 실제 적용 화면과 조금 다르게 보이는 경우도 있어 결국 저장과 새로고침을 반복하는 일이 많았다.

지금 돌아보면 그 과정에서 디자인 원리를 제대로 알고 있었던 것은 아니다. 색 조합표를 전문적으로 본다기보다 눈에 편한 색을 찾고, 다른 블로그를 구경하면서 괜찮아 보이는 배치를 참고하는 정도였다. 그래도 직접 바꾼 배경과 메뉴가 화면에 반영되는 순간에는 작은 성취감이 있었다. 아주 사소한 변화라도 내가 직접 선택했다는 사실 때문에 기본 스킨보다 훨씬 애착이 갔고, 그래서 한 번 시작하면 쉽게 멈추기 어려웠다.

HTML과 CSS 한 줄을 고치며 시행착오를 반복했다

조금 더 깊게 꾸미기 시작하면 결국 HTML과 CSS 같은 낯선 코드까지 보게 됐다. 모든 블로그 서비스에서 직접 소스를 수정할 수 있었던 것은 아니지만, 편집 기능을 제공하는 곳에서는 스킨 파일을 열어 글자 크기나 색상, 여백, 배경 이미지 위치를 직접 손볼 수 있었다. 처음에는 영어와 기호가 가득한 화면이 어렵게 느껴졌지만, 원하는 부분을 찾기 위해 검색하고 값을 조금씩 바꿔 보는 과정에서 어느 정도 규칙이 눈에 들어오기 시작했다.

문제는 작은 숫자 하나를 바꿔도 화면이 예상과 다르게 변할 수 있다는 점이었다. 여백을 몇 픽셀 줄였더니 메뉴가 한 줄 아래로 내려가거나, 본문 폭을 넓혔더니 사이드바가 밀리는 식의 일이 생겼다. 괄호나 세미콜론 하나를 잘못 건드려 스타일이 제대로 적용되지 않는 경우도 있었다. 그래서 수정하기 전 원본을 따로 복사해 두거나, 마음에 들었던 상태를 메모해 두는 것이 중요했다. 당시에는 이런 기본적인 백업 습관도 몇 번의 실패를 겪고 나서야 익히게 됐다.

숫자와 코드 한 줄을 바꾼 뒤 저장하고 다시 확인하는 시행착오도 스킨 꾸미기의 일부였다.

그럼에도 코드 수정은 이상하게 재미가 있었다. 화면에서 마음에 들지 않던 부분을 찾아 값 하나를 바꾸고 저장한 뒤 새로고침했을 때 원하는 모양으로 바뀌면, 아주 작은 문제를 해결한 것만으로도 기분이 좋았다. 반대로 예상과 다르게 나오면 다시 이전 값으로 되돌리고 다른 숫자를 시험했다. 전문적인 웹 제작을 하는 것은 아니었지만, 내가 쓰는 공간을 직접 고친다는 감각 때문에 몇 줄의 코드도 꽤 중요한 작업처럼 느껴졌다.

사이드바와 배너를 만지다 시간이 더 빠르게 흘렀다

큰 틀이 어느 정도 마음에 들면 그다음에는 작은 요소들이 눈에 들어왔다. 프로필 영역의 위치, 카테고리 목록, 최근 글이나 댓글 같은 사이드바 항목, 작은 배너와 링크 버튼을 어디에 놓을지가 계속 신경 쓰였다. 기능만 생각하면 기본 위치 그대로 두어도 충분했지만, 화면 전체의 균형을 맞추고 싶다는 생각이 들면 순서를 몇 번씩 바꾸게 됐다. 어느 항목은 위로 올리고, 자주 쓰지 않는 것은 아래로 내리거나 숨기면서 조금씩 나만의 구성을 만들었다.

이미지를 넣는 과정도 손이 많이 갔다. 배너가 너무 크면 본문보다 먼저 눈에 들어왔고, 너무 작으면 존재감이 없었다. 배경 이미지의 색이 강하면 글자가 잘 보이지 않아 다시 더 어두운 사진이나 단순한 무늬를 찾기도 했다. 작은 아이콘 하나를 바꾸기 위해 이미지 크기를 맞추고 파일을 다시 올리는 일도 있었다. 인터넷 속도가 지금보다 느린 환경에서는 미리보기 한 번을 확인하는 데도 잠깐씩 기다려야 했지만, 그 기다림까지 포함해 꾸미기의 한 과정처럼 받아들였다.

그러다 보면 어느 순간 처음 무엇을 바꾸려고 했는지 잊을 만큼 세부적인 부분에 빠져들었다. 메뉴 사이 간격을 조금 줄이고, 링크 색을 바꾸고, 제목 아래 선을 한 줄 넣는 식의 변화가 계속 이어졌다. 다른 사람이 보면 거의 차이를 느끼지 못할 정도의 수정도 내 눈에는 크게 보였다. 한 번 저장하고 나서도 다시 들어가 보면 또 고칠 곳이 보여서, 작업을 끝내는 기준은 완성이라기보다 이제 정말 자야겠다는 생각이 들 때에 가까웠다.

저장과 새로고침을 반복하다 어느새 새벽이 됐다

블로그 스킨을 꾸밀 때 가장 많이 했던 동작을 하나 꼽는다면 저장과 새로고침이었다. 수정한 내용을 저장하고 실제 블로그 화면을 열어 확인한 뒤, 마음에 들지 않으면 다시 편집 화면으로 돌아갔다. 모니터 안에서는 몇 초마다 같은 페이지가 조금씩 다른 모습으로 나타났다. 글자 크기가 한 단계 줄어들고, 배경색이 조금 연해지고, 메뉴가 몇 픽셀 옆으로 움직이는 작은 변화가 반복됐다. 그런데 그 작은 차이를 확인하는 일이 생각보다 재미있어 시간을 잊게 했다.

밤이 깊어지면 방 안은 조용해지고 컴퓨터 팬 소리와 마우스 클릭 소리만 더 또렷하게 들렸다. 졸리다는 생각이 들어도 마지막으로 한 군데만 더 수정하고 싶었다. 마지막이라고 생각한 수정 뒤에는 또 다른 부분이 눈에 들어왔고, 그렇게 한 번만 더가 계속 이어졌다. 창밖이 조금씩 밝아지거나 시계를 보고서야 예상보다 훨씬 오래 앉아 있었다는 것을 깨닫는 날도 있었다. 스킨 하나를 꾸미기 위해 밤을 새운다는 것이 지금 생각하면 과하게 느껴지지만, 당시에는 그만큼 온라인 공간을 내 취향대로 만드는 일이 즐거웠다.

마지막으로 완성된 화면을 열어 처음부터 천천히 내려보면 피곤함과 만족감이 동시에 들었다. 누가 알아봐 주지 않아도 내가 고른 색과 이미지, 메뉴 위치가 한 화면 안에서 잘 맞아 보이면 충분했다. 다음 날 다시 보면 고치고 싶은 부분이 생기기도 했지만, 그날 새벽만큼은 이제 됐다는 생각으로 창을 닫았다. 스킨을 꾸미는 과정은 단순히 블로그의 외형을 바꾸는 일이 아니라, 글을 올리고 사람을 만날 공간을 직접 준비하는 시간이기도 했다.

저장과 새로고침을 반복하다 마지막 화면을 확인할 때쯤이면 어느새 새벽이 깊어져 있었다.

지금은 완성도 높은 테마를 선택하고 몇 가지 옵션만 바꿔도 보기 좋은 블로그를 만들 수 있고, 모바일 화면까지 자동으로 맞춰지는 경우가 많다. 예전처럼 코드를 열어 숫자를 바꾸고 이미지 주소를 확인하면서 밤을 보낼 필요는 크게 줄었다. 편리함은 분명 좋아졌지만, 한편으로는 서툰 상태에서 하나씩 직접 고쳐 가던 재미도 있었다. 잘못 건드려 화면이 무너졌다가 다시 복구했을 때의 안도감까지도 당시 꾸미기의 일부였다.

블로그 스킨을 꾸미느라 밤을 새웠던 기억이 오래 남는 이유는 결과물이 아주 뛰어났기 때문은 아니다. 배경 한 장을 고르고, 글자색을 정하고, 사이드바 위치를 바꾸면서 조금씩 내 취향을 화면에 옮겼던 과정 자체가 즐거웠기 때문이다. 새벽까지 모니터를 바라보며 계속 새로고침하던 그 시간은 지금 생각하면 비효율적이었지만, 온라인에 나만의 공간을 직접 만들고 있다는 감각만큼은 유난히 선명하게 남아 있다.