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

이미지의 색 대비를 눈으로 점검할 때 볼 부분

홍보 이미지는 컴퓨터 화면에서 선명해 보여도 휴대전화의 밝기나 화면 크기가 달라지면 글자가 배경에 묻힐 수 있습니다. 색 대비가 부족한 이미지를 고를 때에는 전체 분위기보다 필수 정보가 실제로 읽히는지 먼저 확인합니다. 날짜와 장소, 버튼처럼 행동에 필요한 문구가 읽히지 않으면 이미지의 목적을 이루기 어렵습니다.

애드온 편집팀

홍보 이미지는 컴퓨터 화면에서 선명해 보여도 휴대전화의 밝기나 화면 크기가 달라지면 글자가 배경에 묻힐 수 있습니다. 색 대비가 부족한 이미지를 고를 때에는 전체 분위기보다 필수 정보가 실제로 읽히는지 먼저 확인합니다. 날짜와 장소, 버튼처럼 행동에 필요한 문구가 읽히지 않으면 이미지의 목적을 이루기 어렵습니다.

먼저 이미지를 작게 축소하고 모바일 화면에서 봅니다. 밝은 사진 위에 흰 글씨를 얹었을 때 글자의 일부가 사라지는지, 그라데이션이 중간 영역에서만 효과가 있는지 확인합니다. 사진 배경의 위치가 화면 비율에 따라 바뀌면 데스크톱에서 안전했던 문구가 밝은 물체 위로 이동할 수 있습니다. 여러 자르기 비율을 시험해야 합니다.

핵심 문구가 읽기 어렵다면 글자에 그림자만 무작정 더하기보다 단색 배경 영역을 마련하거나 사진과 텍스트의 배치를 조정할 수 있습니다. 버튼은 배경과 충분히 구분되고 실제 누르는 영역이 명확해야 합니다. 색상만으로 ‘가능’과 ‘불가’를 구별하지 않고 글자나 기호로도 상태를 설명합니다.

눈으로 보는 검사는 출발점입니다. 중요한 텍스트와 배경의 대비는 측정 도구로도 확인할 수 있고, 확대 화면과 다른 기기에서 표본 검토가 필요합니다. 이미지 안에만 날짜나 조건을 넣으면 화면 읽기 사용자가 내용을 놓칠 수 있으므로 본문 텍스트에서도 핵심 정보를 제공해야 합니다. 대체 텍스트에는 이미지를 장식하는 표현보다 전달해야 할 내용을 적습니다.

시점이 있는 이미지라면 디자인 수정과 사실 변경을 함께 관리합니다. 행사 일정이 바뀌었는데 본문만 고치고 이미지에는 이전 날짜가 남으면 색 대비가 좋아도 잘못된 안내가 됩니다. 이미지의 버전과 적용 페이지를 기록하고 썸네일과 상세 화면에서 모두 현재 값인지 확인합니다.

처음 보는 사람에게 이미지를 잠깐 보여주고 핵심 날짜와 행동을 말해 달라고 해 보세요. 답하지 못하면 글자가 보이는지만이 아니라 정보 순서와 대비를 함께 고쳐야 합니다. 가독성 검수는 미적 평가보다 이용자가 중요한 정보를 놓치지 않는지 살피는 작업입니다.

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

CONSULTATION

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

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

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