Wizualny okres przydatności do spożycia — dlaczego ilustracje do projektowania stron internetowych stają się nieaktualne
Opublikowany: 2022-03-11Ilustracja to dynamiczna i zróżnicowana forma komunikacji wizualnej. Jako dyscyplina projektowa łączy w sobie klarowność przekazu projektu graficznego i ekspresyjną zdolność sztuk pięknych. W szczytowym momencie ilustracja robi coś, czego fotografia nie potrafi. Przedstawia to, co znane z perspektywy nieosiągalnej ludzkimi oczami.
Niedawny napływ marek korzystających z ilustracji online to jedna z najlepszych rzeczy, jakie mogą przytrafić się sieci od dłuższego czasu. Wprowadziła dynamikę, humor i jasność do szeregu propozycji biznesowych i pozwoliła firmom na bardziej przejrzyste opowiadanie swoich historii.
Pomimo pozytywów są problemy. W istocie ilustracja jest narzędziem do opowiadania historii, ale wraz ze wzrostem popularności skłania się ku obowiązkowi. Mamy stronę internetową, dlatego musimy mieć ilustracje .
Pozbawiona strategicznej wizji ilustracja jest zdobnictwem, antytezą oryginalności. Historia zostaje odrzucona, wyobraźnia porzucona. Poszczególne strony internetowe tracą na wyróżnieniu, a wszystkie ilustrowane produkty i usługi zlewają się ze sobą.
Elegancko ubrany pracownik siedzi przy schludnym biurku, korzystając z abstrakcyjnego interfejsu, który łączy się ze światem rzeczywistym, gdy teksty i e-maile przelatują papierowymi samolotami, które lądują na kotu drzemiącym obok liściastej rośliny, która przedstawia osobę ćwiczącą jogę podczas picia kombuchy i przeglądania aplikacja, z której wyłania się gigantyczna ręka, która podpisuje umowę za pomocą przerośniętego pióra wiecznego .
Na pewno to widziałeś.
Jest czterech winowajców, którzy zagrażają długoterminowej rentowności ilustracji w sieci.
Winowajca 1: Wyobraźnia nie jest sprytna
Pochodzenie
Ilustracja ma bogatą historię podżegania. Od setek lat jest używany jako forma komentarza społecznego. Czemu? Ponieważ w przejmujący sposób wyjaśnia złożoną naturę ludzkich spraw. Kiedy ludzie są sprzeczni, kiedy doświadczenia są zagmatwane, ilustracja czyni to oczywistym — w mgnieniu oka.
Celem ilustracji nie jest samo w sobie kontrowersje. Celem jest raczej skłonienie ludzi do zatrzymania się i zastanowienia nad punktem widzenia, nawet jeśli jest on sprzeczny z ich własnym. W najlepszym razie ilustracja to najważniejszy moment.
Problem
Dzisiejsze zapotrzebowanie na treści wizualne pozbawiło wiele możliwości wyjaśniania współczesnej ilustracji internetowej. Online ilustracja rzadko podnieca; głównie instruuje lub upiększa.
Na wielu stronach internetowych ilustracje są wizualną reprezentacją tekstu, z którym są sparowane. Wypróbuj naszą wyjątkową funkcję planowania! [Wstaw jednowierszową ilustrację kalendarza]
Lub przedstawiają ludzi żyjących według scenariuszy „najlepszego życia” dzięki zakupionym produktom i usługom. Wypróbuj naszą wyjątkową funkcję planowania! [Wstaw ilustrację przedstawiającą faceta pijącego kawę z laptopa, który przybija piątkę z kalendarzem z buźką]
Żadne z tych podejść nie jest wystarczająco skuteczne, aby zapobiec utracie przez ilustracje na stronach internetowych stylu opowiadania.
Lekarstwo
Niektóre koncepcje są trudne do zilustrowania. Istnieją produkty i usługi, które nie są ekscytujące ani nie są łatwo powiązane z ludzkimi doświadczeniami. Tutaj ilustratorzy muszą sięgnąć głębiej podczas tworzenia koncepcji. Aby odkryć najciekawsze punkty tematu, poznaj jego ciemną stronę.
- Jakie są największe bolączki i dlaczego istnieją?
- Kto jest najbardziej dotknięty finansowo, zawodowo lub emocjonalnie?
- Czy wśród firm, klientów lub ekspertów panują sprzeczne lub kontrowersyjne poglądy?
Takie pytania działają w przypadku większości towarów sprzedawanych online. Jako ilustratorzy często mamy za zadanie pokazać dobro, ale jeśli nie zrozumiemy zła, sięgniemy po zmęczone tropy. W rzeczywistości ta dodatnia/ujemna równowaga jest kluczowym aspektem opowiadania historii. Bez dołków, przykładowe wzloty tracą swój wpływ.
Dobra robota: Wielki kartel
Culprit 2: Nowość w szalonej imitacji ruin
Pochodzenie
Imitacja i kreatywność nie są diametralnie przeciwstawne. Od najwcześniejszych cywilizacji świata artyści i projektanci kultywowali kreatywność poprzez mimikę. Zniewalający styl przyciąga wzrok. Badamy go, dekonstruujemy i zbieramy jego technikę, aby ulepszyć naszą własną pracę. To jest wzrost.
W idealnym świecie naśladownictwo ograniczałoby się do uczenia się i komentowania. Skopiowane style byłyby przekształcane, zarówno wizualnie, jak i koncepcyjnie. Rzadko to działa w ten sposób.
Problem
Imitacja odrzuca ewolucję. Kiedy spotykamy popularny styl i przywiązujemy się do jego orbity, jesteśmy jak uczniowie starego świata ze złowrogim akcentem. Przywłaszczamy sobie atrybuty stylistyczne ilustratorów, za którymi „śledzimy” i promujemy rezultaty jako własne.
Marki są współwinne. Firma X chce ilustracyjnego stylu firmy Y, więc zamawia podróbkę. Dzieje się to w kółko, miejsce po miejscu, każda iteracja wprowadza nowe warstwy entropii. W końcu cała branża wykorzystuje paradę zdegenerowanych klonów, takich jak Michael Keaton w Multiplicity .
Nie szukaj dalej niż dominujący styl ilustracji w krajobrazie SaaS. Jest zawstydzająco jednorodny.
Lekarstwo
Istnieje niezliczona ilość ścieżek, których nie można naśladować. Żadna nie wymaga twórczego geniuszu ani wykluczenia inspiracji z zewnątrz. Wręcz przeciwnie; ilustratorzy potrzebują dużo kontaktu z materiałem referencyjnym. Im więcej widzimy i przechowujemy, tym więcej możemy reinterpretować. Możliwych jest szereg ćwiczeń eksploracyjnych:
- Historia mashup . Ponownie wyobraź sobie inspirujący styl ilustracji oczami utalentowanego artysty.
- Szybkie przerysowanie . Ostrożnie narysuj obiekt, odwołując się do stylu innego ilustratora. Następnie szybko przerysuj ten sam obiekt 7-10 razy bez stylu odniesienia i uwzględnij pojawiające się dziwactwa.
- Dodaj regułę . Utwórz wiązanie, które ma wpływ na proces ilustracji. Na przykład: mogę rysować tylko linie proste. Mogą mieć dowolną długość lub kąt, ale muszą być proste.
- Przełącznik narzędzi . Naśladuj styl ilustracji za pomocą narzędzia do rysowania, które nie nadaje się do tego zadania. Na przykład, jeśli styl opiera się na precyzyjnych rysunkach, odtwórz go za pomocą tuszu i miękkiego pędzla.
- Ślepa interpretacja . Stwórz zbiór 3-4 przekonujących stylów ilustracji i poproś kolegę o opisanie jednego z nich na piśmie. Odrzuć wszystkie oryginalne style referencyjne i wykorzystaj pisemny opis, aby poinformować o kreatywnych wyborach.
Dobrze wykonana praca: Toggl

Winna 3: Systemy ilustrujące starzeją się i sztywnieją
Pochodzenie
Nastała era obsesji na punkcie projektowania, która wynika z potrzeby utrzymywania spójnych doświadczeń w wielu punktach styku z marką. Nie żeby systemy projektowania były nowe. Systemy wydawnicze istnieją od ponad wieku, ale myślenie systemowe jest naglące, biorąc pod uwagę liczbę kanałów cyfrowych, z których korzystają obecnie marki.
Podobnie marki od dziesięcioleci stosują różne style ilustracji, ale współczesne systemy projektowania wprowadziły nową kwestię: w jaki sposób możemy usystematyzować nasz styl ilustracji?
Kolory, tekstury, proporcje i typy sylwetki są dokładnie zdefiniowane. Wyniki są prezentowane z wielkimi fanfarami. Czas ujawnił wadę.
Problem
Ilustracja i projekt interfejsu to nie to samo. Kiedy system projektowy określa styl interfejsu, rezultatem jest błoga spójność, która ukierunkowuje użytkowników w ich cyfrowym otoczeniu. Architektura informacji jest punktem zwrotnym. Nawigacja to nawyk. Ale systemowy styl ilustracyjny tłumi impuls twórczy — ten nagły zapłon nowych pomysłów gorączkowo uchwyconych i udoskonalonych.
Nie chodzi o to, że systemy są z natury złe. Gdy systemy działają w oparciu o koncepcje obrazu, ilustratorzy mogą rzeczywiście uznać ograniczenia za wyzwalające. Ale kiedy obrazy są pojmowane przez pryzmat systemu, idee słabną, gdy ilustratorzy spoczywają w fałszywej pewności spójności: pasuje do systemu, więc działa!
Stopniowo więcej wysiłku kieruje się na utrzymanie systemu. Grubości linii i artykuły odzieżowe są nadrzędne w stosunku do przekonujących koncepcji. Wreszcie słabnie styl i umiejętność opowiadania historii w ilustracjach.
Lekarstwo
Ilustracja oddaje złożoność ludzkiej pomysłowości i emocji. Zachęca osoby z zewnątrz do doceniania doświadczeń, do których mogą nie być przyzwyczajeni. Zdolność ilustracji do bycia nośnikiem tożsamości marki jest drugorzędna. Nie wolno ich odwracać.
Aby obrazy nie sztywniały, buduj systemy ilustracyjne na zasadach tematycznych. Głos i wartości marki są nie tylko źródłem decyzji stylistycznych. Są to strategie opowiadania historii, które można oglądać, interpretować i ponownie opowiedzieć z wielu perspektyw — klienta, firmy i konkurencji.
Istnieją praktyczne kroki, które kierują rozwojem i długoterminową trafnością systemów ilustracyjnych:
- Nie przejmuj się zasadami i szczegółami, których przeciętny widz nie zauważy.
- Unikaj egzekwowania wytycznych systemowych w sposób podważający twórczą intuicję.
- Nie blokuj systemów w tej samej palecie kolorów, co marki, które reprezentują.
- Od czasu do czasu łam system i rzucaj wyzwanie widzom, zapraszając zewnętrznych ilustratorów do wniesienia własnych, niepowtarzalnych stylów.
- Zaplanuj ewolucję systemu i pozwól na stopniowe eksperymentowanie — nawet jeśli obecny styl jest dobrze odbierany.
Dobra robota: Notion.so
Winna 4: Ilustracje stockowe są nadużywane
Pochodzenie
Wiele firm wymaga ogromnych ilości treści wizualnych na swoich stronach internetowych, ale ograniczenia czasowe i budżetowe ograniczają liczbę niestandardowych grafik, które można zlecić. Aby zaspokoić tę potrzebę, firmy zwracają się do serwisów magazynowych, w których kupują tematyczne zestawy ilustracji.
Niestety, rzadko można znaleźć ilustracje stockowe, które są oryginalne, wysokiej jakości i niewystarczająco wykorzystane (nie wspominając o marce).
Problem
W świecie ilustracji giełdowych pojawił się niepokojący trend. W tym, co można opisać tylko jako nietrafiony hołd dla ery clipartów, istnieją teraz witryny z ilustracjami typu mix-and-match, które natychmiast generują „niestandardowe” obrazy, umożliwiając użytkownikom definiowanie zmiennych, takich jak płeć, odcień skóry i ubiór. Powstałe ilustracje są plamą na wiarygodności twórczej firm, które z nich korzystają.
Lekarstwo
W przypadku firm o ograniczonych zasobach istnieją dwa sposoby na obejście fałszywej atmosfery związanej z obrazami giełdowymi. Pierwsza może być niespodzianką. Obejmij całym sercem ilustracje stockowe. Idź na całość. Korzystaj z obrazów bez rezerwacji, ale znajdź sposoby na ich dostosowanie. W jaki sposób?
- Mieszaj i dopasowuj różne style magazynowe za pomocą cyfrowego kolażu.
- Połącz ilustracje stockowe z fotografiami (nawet fotografiami).
- Nakładaj ręcznie rysowane elementy, takie jak znaki Sharpie lub pociągnięcia farby.
- Twórz obrysy cyfrowo zniekształconych i zniekształconych próbek giełdowych.
- Konwertuj zapasy na skalę szarości i nasycaj kolory firmowe cyfrowo rysowaną grafiką.
Drugim sposobem na uniknięcie zapasów podczas pracy nad budżetem jest ustalenie priorytetów, które ilustracje są najbardziej potrzebne i zamówienie małego zestawu. Może oznacza to zlecenie pięciu ilustracji na stronie głównej. W krótkim okresie zapewnią efekt wizualny, a później można je wykorzystać do stworzenia większego zestawu ilustracji dla innych kanałów.
Dobrze wykonana praca: Bloomberg Businessweek
Twórz ilustracje do projektowania stron internetowych z celem
W Internecie ilustracja sprawia, że usługi są bardziej powiązane, a produkty bardziej pożądane. Wzmacnia narrację marki i pomaga odwiedzającym witrynę zrozumieć niekończące się strumienie informacji, z którymi spotykają się na co dzień. Ale samo posiadanie ilustracji na stronie internetowej nie wystarczy.
Ilustracje, które nie wykraczają poza przedstawienie odpowiadającego tekstu w skali 1:1, są zmarnowaną szansą na zaangażowanie. Podobnie, ilustracje mają niewielką wartość, które można by pomylić jako należące do jednej z setek innych marek.
Ilustracje muszą urzekać widzów wyjątkowym punktem widzenia — stylistycznie i koncepcyjnie. Nie muszą być skomplikowane, fotorealistyczne ani pełne kolorów, aby zostać zauważonym, ale muszą oświetlić coś interesującego na temat swoich tematów w sposób, w jaki nie mogą być słowa, zdjęcia i diagramy.
Ilustracja pozostanie. Jego zdolności komunikacyjne są zbyt przekonujące, by można je było odrzucić. Jednak dla firm i ilustratorów, którzy nie potrafią wykorzystać potencjału ekspresji ilustracji, jej wartość okaże się ulotna.
• • •
Dalsza lektura na blogu Toptal Design:
- Ilustracja marki 101: Wizualizacja narracji
- Przewodnik krok po kroku dotyczący projektowania niestandardowych ilustracji bez umiejętności rysowania
- Odkrywanie zasad projektowania Gestalt
- Retrospektywa trendów w projektowaniu UX 2019
- Zasady projektowania i ich znaczenie