Ilustracja marki 101: Wizualizacja narracji

Opublikowany: 2022-03-11

Ilustracja dodaje skrzydeł!

Pamiętasz te stare reklamy Red Bulla z początku XXI wieku? Te animowane, w których luźno narysowane postacie z dużymi nosami wysunęły się z chudej puszki, wyrosły skrzydła i wesoło trzepotały w górę iw dal? Oczywiście, że tak. Styl i humor były nie do pomylenia i stały się podstawą przekazu Red Bulla. Pod wieloma względami te głupie reklamy były prekursorem szybko rozwijającej się praktyki w dzisiejszym świecie brandingu.

Klasyczna animacja skrzydeł Red Bulla
Red Bull, Gołąb. Kastner i partnerzy

Co to jest system ilustracji marki?

Marka to obietnica. Projektanci marek pomagają firmom dotrzeć do ludzi, starannie dodając tę ​​obietnicę za pomocą słów, logo, kolorów i typografii. Coraz częściej ilustrację wykorzystuje się do wyrażania wartości marki, zwłaszcza w sieci. Aby było jasne, firmy wykraczają poza zamawianie jednorazowych ilustracji, które podkreślają pojedyncze punkty rozmów na swoich stronach internetowych. Obecnie inwestują znaczną ilość czasu i zasobów w rozbudowane systemy ilustrowania marki.

Mapa ilustracji marki Uber
Nowy branding i design Ubera

System ilustracji marki to zbiór obrazów o spójnym nastroju i stylu, które doprecyzowują obietnicę marki, często z ukłonem w stronę ludzkich doświadczeń (humor, nadzieja, ironia itp.).

Należy zauważyć, że o ile nie istnieje konkretna strategia stanowiąca inaczej, ilustracja powinna stanowić uzupełniającą część ogólnych ram marki.

Jeśli przekaz i identyfikacja wizualna marki są uporządkowane i poważne, luźny i zabawny system ilustracji może powodować zamieszanie, zwłaszcza jeśli za wyborem stylu nie stoi jasna intencja.

Dlaczego system ilustracji marki jest przydatny?

Ilustracja ma zdolność ponownego wyobrażenia rzeczywistości w sposób, który jest znajomy, ale zachwycająco rzadki, co czyni go szczególnie przydatnym, gdy pomysł jest trudny do wytłumaczenia. Jest to skuteczny sposób na szybkie przebijanie się z rozproszenia i szybkie kojarzenie złożonych emocji. Ale po co projektować system ilustracji marki? Dlaczego nie stworzyć w miarę potrzeb indywidualnych obrazów, z których każdy ma swój własny, odrębny styl?

Pierwsza odpowiedź to język. System ilustracji to sposób na wzbogacenie języka wizualnego marki i powiedzenie bardziej zniuansowanych rzeczy, których samo logo, schemat kolorów, krój pisma, a nawet słowa nie są w stanie przekazać.

Druga odpowiedź to konsekwencja. Konsekwentny branding (tj. składanie obietnic) tworzy oczekiwania dla biznesu, aby spełnić, a ludzie nagradzają spełnione oczekiwania lojalnością.

System ilustrowania marki daje firmie możliwość spójnego przedstawiania historii marki na wielu platformach (internetowych, drukowanych, społecznościowych itp.).

Zapisz się na blog projektowy Toptal i otrzymaj nasz eBook

Jak wiodące marki z powodzeniem wdrażają systemy ilustracyjne?

Przyjrzyjmy się, jak trzy duże marki wykorzystują systemy ilustracyjne w ramach swojej strategii budowania marki, aby ożywić, energię i emocje przydatnym, ale w większości użytkowym produktom.

Luźny

Slack to internetowa „platforma, która łączy zespoły z aplikacjami, usługami i zasobami, których potrzebują do wykonania pracy”. Niedawno witryna Slack przeszła przeprojektowanie i ponownie pojawiła się w pięknych, kolorowych ilustracjach przedstawiających elegancko ubranych millenialsów, którzy radośnie wykonują zadania biurowe, takie jak sprawdzanie wiadomości, udostępnianie plików i wysyłanie notatek.

Ilustracja strony internetowej marki Slack autorstwa Alice Lee
Slack, Alice Lee

Alice Lee jest utalentowaną ilustratorką stojącą za tymi obrazami i wykonuje świetną robotę, wyjaśniając swoją wizję systemu ilustracji brandingu, który stworzyła: „Uwielbiam wydobywać żartobliwość i ciepło „poważnych” koncepcji, takich jak współpraca biznesowa – przy ograniczonej palecie, dużo energicznego ruchu i kompozycyjnie przełamując siatkę.”

Ilustracja strony internetowej marki Slack autorstwa Alice Lee
Slack, Alice Lee

Shopify

Shopify to platforma eCommerce, która zapewnia ludziom zestaw narzędzi pomagających sprzedawać produkty i prowadzić działalność online. Branding firmy kładzie nacisk na łatwość korzystania z ich produktu, od budowania markowej witryny sklepowej po zarządzanie zapasami i pobieranie płatności.

Ilustracje witryny marki Shopify autorstwa Meg Robichaud
Shopify branding i projektowanie

Dzięki swobodnemu podejściu do ludzkiej postaci i luźno narysowanym liniom, zespołowi ilustracji w Shopify udało się opracować styl, który jest swobodny, ale wizualnie dynamiczny, prosty, ale wyrafinowany. Ta równowaga jest interesująca, ponieważ odzwierciedla sedno obietnicy marki: „Idealny zarówno dla początkujących, jak i ekspertów”.

Ilustracje witryny marki Shopify autorstwa Meg Robichaud
Shopify branding i projektowanie

Dropbox

Dropbox to usługa hostingu plików, w której użytkownicy mogą przechowywać i udostępniać informacje oraz współpracować przy projektach. Jeśli chodzi o ilustrację marki, zespół Dropbox ma bogatą, dziesięcioletnią historię eksperymentów. Zbadali szeroką gamę technik i pracowali z utalentowanymi, ale ciągle zmieniającymi się listami ilustratorów. Przez to wszystko udało im się dopracować, co działa i połączyć swoje twórcze wysiłki w spójny, ale ewoluujący styl ilustracji.

Ilustracje witryny internetowej marki Dropbox autorstwa Justina Tran
Branding i projekt Dropbox

Na początku października 2017 r. Dropbox zaprezentował ambitny rebranding, który obejmuje odnowione podejście do systemu ilustrowania marki. Nowy styl wykorzystuje gestykulacyjne oznaczenia grafitowe oraz surowe, jaskrawe wzory i tekstury, aby wykorzystać iskrę i spontaniczność twórczej współpracy.

Ilustracje witryny internetowej marki Dropbox autorstwa Justina Tran
Branding i projekt Dropbox

Jak się zajmuje tworzenie systemu ilustracji marki?

Jeśli nigdy nie pracowałeś nad systemem ilustrowania marki lub byłeś, ale nie byłeś zadowolony z wyników, oto lista kluczowych kwestii, które dodadzą jasności Twojemu następnemu projektowi projektowania marki.

1. Poznaj markę.

  • Jest to oczywiste, ale nie powinno być pomijane. Jeśli nie znasz marki, jest mało prawdopodobne, że ilustracje, które tworzysz, będą rezonować z publicznością, na którą chcesz wpłynąć. Znajomość marki jest głębsza niż znajomość tożsamości wizualnej. Musisz znać obietnicę. Kim chce być marka? Jak chcą być postrzegani? Do kogo próbują dotrzeć?
  • Znajomość marki nie jest strasznie skomplikowana. Jeśli umiesz czytać, robić notatki, zadawać pytania i korzystać z wyszukiwarki, znajdziesz wszystko, czego potrzebujesz.

Przewodnik po stylu marki Dropbox, część ich strategii budowania marki
Ilustracja marki Dropbox

2. Zrozum, jakiego rodzaju ilustracje są potrzebne i jak zostaną wykorzystane.

  • Czy Twój klient potrzebuje ilustracji punktowych? Ilustracje ikon? Ilustracje pełnoklatkowe?
  • Czy są ilustracje do strony internetowej? Dla aplikacji? Obie?
  • Czy ilustracje zostaną wykorzystane do druku? Do pakowania? A co z dużymi formatami?
  • Czy istnieją idealne wymiary lub proporcje, w których powinny mieścić się ilustracje? Czy w bardzo małych rozmiarach powinny być nadal czytelne?

Różne rodzaje ilustracji
Ilustracje: Aleksandar Savic, Nermin Muminovic, Timothy J. Reynolds

3. Budżet czasu na obszerne badania wizualne.

  • Nie skracaj się na początku projektu. Musisz poświęcić czas na wizualne studiowanie wielu obrazów. Spójrz na prace innych ilustratorów, nowe i stare zdjęcia, dzieła sztuki, książki dla dzieci, czasopisma i prawdziwe życie.
  • Podczas badań prowadź zapis szkicu. To są surowe, nieedytowane szkice. Spraw, by były szybkie i obfite.

Tablica nastrojów zespołu ilustrującego markę Shopify w ramach strategii budowania marki
Shopify ilustracyjna tablica nastroju zespołu

4. Dąż do stylu, który jest wyrazisty, ale elastyczny.

  • Tworzony system ilustracji powinien mieć styl, który czyni go wyjątkowym. Powinna wywoływać emocje, które sprawią, że zapadnie w pamięć. Ale najlepiej byłoby, gdyby obrazy, które tworzysz, znajdowały się płynnie obok tekstu, fotografii i innych elementów graficznych bez przytłaczania lub dezorientowania prezentowanego komunikatu.

Shopify ilustracje marki i ikony stron internetowych autorstwa Meg Robichaud
Ikony marki Shopify

5. Rozważ stworzenie listy kryteriów/zasad, które muszą spełniać wszystkie ilustracje.

  • Jeśli masz problem z utworzeniem ujednoliconej kolekcji ilustracji, ustal kilka prostych zasad dla siebie. Mogą one być dowolne lub jednoznacznie powiązane z identyfikacją wizualną marki. Oto krótka lista przykładów na początek:

    • Użyję tylko kredek Conte.
    • Każda ilustracja musi zawierać okrąg, kwadrat i trójkąt.
    • Narysuję tylko twarze z profilu bocznego.
    • Żadna ilustracja nie może mieć więcej niż dwóch kolorów.

6. Nie lekceważ znaczenia koloru.

  • Strategię dotyczącą koloru w systemie ilustrowania marki należy rozważyć od najwcześniejszych etapów badań wizualnych.
  • Oto link do fascynującego nowego badania zatytułowanego Branded in Memory, w którym poproszono ludzi o odtworzenie dziesięciu kultowych logo z pamięci. Badanie wykazało, że 80% osób było w stanie przypomnieć sobie prawidłowe schematy kolorów marki, podczas gdy kształty i inne elementy wizualne okazały się znacznie trudniejsze do zapamiętania.

System ilustracji reklamowych dla Kuoni Travel Website France autorstwa Malika Favre
Kuoni, Malika Favre

Inne pomocne wskazówki

1. Stwórz miejsce lub świat dla systemu ilustracji.

  • Czasami pojawia się projekt, a wytyczne są niejasne, tożsamość marki firmy jest trochę rzadka lub kopia witryny internetowej jest niejasna. Kiedy takie rzeczy się zdarzają, może być trudno wyobrazić sobie, jak stworzyć znaczący i w pełni rozwinięty system ilustrowania marki.
  • Zanim dotkniesz ołówka do papieru, bądź odważny i zadaj więcej pytań na temat projektu. Nie pytasz swojego klienta o pomysły, prosisz go, aby pomógł ci lepiej zrozumieć, co robi i dlaczego ma to znaczenie.
  • Weź myśli, słowa i wyrażenia, które najlepiej rozumiesz, i wyobraź sobie szczęśliwe małe miejsce, może miasteczko, w którym marka twojego klienta jest właścicielem, działa i nadzoruje wszystko. Wyobraź sobie, jak marka zazębia się z każdą częścią życia i ulepsza wszystko, a następnie uchwyć mentalne obrazki za pomocą miniaturowych szkiców.
  • Tworzenie miejsca lub świata to świetny sposób na zapewnienie spójnego odczucia na dużej liczbie ilustracji i połączenie pozytywnych ludzkich doświadczeń z produktami i usługami, wobec których ludzie mogliby odczuwać apatię.

2. Jeśli to możliwe, pracuj w formacie wektorowym.

  • Nie narzucaj tego w żadnym projekcie, ale jeśli pasuje do wizji, a grafika rastrowa nie dodaje znaczącego efektu, wybierz wektor.
  • Czemu to robić? Edycja jest szybsza. Zmiana rozmiaru jest łatwiejsza (bez pikselizacji). Kolor jest bardziej elastyczny. Rozmiary plików są zazwyczaj mniejsze. Co więcej, projektanci, którym brakuje umiejętności rysowania odręcznego, mogą łatwiej dodawać nowe i spójne zasoby w miarę rozwoju systemu.

3. Uważaj, aby nie stworzyć postaci, która niechcący stanie się maskotką.

  • Maskotki nie są złe, ale postać, która mocno przysłania inne elementy nastroju i przekazu marki, przynosi efekt przeciwny do zamierzonego i dezorientuje.
  • Nie unikaj postaci z „charakterem”. Po prostu upewnij się, że wszystkie ilustracje Twojej marki mają miarę równowagi i jedności, która sprawia, że ​​są one komplementarne względem siebie i marki jako całości.

Co sprawia, że ​​system ilustracji marki ma znaczenie?

Ostatnie słowo zachęty: Radość i intuicja to najlepsi przyjaciele ilustratorki marki. Branding to jedna z tych dziedzin, w których ludzie czasami traktują siebie bardzo poważnie i mówią takie rzeczy, jak: „Wszystkie nasze decyzje projektowe muszą opierać się na danych” lub „To nie jest sztuka. Staramy się rozwiązywać problemy”. Nie pozwól, aby to zepsuło ci spokój.

Dla profesjonalnych projektantów i ilustratorów oczywiste jest, że każdy element wykonany na potrzeby projektu musi współgrać z marką. Ale u podstaw systemu ilustrowania marki jest zbiór rysunków, więc baw się dobrze! Być zabawnym. Bądź kreatywny. Bądź człowiekiem.

Czy za wyglądem ilustracji prezentowanych klientowi powinien leżeć powód i uzasadnienie? TAk. Ale nie zastanawiaj się nad każdą kreatywną decyzją. Ścieżka do systemu ilustrowania marki, który jest zarówno znaczący, jak i trwały, jest wytyczona przez doświadczenie, instynkt, solidne zrozumienie marki i ciężką, staromodną dobrą pracę.

• • •

Dalsza lektura na blogu Toptal Design:

  • eCommerce UX – przegląd najlepszych praktyk (z infografiką)
  • Znaczenie projektowania zorientowanego na człowieka w projektowaniu produktu
  • Najlepsze portfolio projektantów UX – inspirujące studia przypadków i przykłady
  • Zasady heurystyczne dla interfejsów mobilnych
  • Projekt przewidujący: jak tworzyć magiczne doświadczenia użytkownika