병원 그림·아이콘 스타일 통일

선 굵기, 색, 모양을 규칙집에 정하는 방법

통일과 함께 정할 원칙이 하나 더 있습니다. 아이콘만으로 뜻을 전하지 않고 글자를 함께 쓰는 것입니다. 그림의 모양을 아무리 잘 맞추어도 그림의 뜻을 모르는 환자에게는 안내가 닿지 않으므로, 규칙집에는 그림의 생김새와 함께 글자를 붙이는 방식도 함께 정합니다.

규칙집에 정할 기준

값은 병원마다 다르게 정할 수 있지만, 한 병원 안에서는 하나로 정합니다.

선 굵기를 맞추는 방법

선 굵기는 그림을 어느 크기로 놓았을 때의 두께인지까지 함께 정해야 맞출 수 있습니다. 같은 그림도 크게 키우면 선이 굵어지고 작게 줄이면 가늘어지므로, 규칙집에는 기준 크기를 하나 정하고 그 크기에서의 선 두께를 씁니다. 새 그림을 받으면 기준 크기로 맞춘 뒤 기존 그림 옆에 나란히 놓아 두께를 견줍니다.

안내판처럼 멀리서 보는 곳과 진료 안내문처럼 가까이에서 보는 곳은 그림 크기가 다르지만, 기준 크기에서 같은 두께로 만든 그림을 비율대로 키우고 줄이면 어느 곳에서든 같은 인상을 줄 수 있습니다. 선 두께를 곳마다 따로 바꾸면 그림이 서로 다른 묶음처럼 읽힐 수 있습니다.

색은 뜻을 혼자 전하지 않게

아이콘의 색은 규칙집에 정한 색 목록 안에서만 씁니다. 병원의 대표 색과 보조 색 가운데 아이콘에 쓸 색을 정하고, 색마다 어떤 쓰임인지, 예를 들어 일반 안내인지 주의 안내인지를 표시합니다. 목록에 없는 색은 새 그림을 받았을 때 대조 항목이 됩니다.

색으로 쓰임을 나누더라도 색만으로 뜻을 전하지는 않습니다. W3C의 「Understanding Success Criterion 1.4.1: Use of Color」는 색이 정보를 구별하는 유일한 수단이 되지 않아야 한다고 설명하고, 색에 더해 모양이나 글자 같은 정보를 함께 쓰라고 안내합니다. 그 까닭으로 모든 사람이 색을 보거나 같은 방식으로 보는 것은 아니라는 점을 듭니다. 같은 해설은 색이나 색 구분을 쓰지 말라는 뜻이 아니며, 다른 시각적 표시로 보완한다면 색 구분을 써도 된다고 밝힙니다. 그래서 주의 안내를 빨간색으로 정했다면 모양이나 글자로도 주의라는 것을 함께 알립니다.

모양과 채움 방식

모양에서 맞출 것은 모서리를 둥글게 할지 각지게 할지, 그림 안을 색으로 채울지 선으로만 그릴지입니다. 한 병원 안에서 둥근 모서리 그림과 각진 모서리 그림이 섞이거나, 채운 그림과 선 그림이 섞이면 선 굵기와 색을 맞추어도 통일된 인상이 나지 않습니다.

방식을 정할 때는 병원 로고의 모양과 견줍니다. 로고가 둥근 선으로 되어 있다면 아이콘도 둥근 모서리로, 로고가 곧은 선으로 되어 있다면 각진 모서리로 맞추는 식입니다. 다만 화장실, 비상구처럼 널리 쓰이는 그림은 환자가 이미 아는 형태에서 크게 벗어나지 않게 하고, 선과 모서리 처리만 병원의 방식에 맞춥니다.

새 그림을 받았을 때의 대조 순서

규칙을 정한 뒤에 할 일은 새 그림이 들어올 때마다 대조하는 것입니다. 대조는 기준표의 순서대로 선 굵기, 색, 모양, 글자 병기를 차례로 따집니다. 하나라도 기준과 다르면 만든 사람에게 고쳐 달라고 돌려보내고, 기준에 맞는 그림만 규칙집의 아이콘 목록에 올립니다.

대조는 그림을 만든 사람이 아닌 다른 사람이 하는 편이 좋습니다. 만든 사람은 자기 그림에 익숙해 기준과의 차이를 놓칠 수 있습니다. 작은 병원이라면 원장이나 실무 책임자가 대조를 맡고, 대조한 날과 결과를 목록 옆에 남깁니다. 기준에 맞지 않는데도 급하게 써야 하는 그림이 있다면 임시로 쓰는 그림이라고 표시하고, 다음 대조 때 다시 따질 대상으로 남깁니다.

작은 크기에서 확인할 것

아이콘은 예약 문자나 누리집의 메뉴처럼 아주 작게 쓰이는 곳이 있습니다. 기준 크기에서 잘 보이던 그림도 작게 줄이면 선이 뭉개지거나 세부 모양이 사라질 수 있습니다. 규칙집에 아이콘을 올리기 전에 병원에서 쓰는 제일 작은 크기로 줄여, 무엇을 가리키는 그림인지 알아볼 수 있는지 확인합니다. 알아보기 어렵다면 세부 선을 덜어 낸 작은 크기용 그림을 따로 만들되, 선 굵기와 모양 기준은 같게 맞춥니다.

그림 옆에는 글자를

그림과 아이콘에는 글자를 함께 씁니다. 한국장애인개발원의 「유니버설디자인 적용을 위한 의료시설 매뉴얼」은 안내 표시에 픽토그램 등을 병기해 청각장애인뿐 아니라 외국인 등 다양한 이용자도 어렵지 않게 인지할 수 있게 하라고 안내합니다. 그림은 말이 통하지 않는 사람에게 뜻을 전하는 데 도움이 되고, 글자는 그림의 뜻을 모르는 사람에게 뜻을 확정해 줍니다. 둘을 함께 쓰면 서로의 빈 곳을 메웁니다.

규칙집에는 글자를 그림의 오른쪽에 둘지 아래에 둘지, 글자 크기를 그림 크기와 어떤 비율로 맞출지를 정합니다. 「채혈실」, 「수납」처럼 짧은 이름을 쓰고, 같은 곳을 가리키는 그림에는 안내판, 안내문, 누리집 어디서나 같은 이름을 씁니다. 그림만 있고 글자가 빠진 안내는 대조 단계에서 걸러 냅니다. 외국인 환자가 많은 병원이라면 우리말 아래에 외국어 이름을 함께 쓸지도 규칙집에 정하고, 외국어 표기도 곳마다 같은 낱말로 맞춥니다.

아이콘 목록표의 예

표는 규칙집의 아이콘 목록을 채우는 형식을 보여 주는 가상의 예입니다.

흩어진 그림을 모으고 바꾸는 순서

규칙을 정했다면 지금 병원에서 쓰고 있는 그림부터 모읍니다. 안내판, 인쇄물, 누리집, 예약 문자, 소셜 채널에 들어간 그림을 한 폴더에 모으고, 같은 뜻의 그림이 몇 가지 모양으로 쓰이는지 정리합니다. 같은 뜻에 서로 다른 그림이 여럿이라면 규칙에 맞는 하나를 정하고 나머지를 바꿀 목록에 올립니다.

바꾸는 순서는 다시 만드는 비용이 적은 것부터 정합니다. 누리집과 예약 문자처럼 파일만 바꾸면 되는 곳을 먼저 고치고, 인쇄물은 다음에 새로 찍을 때, 안내판은 교체나 보수 계획에 맞추어 교체합니다. 병원 이름이 바뀌거나 이전하는 일처럼 안내물을 한꺼번에 다시 만드는 계획이 있다면, 그 계획에 아이콘 교체를 함께 넣으면 비용이 한 번에 듭니다. 병원 이전 명칭 변경을 앞두고, 디자인 담당은 새 이름이 들어갈 안내물의 아이콘 목록부터 규칙집에 맞추어 정리합니다.

광고 소재까지 같은 기준으로

그림의 통일은 병원 안 안내물에서 끝나지 않습니다. 배너 광고나 소셜 채널 이미지에 들어가는 작은 그림도 병원 이름과 함께 환자에게 전해집니다. 안내판의 그림과 광고 속 그림이 다르면, 광고를 보고 찾아온 환자는 병원 안에서 낯선 그림을 다시 익혀야 합니다. 광고 소재를 외부 업체가 만든다면 규칙집의 아이콘 목록과 선 굵기, 색, 모양 기준을 함께 건네고, 업체가 가진 별도의 그림 묶음을 쓰지 않도록 요청합니다. 디자인 담당은 시각 요소 규칙집의 아이콘 기준을 광고 크리에이티브까지 넓혀 적용합니다.

정한 기준으로 대조하고, 글자를 곁에

병원 그림과 아이콘의 통일은 선 굵기, 색, 모양의 기준을 규칙집에 정하고, 새 그림이 들어올 때마다 그 기준과 대조하는 데서 나옵니다. 색은 뜻을 혼자 전하지 않게 모양과 글자로 보완하고, 그림 곁에는 글자를 함께 써서 그림의 뜻을 모르는 환자에게도 안내가 닿게 합니다.