블로그스킨 고를 때 읽기 편한 화면 만드는 방법
얼마 전 블로그 글을 읽다가 내용은 좋은데 글씨가 너무 작아서 화면을 확대했어요. 사진도 화면 밖으로 삐져나와 몇 번이나 좌우로 움직여야 했고요. 그때 블로그스킨은 단순히 보기 좋은 옷이 아니라, 독자가 글을 편하게 읽도록 돕는 도구라는 생각이 들었습니다.
블로그스킨은 첫 화면보다 글 화면을 보고 고르세요
스킨을 고를 때는 멋진 첫 화면에 눈이 가기 쉽습니다. 그런데 방문자는 검색을 통해 개별 글로 바로 들어오는 경우도 많아요. 그래서 목록 화면뿐 아니라 실제 글 화면에서 제목, 본문, 사진, 목차가 어떻게 보이는지 확인하는 편이 좋습니다.
예를 들어 사진이 많은 여행 블로그라면 이미지가 넓게 보이는 스킨이 어울립니다. 반대로 사용법이나 생활 정보를 길게 쓰는 블로그라면 본문 폭이 지나치게 넓지 않은 구성이 읽기 편해요. 한 줄이 너무 길면 다음 줄을 찾느라 시선이 자꾸 흔들리거든요. 미리보기 글에 짧은 문단과 긴 문단을 모두 넣어 보면 차이가 더 잘 보입니다.
사이드바도 필요한 만큼만 두면 됩니다. 방문자가 자주 찾는 카테고리나 검색창은 유용하지만, 메뉴와 배너가 본문보다 먼저 눈에 들어오면 글에 집중하기 어려워요. 꾸밀 요소를 고르기 전에 독자가 글을 읽는 순서를 떠올려 보세요.
휴대전화에서 글씨와 버튼을 먼저 확인하세요
컴퓨터 화면에서 마음에 드는 블로그스킨도 휴대전화에서는 전혀 다르게 보일 수 있습니다. 실제 기기로 글 한 편을 열어 제목부터 끝까지 내려 읽어 보는 게 가장 빠른 확인 방법이에요. 사진이 화면 너비에 맞는지, 표가 잘리지 않는지, 메뉴 버튼을 손가락으로 누르기 쉬운지 살펴보면 됩니다.
본문 글씨는 작고 촘촘할수록 세련돼 보일 수 있지만 오래 읽기에는 부담스럽습니다. 처음 설정할 때는 본문을 약 16픽셀로 놓고 줄 간격을 넉넉히 준 뒤, 직접 읽으며 조절해 보세요. 이 수치는 정답이라기보다 출발점입니다. 글꼴의 모양과 화면 크기에 따라 편한 설정은 달라집니다.
색도 비슷해요. 연한 회색 글씨를 흰 바탕에 올리면 화면은 부드러워 보이지만 햇빛 아래에서는 읽기 힘들 수 있습니다. 제목과 본문은 충분히 진하게, 링크는 주변 글자와 구분되게 두는 편이 낫습니다. 특히 버튼은 색만 바꾸지 말고 ‘더 보기’처럼 무엇을 누르는지 글자로 알려주면 처음 온 사람도 덜 헤맵니다.
예쁜 효과보다 로딩과 관리가 쉬운 구성을 고르세요
움직이는 배너나 화면을 가득 채우는 큰 사진은 인상적입니다. 근데 글을 열 때마다 기다려야 한다면 금방 불편해져요. 스킨을 적용한 뒤에는 첫 화면만 확인하지 말고 사진이 여러 장 들어간 글과 긴 글도 열어 보세요. 특히 이동 중인 휴대전화에서 스크롤이 끊기거나 이미지가 늦게 나타나는지 체감해 보는 게 좋습니다.
배경 영상, 자동으로 바뀌는 슬라이드, 여러 종류의 글꼴은 정말 필요한 경우에만 쓰는 편이 관리하기도 쉽습니다. 예를 들어 사진 블로그라면 대표 사진 한 장을 선명하게 보여주는 것만으로도 분위기가 살아납니다. 생활 정보 블로그라면 화려한 효과보다 제목과 소제목이 또렷한 편이 글을 찾는 데 도움이 되고요.
스킨 설정을 자주 바꾸는 편이라면 수정할 수 있는 항목도 미리 확인하세요. 색과 글꼴, 메뉴 순서를 쉽게 바꿀 수 있는지에 따라 나중에 손이 가는 정도가 달라집니다. 가능하다면 기존 설정을 기록해 두고 한 항목씩 바꾸세요. 여러 곳을 한꺼번에 손보면 무엇 때문에 화면이 달라졌는지 알아내기 어렵습니다.
적용한 뒤에는 실제 글 세 편으로 점검하세요
스킨을 바꾼 직후에는 짧은 글, 사진이 많은 글, 목록이나 표가 들어간 글을 각각 열어 보세요. 같은 스킨이라도 글의 형태에 따라 문제가 다르게 드러납니다. 짧은 글에서는 빈 공간이 어색할 수 있고, 사진이 많은 글에서는 이미지 사이가 너무 벌어질 수 있어요.
점검할 때는 방문자가 실제로 할 행동을 따라가면 편합니다. 카테고리에서 글을 찾고, 본문을 읽고, 다른 글로 이동해 보세요. 제목이 어디까지 보이는지, 화면을 조금 내렸을 때 메뉴가 내용을 가리지 않는지도 확인합니다. 컴퓨터와 휴대전화에서 각각 한 번씩 해 보면 생각보다 많은 부분이 눈에 들어옵니다.
- 글을 확대하지 않아도 본문이 편하게 읽히는가
- 사진과 표가 화면 밖으로 잘리지 않는가
- 메뉴와 링크를 쉽게 찾고 누를 수 있는가
- 광고나 장식이 본문 읽기를 방해하지 않는가
블로그스킨은 한 번 고르면 오래 함께 쓰게 됩니다. 처음부터 모든 곳을 꾸미기보다 글 한 편을 편하게 읽을 수 있는 상태를 먼저 만들면 좋겠어요. 읽는 사람이 내용을 따라가는 데 힘을 쓰지 않아도 되는 화면이 결국 오래 봐도 질리지 않는 화면이라고 생각합니다.
