큰 화면에서 선명해도 작은 화면에서는 다를 수 있습니다
홍보 이미지는 제작할 때 쓰던 큰 모니터에서 선명해 보여도, 휴대전화의 화면 크기나 밝기 설정에 따라 글자가 배경에 묻히는 경우가 있습니다. 같은 이미지를 야외에서 밝은 화면으로 볼 때와 실내에서 어두운 화면으로 볼 때도 인상이 달라집니다.
이미지를 고를 때는 전체 분위기보다 꼭 읽혀야 하는 정보가 실제로 읽히는지를 먼저 확인합니다. 날짜, 장소, 버튼처럼 이용자의 행동에 필요한 문구가 읽히지 않는다면 이미지는 목적을 이루지 못한 것입니다.
먼저 작게 줄여서 눈으로 확인합니다
가장 간단한 점검은 이미지를 작게 축소해서 휴대전화 화면으로 보는 것입니다. 밝은 사진 위에 흰 글씨를 올렸을 때 글자 일부가 사라지는지, 그라데이션이 특정 구간에서만 효과를 내는지 살펴봅니다.
화면 비율에 따라 사진의 잘리는 부분이 달라지면 처음에는 안전했던 문구가 밝은 물체 위로 이동할 수도 있습니다. 그래서 가로형, 정사각형, 세로형처럼 여러 비율로 잘라 보며 글자 위치가 안정적인지 시험하는 것이 좋습니다. 이 과정에서 글자가 있는 영역을 사진과 분리해 두면 비율이 바뀌어도 대응하기 쉽습니다.
읽기 어려울 때 고치는 방법
핵심 문구가 읽기 어렵다면 글자에 그림자 효과만 더하기보다 단색 배경 영역을 마련하거나 사진과 글자의 배치를 바꾸는 쪽이 대체로 더 안정적입니다. 효과를 덧붙일수록 가장자리가 번져 오히려 읽기 힘들어지는 경우도 있기 때문입니다.
버튼 모양의 요소는 배경과 충분히 구분되어야 하고, 실제로 누르는 영역이 어디인지 분명해야 합니다. 가능과 불가 같은 상태를 색상만으로 구분하지 말고 글자나 기호로도 함께 알립니다. 색을 구별하기 어려운 이용자도 같은 정보를 얻을 수 있어야 하기 때문입니다.
눈으로 보는 검사의 한계와 보완
눈으로 확인하는 방법은 출발점일 뿐입니다. 글자와 배경의 대비는 측정 도구로도 확인할 수 있고, 확대 화면이나 다른 기기에서 표본을 정해 다시 검토하는 것이 좋습니다. 사람마다 화면 설정이 다르므로 한 사람의 판단만으로 통과시키지 않는 편이 안전합니다.
또 이미지 안에만 날짜나 조건을 적어 두면 화면 읽기 프로그램을 쓰는 이용자가 내용을 놓칩니다. 핵심 정보는 본문 텍스트로도 제공하고, 대체 텍스트에는 이미지를 꾸미는 표현보다 전달해야 할 내용을 적습니다.
일정이 있는 이미지는 사실 변경과 함께 관리합니다
행사 일정처럼 시점이 있는 이미지는 디자인 수정과 사실 변경을 같은 작업으로 묶어 관리해야 합니다. 일정이 바뀌어 본문은 고쳤는데 이미지에는 이전 날짜가 남아 있으면, 색 대비가 아무리 좋아도 잘못된 안내가 됩니다.
이미지마다 버전과 사용된 페이지를 기록해 두고, 변경이 있으면 썸네일과 상세 화면 모두에서 현재 값인지 확인합니다. 지난 일정의 이미지는 보관 처리하거나 종료 표시를 붙여 혼동을 막습니다.
제작 단계에서 미리 정해 두면 좋은 기준
점검 비용을 줄이려면 제작 단계에서 기준을 미리 정하는 편이 효율적입니다. 이미지 안에 넣을 문구는 날짜, 장소, 행동 안내 정도로 한정하고, 부가 설명은 본문 텍스트로 옮깁니다. 이미지 속 글자가 적을수록 작은 화면에서도 크게 보여 줄 수 있기 때문입니다.
또 글자를 올릴 영역은 사진의 밝기가 비교적 고른 곳으로 정하고, 템플릿으로 만들어 두면 이미지를 새로 만들 때마다 같은 기준이 적용됩니다. 제작자와 검수자가 같은 기준표를 보며 일하면 수정 요청도 줄어듭니다. 기준표에는 최소 글자 크기와 여백, 버튼 영역의 크기 같은 항목을 간단히 적어 둡니다.
마지막 확인은 처음 보는 사람과 함께
점검의 마지막 단계로 처음 보는 사람에게 이미지를 잠깐 보여 준 뒤 핵심 날짜와 해야 할 행동을 말해 달라고 요청해 보세요. 바로 답하지 못한다면 글자가 보이는지뿐 아니라 정보의 순서와 대비도 함께 고쳐야 한다는 신호입니다.
가독성 검수는 아름다움을 평가하는 일이 아니라 이용자가 중요한 정보를 놓치지 않는지 확인하는 일입니다. 화면을 오래 보는 환경에서는 눈의 피로도 달라질 수 있으니 글자 크기와 여백에 여유를 두는 것이 좋습니다. 개인마다 시력과 화면 환경이 다르므로 불편이 계속된다면 전문가와 상담하시기 바랍니다.