브랜드 일러스트레이션 101: 내러티브 시각화하기

게시 됨: 2022-03-11

그림은 당신에게 날개를 줍니다!

2000년대 초반의 오래된 Red Bull 광고를 기억하십니까? 느슨하게 그려진 큰 코와 마른 캔에서 갉아먹은 캐릭터, 날개가 자라며 신나게 위, 위, 멀리 날아가는 애니메이션? 물론 당신은. 스타일과 유머는 틀림이 없었고 Red Bull 메시지의 필수 요소가 되었습니다. 여러 면에서 이러한 구피 광고는 오늘날의 브랜딩 세계에서 빠르게 성장하는 관행의 전조였습니다.

클래식 레드불 날개 애니메이션
레드불, 비둘기. 카스트너 & 파트너스

브랜드 일러스트레이션 시스템이란?

브랜드는 약속입니다. 브랜드 디자이너는 단어, 로고, 색상 및 타이포그래피를 사용하여 이 약속을 신중하게 만들어 기업이 사람들에게 다가갈 수 있도록 돕습니다. 특히 웹에서 브랜드 가치를 표현하기 위해 일러스트레이션이 점점 더 많이 사용되고 있습니다. 분명히, 회사는 웹사이트에서 고립된 요점을 강조하는 일회성 일러스트레이션을 커미셔닝하는 것 이상입니다. 오늘날 그들은 광범위한 브랜드 일러스트레이션 시스템에 상당한 시간과 자원을 투자하고 있습니다.

Uber 브랜드 일러스트 맵
Uber의 새로운 브랜딩 및 디자인

브랜드 일러스트레이션 시스템은 종종 인간의 경험(유머, 희망, 아이러니 등)에 대한 고개를 끄덕이며 브랜드의 약속을 명확히 하는 응집력 있는 분위기와 스타일의 이미지 모음입니다.

달리 명시한 특정 전략이 없는 한 일러스트레이션은 브랜드 전체 프레임워크의 보완적인 부분이어야 한다는 점에 유의하는 것이 중요합니다.

브랜드의 메시지와 시각적 아이덴티티가 체계적이고 진지하다면, 특히 스타일 선택의 이면에 명확한 의도가 없는 경우 느슨하고 장난스러운 일러스트레이션 시스템은 혼란을 유발할 수 있습니다.

브랜드 일러스트레이션 시스템이 유용한 이유는 무엇입니까?

일러스트레이션은 익숙하면서도 유쾌하지 않은 방식으로 현실을 재해석하는 능력이 있어 아이디어를 설명하기 어려울 때 특히 유용합니다. 산만함을 없애고 복잡한 감정을 빠르게 연관시키는 강력한 방법입니다. 하지만 왜 브랜드 일러스트레이션 시스템을 디자인해야 할까요? 필요에 따라 각각 고유한 스타일을 가진 개별 이미지를 생성하지 않으시겠습니까?

첫 번째 답은 언어입니다. 일러스트레이션 시스템은 브랜드의 시각적 언어를 풍부하게 하고 로고, 색 구성표, 서체 또는 단어만으로는 전달할 수 없는 미묘한 차이를 전달하는 방법입니다.

두 번째 대답은 일관성입니다. 일관된 브랜딩(즉, 약속 만들기)은 비즈니스가 충족해야 할 기대치를 생성하고 사람들은 충족된 기대치를 충성도로 보상합니다.

브랜드 일러스트레이션 시스템은 기업이 여러 플랫폼(웹, 인쇄, 소셜 등)에서 일관성 있게 브랜드 스토리를 전개할 수 있는 기능을 제공합니다.

Toptal 디자인 블로그를 구독하고 eBook 받기

선두 브랜드는 어떻게 일러스트레이션 시스템을 성공적으로 구현합니까?

세 개의 큰 브랜드가 브랜드 구축 전략의 일부로 일러스트레이션 시스템을 사용하여 유용하지만 대부분 실용적인 제품에 생명, 에너지, 감성을 불어넣는 방법을 살펴보겠습니다.

느슨하게

Slack은 온라인 "팀을 작업을 완료하는 데 필요한 앱, 서비스 및 리소스와 연결하는 플랫폼"입니다. 최근 Slack 웹사이트는 재설계를 거쳐 메시지 확인, 파일 공유, 메모 보내기와 같은 사무실 작업을 즐겁게 수행하는 스마트한 옷을 입은 밀레니얼 세대를 묘사한 아름답고 밝은 색상의 일러스트레이션으로 다시 나타났습니다.

Alice Lee의 Slack 브랜드 웹사이트 일러스트레이션
슬랙, 앨리스 리

이 이미지 뒤에 있는 재능 있는 일러스트레이터 Alice Lee는 자신이 만든 브랜딩 일러스트레이션 시스템에 대한 자신의 비전을 훌륭하게 설명합니다. 전체적으로 정력적인 움직임과 구성적으로 그리드를 깨고 있습니다.”

Alice Lee의 Slack 브랜드 웹사이트 일러스트레이션
슬랙, 앨리스 리

쇼피파이

Shopify는 온라인에서 제품을 판매하고 비즈니스를 운영하는 데 도움이 되는 도구 모음을 제공하는 전자 상거래 플랫폼입니다. 회사의 브랜딩은 브랜드 매장을 구축하는 것부터 재고 관리 및 지불 수금에 이르기까지 제품 사용이 얼마나 쉬운지에 중점을 둡니다.

Meg Robichaud의 Shopify 브랜드 웹사이트 일러스트레이션
Shopify 브랜딩 및 디자인

사람의 형태와 느슨하게 그려진 선을 여유롭게 사용하여 Shopify의 일러스트레이션 팀은 캐주얼하면서도 시각적으로 역동적이며 단순하면서도 세련된 스타일을 개발했습니다. 이 균형은 "초보자와 전문가 모두에게 완벽"이라는 브랜드 약속의 핵심을 반영하기 때문에 흥미롭습니다.

Meg Robichaud의 Shopify 브랜드 웹사이트 일러스트레이션
Shopify 브랜딩 및 디자인

드롭 박스

Dropbox는 사용자가 정보를 저장 및 공유하고 프로젝트에서 협업할 수 있는 파일 호스팅 서비스입니다. 브랜드 일러스트레이션과 관련하여 Dropbox 팀은 10년 간의 풍부한 실험 역사를 가지고 있습니다. 그들은 광범위한 기술을 탐구했고 재능이 있지만 끊임없이 변화하는 일러스트레이터와 함께 작업했습니다. 이 모든 과정을 통해 그들은 효과가 있는 것에 집중하고 창의적 노력을 응집력 있지만 진화하는 일러스트레이션 스타일로 통합했습니다.

Justin Tran의 Dropbox 브랜드 웹사이트 삽화
Dropbox 브랜딩 및 디자인

2017년 10월 초, Dropbox는 브랜드 일러스트레이션 시스템에 대한 개선된 접근 방식을 포함하는 야심찬 브랜드 변경을 공개했습니다. 새로운 스타일은 제스처 흑연 마킹과 조잡하고 밝은 패턴의 모양과 질감을 사용하여 창의적인 협업의 불꽃과 자발성을 활용합니다.

Justin Tran의 Dropbox 브랜드 웹사이트 삽화
Dropbox 브랜딩 및 디자인

브랜드 일러스트레이션 시스템을 만드는 방법은 무엇입니까?

브랜드 일러스트레이션 시스템에서 작업한 적이 없거나 결과에 만족하지 못했다면 다음 브랜드 디자인 프로젝트에 명확성을 더해줄 주요 고려 사항 목록이 있습니다.

1. 브랜드를 안다.

  • 이것은 분명하지만 간과해서는 안됩니다. 브랜드를 모른다면, 당신이 만드는 일러스트레이션이 당신이 임팩트를 주고자 하는 청중에게 반향을 일으킬 것 같지 않습니다. 브랜드를 아는 것은 시각적 아이덴티티를 아는 것보다 더 깊이 있습니다. 약속을 알아야 합니다. 브랜드는 어떤 사람이 되고 싶은가? 그들은 어떻게 인식되기를 원하는가? 그들은 누구에게 도달하려고 합니까?
  • 브랜드를 아는 것은 그리 복잡하지 않습니다. 읽고, 메모하고, 질문하고, 검색 엔진을 사용하는 방법을 알고 있다면 필요한 모든 것을 찾을 수 있습니다.

브랜드 구축 전략의 일부인 Dropbox 브랜드 스타일 가이드
Dropbox 브랜드 일러스트레이션

2. 어떤 유형의 일러스트레이션이 필요하고 어떻게 사용할 것인지 이해합니다.

  • 고객에게 스팟 일러스트레이션이 필요합니까? 아이콘 일러스트? 풀프레임 일러스트?
  • 웹사이트용 삽화인가요? 앱용? 둘 다?
  • 삽화가 인쇄에 사용됩니까? 포장용? 큰 형식은 어떻습니까?
  • 삽화가 들어가야 하는 이상적인 치수나 비율이 있습니까? 그들은 여전히 ​​​​초소형 크기에서 읽을 수 있어야합니까?

다양한 유형의 일러스트레이션
삽화: Aleksandar Savic, Nermin Muminovic, Timothy J. Reynolds

3. 충분한 시각적 연구를 위한 예산 시간.

  • 프로젝트를 시작할 때 자신을 단락시키지 마십시오. 많은 이미지를 시각적으로 연구하는 데 시간을 할애해야 합니다. 다른 일러스트레이터의 작품, 새롭거나 오래된 사진, 예술 작품, 동화책, 잡지, 실생활을 살펴보세요.
  • 조사하면서 스케치 기록을 유지하십시오. 거칠고 편집되지 않은 스케치입니다. 그것들을 빨리 만들고 풍부하게 만드십시오.

브랜드 구축 전략의 일환으로 Shopify 브랜드 일러스트레이션 팀 무드 보드
Shopify 일러스트레이션 팀 무드 보드

4. 독특하면서도 유연한 스타일을 지향합니다.

  • 당신이 만드는 일러스트레이션 시스템은 그것을 특별하게 만드는 스타일이 있어야 합니다. 기억에 남을 만한 감정을 불러일으켜야 합니다. 그러나 이상적으로는 생성하는 이미지가 전달되는 메시지를 압도하거나 혼동하지 않고 텍스트, 사진 및 기타 그래픽 요소와 함께 매끄럽게 배치됩니다.

Meg Robichaud의 Shopify 브랜드 일러스트레이션 및 웹사이트 아이콘
Shopify 브랜드 아이콘

5. 모든 그림이 충족해야 하는 기준/규칙 목록을 만드는 것을 고려하십시오.

  • 통합된 일러스트레이션 컬렉션을 만드는 데 문제가 있는 경우 간단한 규칙을 만들어 보세요. 이는 임의적이거나 브랜드의 시각적 아이덴티티와 고유하게 연결될 수 있습니다. 다음은 시작하는 데 도움이 되는 간단한 예 목록입니다.

    • Conte Crayons만 사용하겠습니다.
    • 모든 삽화에는 원, 정사각형, 삼각형이 포함되어야 합니다.
    • 측면 프로필에서만 얼굴을 그립니다.
    • 어떤 그림도 두 가지 이상의 색상을 가질 수 없습니다.

6. 색상의 중요성을 과소평가하지 마십시오.

  • 브랜드 일러스트레이션 시스템의 색상 전략은 시각적 연구의 초기 단계부터 고려해야 합니다.
  • 여기에 사람들에게 기억에서 10개의 상징적인 로고를 다시 만들도록 요청한 Branded in Memory라는 흥미로운 새로운 연구에 대한 링크가 있습니다. 연구에 따르면 80%의 사람들이 정확한 브랜드 색상 구성표를 기억할 수 있었지만 모양 및 기타 시각적 요소는 훨씬 더 기억하기 어려운 것으로 나타났습니다.

Malika Favre의 Kuoni Travel Website France 광고 일러스트레이션 시스템
쿠오니, 말리카 파브르

기타 유용한 팁

1. 일러스트레이션 시스템을 위한 장소 또는 세계를 만듭니다.

  • 때로는 프로젝트가 진행되고 브리핑이 모호하거나, 회사의 브랜드 아이덴티티가 약간 희박하거나, 웹사이트 카피가 혼란스럽습니다. 이러한 일이 발생하면 의미 있고 완전히 개발된 브랜드 일러스트레이션 시스템을 만드는 방법을 상상하기 어려울 수 있습니다.
  • 연필을 종이에 만지기 전에 대담하게 프로젝트에 대해 더 많은 질문을 하십시오. 고객에게 아이디어를 요청하는 것이 아니라 고객이 하는 일과 중요한 이유를 더 잘 이해할 수 있도록 도와달라고 요청하는 것입니다.
  • 가장 명확하게 이해하는 생각, 단어 및 문구를 사용하여 고객의 브랜드가 모든 것을 소유, 운영 및 감독하는 행복한 작은 장소, 아마도 마을을 상상해 보십시오. 브랜드가 삶의 모든 부분과 연결되어 더 나은 환경을 만드는 방법을 상상한 다음 썸네일 스케치로 정신적인 부분을 포착하십시오.
  • 장소나 세계를 만드는 것은 많은 삽화에 일관된 느낌을 주고 사람들이 무관심하다고 느낄 수 있는 제품 및 서비스와 긍정적인 인간 경험을 연결하는 좋은 방법입니다.

2. 가능하면 벡터 형식으로 작업하십시오.

  • 어떤 프로젝트에도 이것을 강요하지 마십시오. 그러나 그것이 비전에 맞고 래스터 그래픽이 큰 영향을 주지 않는다면 벡터로 이동하십시오.
  • 왜 이렇게 합니까? 편집이 더 빠릅니다. 크기 조정이 더 쉽습니다(픽셀화 없음). 색상이 더 유연합니다. 파일 크기는 일반적으로 더 작습니다. 또한 손으로 그리는 기술이 부족한 디자이너는 시스템이 발전함에 따라 새롭고 일관된 자산을 더 쉽게 추가할 수 있습니다.

3. 본의 아니게 마스코트가 되는 캐릭터를 생성하지 않도록 주의하세요.

  • 마스코트가 나쁜 것은 아니지만 브랜드의 분위기와 메시지의 다른 부분을 강하게 가리는 캐릭터는 역효과를 내고 혼란스럽습니다.
  • "캐릭터"가 있는 캐릭터를 부끄러워하지 마세요. 모든 브랜드 일러스트레이션이 서로를 보완하고 브랜드 전체를 보완할 수 있는 균형과 통일성이 있는지 확인하십시오.

브랜드 일러스트레이션 시스템을 의미 있게 만드는 것은 무엇입니까?

마지막 격려의 말: 기쁨과 직관은 브랜드 일러스트레이터의 가장 친한 친구입니다. 브랜딩은 사람들이 때때로 스스로를 매우 진지하게 생각하며 "우리의 모든 디자인 결정은 데이터를 기반으로 해야 합니다." 또는 "이것은 예술이 아닙니다."와 같이 말하는 분야 중 하나입니다. 문제를 해결하기 위해 노력하고 있습니다.” 당신의 멜로를 가혹하게 두지 마십시오.

프로 디자이너와 일러스트레이터의 경우 프로젝트를 위해 만들어진 각 요소가 브랜드와 함께 분위기를 만들어야 한다는 것은 당연합니다. 하지만 기본적으로 브랜드 일러스트레이션 시스템은 드로잉 모음이므로 재미있게 보내세요! 웃기세요. 창의력을 발휘하십시오. 인간이 되십시오.

클라이언트에게 제공되는 일러스트레이션의 모양과 느낌 뒤에 이유와 근거가 있어야 합니까? 네. 그러나 모든 작은 창의적인 결정을 지나치게 생각하지 마십시오. 의미 있고 영속적인 브랜드 일러스트레이션 시스템으로 가는 길은 경험, 본능, 브랜드에 대한 확고한 이해, 고풍스러운 노력으로 포장됩니다.

• • •

Toptal Design 블로그에 대한 추가 정보:

  • 전자 상거래 UX – 모범 사례 개요(인포그래픽 포함)
  • 제품 디자인에서 인간 중심 디자인의 중요성
  • 최고의 UX 디자이너 포트폴리오 – 영감을 주는 사례 연구 및 사례
  • 모바일 인터페이스에 대한 경험적 원리
  • 예측적 디자인: 마법 같은 사용자 경험을 만드는 방법