애드온HOSPITAL MARKETING
메뉴
눈·시력 건강

홍보 이미지의 글자가 휴대전화에서 묻히지 않는지 확인하는 순서

컴퓨터에서는 선명한 홍보 이미지가 휴대전화에서 읽히지 않는 문제를 줄이기 위해 색 대비와 정보 배치를 점검하는 순서를 설명합니다.

애드온 편집팀

화면이 달라지면 보이는 것도 달라집니다

홍보 이미지는 작업한 컴퓨터 화면에서는 선명해 보여도, 휴대전화의 밝기나 화면 크기가 달라지면 글자가 배경에 묻히는 경우가 있습니다. 이미지를 고를 때는 전체 분위기보다 꼭 필요한 정보가 실제로 읽히는지를 먼저 확인합니다.

날짜, 장소, 버튼처럼 행동에 필요한 문구가 읽히지 않는다면 이미지는 목적을 이루기 어렵습니다. 보기 좋은 이미지와 정보를 전달하는 이미지는 같지 않다는 점에서 점검이 시작됩니다.

작게 줄여서 휴대전화 화면으로 봅니다

가장 간단한 방법은 이미지를 작게 줄여서 휴대전화로 보는 것입니다. 밝은 사진 위에 흰 글씨를 올렸을 때 글자의 일부가 사라지는지, 그라데이션이 중간 영역에서만 효과를 내는지 확인합니다.

사진 배경의 위치가 화면 비율에 따라 바뀌면, 컴퓨터에서는 안전했던 문구가 밝은 물체 위로 옮겨 가기도 합니다. 그래서 하나의 비율만 보지 말고 여러 가지 자르기 비율로 시험해 보아야 합니다.

읽기 어려울 때 고치는 방법

핵심 문구가 읽기 어렵다고 해서 글자에 그림자만 계속 더하는 방식은 효과가 제한적입니다. 단색 배경 영역을 따로 두거나 사진과 글자의 배치를 바꾸는 쪽이 더 안정적입니다.

버튼은 배경과 충분히 구분되어야 하고, 실제로 누르는 영역이 분명해야 합니다. 또한 색깔만으로 가능과 불가능을 구별하지 않고, 글자나 기호로도 상태를 알려 줍니다. 색을 구분하기 어려운 이용자도 같은 정보를 얻을 수 있어야 하기 때문입니다.

눈으로 확인하는 점검은 시작일 뿐입니다. 중요한 글자와 배경의 대비는 측정 도구로도 확인할 수 있고, 화면을 확대한 상태나 다른 기기에서도 표본으로 살펴보아야 합니다.

이미지 안에만 날짜나 조건을 넣어 두면 화면 읽기 프로그램을 쓰는 이용자는 내용을 놓칠 수 있습니다. 핵심 정보는 본문 글에도 텍스트로 제공하고, 대체 텍스트에는 이미지를 꾸미는 표현보다 전달해야 할 내용을 적습니다.

바뀌는 정보는 이미지 버전을 함께 관리합니다

일정이 있는 이미지라면 디자인을 고치는 일과 사실을 바꾸는 일을 함께 관리해야 합니다. 행사 일정이 달라졌는데 본문만 고치고 이미지에는 이전 날짜가 남아 있다면, 색 대비가 아무리 좋아도 잘못된 안내가 됩니다.

이미지의 버전과 쓰인 페이지를 기록해 두고, 목록의 작은 썸네일과 상세 화면에서 모두 현재 값이 보이는지 확인합니다. 교체 후에는 이전 이미지가 다른 곳에 남아 있지 않은지도 찾아봅니다.

이미지를 만들기 전에 정할 우선순위

이미지 제작을 시작하기 전에 이 한 장에서 독자가 가장 먼저 읽어야 할 정보가 무엇인지 하나만 정합니다. 우선순위가 정해지면 글자 크기와 위치, 색 선택이 훨씬 쉬워지고, 장식 요소가 정보를 가리는 일도 줄어듭니다.

글자가 많아질수록 한 줄에 담는 내용을 줄이고, 보조 문구는 본문에 옮기는 편이 낫습니다. 휴대전화 화면에서 한 번에 읽히는 분량은 생각보다 적어서, 이미지 안에 담을 문장은 서너 줄을 넘기지 않는 것이 좋습니다. 여러 이미지를 연속해서 올리는 경우에는 같은 위치에 같은 종류의 정보를 배치해 읽는 순서를 일정하게 유지합니다.

처음 보는 사람에게 확인받습니다

이미지를 처음 보는 사람에게 잠깐 보여 주고 핵심 날짜와 해야 할 행동을 말해 달라고 부탁해 보세요. 곧바로 답하지 못한다면 글자가 보이는지만의 문제가 아니라 정보의 순서와 대비를 함께 고쳐야 한다는 뜻입니다.

가독성 검수는 미적인 평가가 아니라 이용자가 중요한 정보를 놓치지 않는지 살피는 작업입니다. 실무에서는 게시 전에 휴대전화 두 종류 이상으로 확인하는 정도를 최소 기준으로 삼아 보시기 바랍니다.

다양한 이용 환경을 가정해 봅니다

같은 이미지도 이용자의 환경에 따라 다르게 보입니다. 야외의 밝은 햇빛 아래에서 화면을 볼 때는 대비가 낮은 색 조합이 거의 보이지 않고, 야간 모드나 화면 밝기를 낮춘 상태에서는 밝은 배경이 오히려 눈부시게 느껴지기도 합니다. 나이가 많은 이용자나 시력이 좋지 않은 이용자는 작은 글자를 읽는 데 더 많은 어려움을 겪습니다.

모든 환경을 일일이 시험하기는 어려우므로 가장 불리한 조건 하나를 정해 그 조건에서 읽히는지 보는 방법을 권합니다. 예를 들어 화면 밝기를 절반으로 낮추고 팔을 뻗은 거리에서 보았을 때 핵심 문구가 읽힌다면 대부분의 상황에서도 무리가 없을 가능성이 높습니다. 점검 때 사용한 조건을 기록해 두면 담당자가 바뀌어도 같은 기준을 이어갈 수 있습니다.

같은 카테고리 글 보기 · 전체 글 보기

CONSULTATION

어떤 정보를, 어디에 전할지
함께 정리해보세요.

병원의 현재 운영 채널과 필요한 작업을 알려주세요.
원고·이미지·홈페이지 중 필요한 업무 범위부터 확인합니다.

이메일로 문의하기 카카오 오픈채팅