UI/UX

[HOW TO UI·UX] 일러스트는 얼마나 중요할까요?

사진과 일러스트의 차이부터 일러스트의 강점까지

2024.05.22

UI·UX 디자인이 궁금하다고요? ? <디지털 인사이트>가 국내외 디자인 기업과 전문가들이 발행하는 자체 콘텐츠 가운데 실무 디자인에 도움이 될 좋은 글을 추려 읽기 좋게 정리했습니다. 원문을 참고하면 더 자세한 내용을 알 수 있어요.

---

과거엔 주로 낮은 연령층을 위한 제품군에 일러스트가 사용됐지만, 최근에는 은행이나 배달 서비스, IT기업 등 다양한 곳에서 마스코트 캐릭터와 로고 및 광고 등을 통해 일러스트를 접할 수 있습니다.

브랜딩 분야에서도 일러스트는 브랜드 유·무형의 제품을 더 친근하고 감성적이며, 사용자에게 가깝게 만드는 멋진 도구가 됩니다. 이런 일러스트는 사진 같은 다른 시각적인 요소와 어떤 차이가 있고, 어떤 강점을 가지고 있을까요?

이번 글에서는 디자인 전문기업 이모션글로벌이 이야기하는 일러스트의 중요성에 대해 알아봅니다.

1. 사진과 일러스트의 차이

그래픽 이미지는 텍스트보다 빠르게 인식되고, 기억하기 쉽고, 소비자의 잠재의식에 영향을 주어 복잡하고 중요한 정보를 쉽게 전달할 수 있습니다.

사진이 일러스트와 같은 역할을 일부 공유할 수는 있으나, 일러스트는 텍스트를 흥미롭고 이해하기 쉽게 만들고, 제품이나 서비스를 표현하는 데 도움이 되며 사진보다 더 나은 상상력을 제공합니다.

‘식당’ ‘카페’ ‘호텔’ ‘코워킹 스페이스’ 등의 제품을 홍보하거나 판매할 때에는 소비자가 제품의 모습을 볼 수 있도록 사진을 사용하는 것이 가장 직관적입니다. 사진은 분위기를 전달하고, 직접적인 정보를 제공해 브랜드에 익숙하지 않은 고객의 신뢰를 높이며, 제품 구매 결정에 도움을 주기 때문이죠. 사진이 없는 경우, 숙소를 대여하거나 음식주문, 배달 등 의사결정에 있어 어려움이 생길 때가 많습니다.

하지만 사진을 통해 분위기와 제품에 대한 정보를 전달하는 것을 넘어, 소비자에게 감동까지 주는 것은 상당히 어렵습니다. 이럴 때에 우리는 일러스트를 사용해 사진을 대체할 수 있습니다.

예를 들어 일러스트는 제품이나 서비스의 사진을 찍는 것이 불가능한 웹 사이트, 서비스, 애플리케이션 분야의 기술, 금융 및 기타 회사의 브랜딩에 자주 사용됩니다. 사진과 일러스트의 차이 외에 일러스트에는 어떠한 장점이 있는지 알아보도록 하죠.

2. 브랜딩에도 효능이?

일러스트는 브랜딩에 효과적입니다. 브랜딩은 제품 및 서비스를 통해 기업의 독특한 정체성과 가치를 표현하는 과정입니다. 또한 브랜딩은 더 나은 고객 경험을 제공함으로써 기업이 소비자와의 유대감을 형성하고 신뢰감을 구축하는 데 중요한 역할을 하는데요.

이렇게 중요한 브랜딩에 최근 일러스트를 활용하는 사례가 늘어나고 있습니다. 이는 일러스트가 브랜드의 ‘시각적 언어’를 한층 더 풍부하게 만들고, 브랜딩에 특별한 매력을 부여한다는 장점에서 기인한 겁니다.

* 시각적 언어 : 글, 그림, 영상 등 시각적 효과를 활용한 브랜딩 방식

기업은 제품과 서비스의 가치를 높여 타사로부터 경쟁 우위를 확보하기 위해 브랜드를 만들며, 소비자는 다양한 제품 중 과업 달성에 적합한 제품과 서비스를 더욱 빠르게 선택하기 위해 브랜드를 찾습니다. 이런 이유로 모든 브랜드는 해당 제품에 관심을 갖는 소비자에게 깊은 인상을 심어주고 추후에도 지속적으로 제품을 구매하도록 유도하는 데 많은 노력을 기울이고 있습니다.

일러스트는 바로 이 부분에서 도움이 됩니다. 치열한 경쟁에 직면한 브랜드는 고품질의 제품을 생산하는 것뿐 아니라 일러스트를 사용해 사용자의 감성적 요구를 충족시키기 위해 노력하고 있는데요. 기업은 제품과 서비스를 생산하지만 소비자는 브랜드를 구매하기 때문입니다.

대표적 사례로, ‘애플(Apple)’은 아이패드 프로 홍보에 있어 단순히 멋진 디스플레이와 앱 액세스 권한이 있는 태블릿이라 설명하지 않고, ‘크리에이티브 아트 스튜디오’ ‘포켓 라이브러리’ ‘홈 레코딩 스튜디오’ 등의 앱 기능을 일러스트를 활용해 선보이고 있습니다.

일러스트를 사용해 사용자에게 다방면의 기능 만족도뿐만 아니라 성공적인 예술가, 음악가, 작가, 사업가가 되기 위한 꿈과 같은 감성적인 만족도까지 충족시켜주는 겁니다.

이렇게 소비자와 유대감을 형성하고 신뢰감을 구축하기 위해 브랜드는 언어적(텍스트, 소리, 특수 문구), 시각적(그래픽, 사진, 일러스트레이션) 커뮤니케이션에 일러스트를 활용하고 있습니다.

3. 일러스트의 다양한 강점

✅ 사용자의 관심 유지 및 중요 부분 강조

일러스트는 사용자의 관심을 끄는 데 큰 도움이 됩니다. 일러스트와 이미지를 적절히 사용한 정보는 텍스트로만 구성된 정보보다 원하는 부분을 쉽게 강조하고, 사용자의 관심을 유발할 수 있습니다. 또한 나머지 정보가 당장에 유용하지 않더라도 사용자는 그 시각적 효과를 기억하고, 필요할 때에 일러스트를 통해 다시 정보를 찾을 수 있습니다.

✅ 사용자의 제품 서비스 특색 이해 보조

지금 바로 책, 영화표, 아이스크림 등을 상상해보라고 한다면 머릿속에 앞서 말한 것들을 쉽게 떠올릴 겁니다. 하지만 만약 CRM, 클라우드 서비스, 마이크로러닝, SCORM 같은 디지털 제품을 상상해보라고 말한다면 어떤 것이 떠오르나요? 일러스트는 이렇게 사용자에게 제품의 사진을 보여줄 수 없을 때, 사용자가 더욱 쉽게 제품 서비스를 이해할 수 있도록 도울 수 있습니다.

예를 들어 노션은 홈페이지 메인 화면에 일러스트를 사용하고 있는데요. 사용자는 일러스트를 통해 텍스트에 집중하지 않더라도 노션이 업무에 활용하는 협업 툴이라는 것을 쉽게 유추해낼 수 있습니다.

✅ 감정적 흐름 몰입 및 분위기 전달

잠재적인 소비자가 제품을 기억하게 만들려면 부드러움, 웃음, 재미 등 밝고 긍정적인 감정이나 혹은 반대로 슬픔, 두려움 등 부정적인 감정을 불러일으키는 것이 중요합니다. 이때 일러스트는 이러한 감정을 시각화해 사용자로 하여금 기억을 다시 상기시키거나, 타인에게 알리거나, SNS에 사진을 업로드하게 만드는 동기를 부여할 수 있습니다. 그리고 이는 곧 해당 브랜드의 광고 확대로도 이어질 수 있습니다.

실제 배달의 민족의 경우, 2011년 ‘배달이친구들’을 시작해 15종 이상의 마스코트를 만들어 앱 내 이미지는 물론 마케팅에도 적극 사용하고 있는데요. 2024년 현재 여전히 배달의 민족은 배달이친구들을 앱 서비스 및 브랜드 광고 전면에 내세우고 있고, 그 결과 많은 사람들이 별다른 텍스트 없이 배달이친구들 이미지만을 봐도 배달의 민족 서비스를 떠올리게 됐습니다.

매우 지루한 주제도 일러스트를 활용해 분위기를 반전시킬 수 있습니다. 예를 들어, 사용자가 ‘존재하지 않는 페이지’에 접속했을 때, 건조한 텍스트가 아닌 귀여운 이미지의 캐릭터를 통해 사과의 메시지를 전한다면 예상치 못한 상황에서도 사용자의 긍정적인 감정을 유발해 사용자의 경험을 유지하는 데 도움이 될 수 있습니다.

✅ 기업 인지도와 신뢰도 향상 및 브랜드의 가치 전달

브랜드는 종종 사용자와의 커뮤니케이션에서 일러스트를 활용해 제품 및 서비스에 대한 특별한 감정을 불러일으킵니다. 이렇게 일러스트는 제품 포장에서부터 배너, 의류, 웹사이트 및 응용 프로그램 페이지까지 고객과 커뮤니케이션을 하고, 사용 경험을 향상시키고, 브랜드의 인지도를 높이는 데 큰 도움이 됩니다.

? 원문 링크: 일러스트만의 매력과 실무에서의 일러스트 알아보기

• UX
• 디자인
• 일러스트

• 에디터김동욱 (jkkims@ditoday.com)