Systemy ilustracji marki: rysowanie silnej tożsamości wizualnej

Opublikowany: 2022-03-10
Szybkie podsumowanie ↬ Ilustracje marki to adaptowalny i skuteczny sposób na budowanie wizualnej marki firmy. W tym artykule Yihui Liu przedstawia swój proces tworzenia silnego systemu ilustrowania marki. Jej podejście zostało dopracowane w ciągu 10 lat studiów i doświadczenia zawodowego w Chinach i Europie oraz czerpie przykłady z jej ostatniej pracy jako Lead Designer w Spacebase.

W zalewie treści online firmy żyją lub umierają dzięki wizerunkowi marki. Wizerunek marki musi wyrażać przesłanie firmy i łączyć się z użytkownikami, którzy powinni natychmiast rozpoznawać go w różnych mediach, nawet z dala od strony internetowej firmy i treści marketingowych. Silny wizerunek marki jest jak kotwica, pomagając zapewnić przywiązanie użytkownika i naprawić skojarzenia wartości.

Wizerunek marki jest zazwyczaj budowany z różnych elementów wizualnych — logo, palety kolorów, określonej czcionki. Oprócz nich ilustracje są kolejnym potężnym środkiem komunikacji wizualnej, który jest coraz bardziej poszukiwany w interfejsie użytkownika online.

Czemu? Ponieważ ilustracje wprowadzają elementy narracyjne do treści wizualnych i pozwalają na wyrażanie subtelniejszych emocji lub bardziej złożonych sytuacji. Uwzględnienie postaci ludzkich sprawia, że ​​pomysły stają się aktywne i dostępne, często w sposób beztroski lub kapryśny. Ilustracje odwracają się od realizmu i pozwalają budować świat tak, jak widzi go marka .

To ważny element w większej układance kampanii online. Projektowanie cyfrowe, wykorzystujące wektory, sprzyja czystym, odważnym obrazom, które dobrze przekładają się na charakterystyczne ilustracje brandingowe. Zamiast projektów jednorazowego użytku, te ilustracje online są wykorzystywane jako część kompleksowych systemów wizualnych. Obrazy w systemie ilustracyjnym mają jednolity nastrój lub styl, co sprawia, że ​​można je identyfikować z szerszym wizerunkiem i przesłaniem marki, nawet jeśli reprezentują różne aspekty produktu lub usługi.

Systemy ilustracyjne zwiększają zakres i głębię komunikatów, jakie firma komunikuje wizualnie o sobie, od deklaracji misji po praktyczne wsparcie produktu, jednocześnie wzmacniając wizerunek marki.

Więcej po skoku! Kontynuuj czytanie poniżej ↓

Proces projektowania

Jak więc zaprojektować skuteczny system ilustrowania marki? Przeprowadzę Cię przez mój proces projektowania, z przykładami z niedawnego remontu, który przeprowadziliśmy w Spacebase.

Zbadaj markę

Po pierwsze – poznaj markę, dla której będziesz projektować. To może wydawać się oczywiste, ale nie lekceważ włożonej pracy. Nawet jeśli uważasz, że masz już praktyczną wiedzę, warto zainwestować czas na odświeżenie lub pogłębienie znajomości marki.

Poznaj kulturę firmy i jej produktów lub usług. Jakie jest ich główne przesłanie, jakie formy przybiera ich dotychczasowa identyfikacja wizualna i w jakim kierunku firma chce się rozwijać?

Dokładne zbadanie tego na początku zaoszczędzi ci późniejszych bólów głowy i ślepych zaułków.

Zrozum potrzeby interesariuszy

Oprócz przeprowadzenia własnych badań będziesz musiał porozmawiać z interesariuszem. To połączenie ma kluczowe znaczenie dla sukcesu Twojego projektu — więc zaangażuj ich wcześnie i informuj ich na bieżąco o procesie.

Uzyskaj odpowiedzi na kluczowe pytania dotyczące projektu: gdzie pojawią się ilustracje i co mają wyrazić? W jakich sytuacjach i emocjach mogą grać? Jakie parametry techniczne potrzebujesz do pracy?

Na tym etapie interesariusz może nie być jasny, czego chce. Niemniej jednak należy uważnie słuchać ich uwag i rozważać ich oczekiwania w odniesieniu do celów biznesowych i szerszego wizerunku marki.

Celem Spacebase było uczynienie platformy rezerwacji online bardziej przystępną i ludzką. Głęboko zastanawiałem się nad relacją między salami konferencyjnymi a osobami, które z nich korzystają. Chcieliśmy uchwycić przesłanie marki, jakim jest wychodzenie ze zwykłych przestrzeni roboczych do nowych i ekscytujących, w płynny, wygodny i wspierający sposób. Projekty musiały być przyjazne, nowoczesne i proste.

Organizuj inspiracje

Tablica nastrojów jest niezbędna do radzenia sobie z otrzymywanymi informacjami i porządkowania pomysłów. Zbieraj obrazy od konkurentów lub firm działających w terenie o cechach podobnych do zamierzonego celu, a następnie skompiluj je w zasób. Patrząc na to, co inspiruje, możesz być przewodnikiem po ogólnym tonie, który chcesz osiągnąć i zasugerować drogę do pierwszej iteracji. Jest to również przydatny materiał do pokazania interesariuszom, ponieważ daje im poczucie kierunku, w jakim będą podążać ilustracje przed rozpoczęciem pracy nad tworzeniem koncepcji.

Niektóre z ilustracji marki, które mnie zainspirowały. (duży podgląd)

W przypadku projektu bazy kosmicznej szczególnie zainspirowały mnie ilustracje Airbnb, IBM i Shopify. Prosty projekt ludzi i przestrzeni naprawdę się dla mnie wyróżniał i interesowało mnie, w jaki sposób stonowane palety kolorów utrzymują skupienie ilustracji, bez przytłaczania elementów obrazkowych. Dają wrażenie spokoju, ciepła i inkluzywności.

Tworzenie koncepcji

Po badaniach i moodboardingu zaczynam szkicować w programie Adobe Illustrator. Czasami używam tabletu Wacom, ale głównie trzymam się myszy za pomocą narzędzia Pióro. Używam kształtów do tworzenia podstawowej struktury i używam narzędzia Pióro, aby dodać szczegóły i uwydatnić podstawowy kontur.

Rysowanie na ekranie. (duży podgląd)

Pamiętaj, że obrazy, które projektujesz, powinny być spójne, tworząc jednolity system, a nie samodzielne sceny. Więc nawet jeśli jest to pierwsza iteracja — postaraj się nadać ilustracjom charakterystyczny smak, który będziesz mógł powielać w różnych projektach w przyszłości. Może to nie nastąpić na początku, ale poczuj swoją drogę do wewnętrznej logiki ilustracji brandingowych i staraj się być z nią spójny w swoich decyzjach.

W ilustracjach bazy kosmicznej skupiliśmy się na ludzkich postaciach i schemacie kolorów, aby zachować zgodność obrazów z innymi elementami wizualnego brandingu.

Ewolucja banera e-mail do potwierdzeń rezerwacji. (duży podgląd)

Zacząłem rysować ludzkie postacie od podstawowych konturów, aby wyczuć emocje, które będą reprezentować i jak będą zamieszkiwać wewnętrzne przestrzenie. Chciałem, aby płynne linie nadawały im dynamiczny profil i sugerowały ruch. Chciałem też uniknąć wszystkiego, co wyglądało na zbyt ciężkie — słowa kluczowe to lekkie i przyjazne. Różnorodność też była dla mnie ważna, ponieważ Spacebase to firma międzynarodowa i zawsze chcę, aby widzowie ilustracji zobaczyli siebie.

Oprócz postaci ludzkich chciałem, aby obiekty i otoczenie miały odrębny styl — abstrakcyjny, futurystyczny i nowatorski w projektowaniu. Chcieliśmy pokazać wnętrza jasne, piękne, angażujące użytkowników w dynamikę przestrzenną, z przedmiotami sugerującymi wyidealizowane środowisko pracy zawodowej. Jednocześnie nie miały one odwracać uwagi. Spacebase to przede wszystkim inspirujące sale konferencyjne, ale ich marka to bardziej ludzie, którzy z nich korzystają. Zajęło to wiele iteracji, aby uzyskać właściwe rozwiązanie.

Odkrywanie różnych linii i palet kolorów. (duży podgląd)

Po dopracowaniu szkiców pomyślałem o kolorystyce. Kolory są mocne i wywołują natychmiastowe reakcje — dlatego zależało mi, aby nie przytłaczać ilustracji. Chciałem, aby subtelne odcienie uwydatniały i uzupełniały sceny. Kolorystyka powinna również odzwierciedlać osobowość marki i współgrać z innymi jej elementami wizualnymi. W przypadku schematu kolorów Spacebase ważne było odejście od monochromatyczności i trzymanie się z dala od ponurych kolorów, które zwykle kojarzą się z salami konferencyjnymi. Ich głównym kolorem brandingowym jest pomarańczowy, więc zrównoważyłem to chłodniejszymi pastelowymi tonami: fioletem, błękitem nieba, szarością i musztardowym żółtym.

Opinia

Po pierwszej iteracji uzyskaj wszystkie możliwe opinie.

Najwyraźniej musisz porozmawiać z głównym interesariuszem o jego zdanie na temat twojego projektu. Ale spróbuj też zasięgnąć opinii użytkowników lub współpracowników, jeśli takowe masz — zwłaszcza osób, które nie zajmują się projektowaniem. Ich odpowiedzi mogą poprowadzić Cię do kolejnych kroków, które powinieneś podjąć, aby ulepszyć ilustracje. Projektuj z myślą o rzeczywistych użytkownikach docelowych, a nie o wyimaginowanych potrzebach.

Ogólnie wolę słyszeć o frustracjach ludzi, gdy słyszą pochwały. Wyróżnienia są ładne, ale niezbyt przydatne. Poznanie bolączek użytkowników (lub czegoś, co nie ma dla nich sensu wizualnie), wskazuje, na czym należy skupić swoją uwagę. Nawet jeśli nie zgadzają się z Twoimi własnymi pomysłami, interesariusze i ich użytkownicy muszą pokochać projekt. Dobry projekt leży w oku użytkownika.

Jedną z ilustracji, z którą najbardziej się zmagałam w Spacebase, był baner do anulowania e-maili. Klienci otrzymują je albo po anulowaniu własnej rezerwacji, albo gdy Spacebase musiał ją anulować.

Nikt nie lubi złych wiadomości, dlatego chciałem, aby projekt podzielił ich rozczarowanie i zasugerował sympatię i zrozumienie. Wczesne wersje były jednak zbyt ciężkie. Koledzy powiedzieli, że czułem się jak koniec świata, że ​​wydano jakiś drastyczny osąd. Przejście w innym kierunku zajęło dużo czasu (i wiele iteracji).

Projekt anulowania rezerwacji wymagał wielu iteracji. (duży podgląd)

W końcu całkowicie usunęliśmy postacie ludzkie. Był to sposób na uniknięcie zbytniego naładowania emocjonalnego ilustracji i nadanie jej bardziej neutralnego charakteru. Najnowsza iteracja minimalizuje dramat — potwierdza problem za pomocą pół-abstrakcyjnych reprezentacji ekranów, ale także wskazuje na przyszłość poza anulowaniem.

Bibliotekę referencyjną

Podczas tworzenia ilustracji warto zbudować bibliotekę różnych elementów, z których już korzystałeś. Oznacza to, że możesz odwołać się do nich w przyszłości i upewnić się, że utrzymasz styl i będziesz czuć się spójny na różnych ilustracjach. Utrzymanie spójności ilustracji jest kluczem do ogólnej skuteczności systemu w dłuższej perspektywie.

Biblioteka obrazów dla postaci ludzkich. (duży podgląd)
Biblioteka obrazów dla obiektów. (duży podgląd)

Powtarzać

Przygotuj się na wielokrotne przechodzenie przez ten proces.

Przeszliśmy przez wiele etapów, aby dojść do końcowych iteracji. (duży podgląd)

Ciągła iteracja jest najważniejszą częścią tworzenia udanej identyfikacji wizualnej. Kontynuuj tworzenie nowych wersji, uzyskiwanie opinii i szkicowanie nowych iteracji. Wszystko jest prototypem i musisz być otwarty na poprawki, aby Twój branding był jak najbardziej powiązany z użytkownikami . Na bieżąco informuj i angażuj interesariuszy oraz bądź gotowy na nieoczekiwane zmiany — projektowanie to także podróż, a każdy krok przybliża Cię do wyjątkowego rezultatu.

Dopóki zagłębisz się w badania i informacje zwrotne, będziesz zmierzać we właściwym kierunku. To jest najbardziej satysfakcjonujące w projektowaniu — motywuje mnie ciągły proces i kiedy czuję, że ciągle coś ulepszam, cieszę się, że robię to, co robię.

Ilustracje brandingowe Spacebase pomogły utrwalić tożsamość marki. (duży podgląd)