Ilustracja

Przegląd

Ilustracje już na pierwszy rzut oka przekazują znaczenie, upraszczając złożone idee i zwiększając poziom zrozumienia u użytkownika poprzez wizualną opowieść. Wypełniają lukę między pojęciami technicznymi a zrozumieniem ze strony użytkowników, sprawiając, że abstrakcyjne pomysły są bardziej namacalne i angażujące.

W przypadku produktów i usług Cloudflare ilustracje przyciągają uwagę, rozbudzają ciekawość i skutecznie kierują działaniami użytkowników. Przekształcają niematerialne koncepcje w zrozumiałe treści wizualne, do których można się odnieść, poprawiając przejrzystość i dostępność.

Podstawowe zasady

Prosty i przejrzysty

Skoncentruj się na tym, co najważniejsze. Zmniejsz niepotrzebne szczegóły, aby znaczące elementy się wyróżniały. Używaj czystych linii, prostych kształtów i minimalnej palety kolorów, aby zachować łatwość interpretacji wizualnej.

Ilustracja dotycząca marki — pokaż zamiast opowiadać

Pokaż, nie opowiadaj

Użyj metafor i analogii, aby przedstawić złożone idee. Ilustracja powinna pomóc widzowi szybko zrozumieć pojęcie, bez konieczności dużej ilości tekstu.

Ilustracja marki — Spójność jest kluczowa

Konsekwencja to podstawa

Ściśle przestrzegaj palety kolorów, typografii i grubości linii marki Cloudflare oraz korzystaj z ikonicznych obrazów z naszej biblioteki. Dzięki temu wszystkie ilustracje stanowią spójną część języka wizualnego naszej marki.

Zapewnij skalowalność

Małe rozmiary ilustracji powinny być czytelne i efektywne, tak samo jak duże.

Bądź dostępny

Projektuj z myślą o dostępności. Zadbaj o wyraźne linie, kształty i kolory, używając wzorów i etykiet w celu rozróżnienia elementów, szczególnie jeśli pełnią różne funkcje. Zapewnij kontrast między kolorami oraz alternatywne opisy tekstowe dla wszystkich ilustracji, które nie mają charakteru dekoracyjnego, aby były zrozumiałe dla osób korzystających z czytników ekranu.

Dbaj o osobowość marki

Używamy ilustracji, aby wyrazić wyjątkowy charakter naszej marki. Ilustracje powinny być nie tylko przejrzyste, ale także natychmiast rozpoznawalne jako nasze. Przyjmij nasz charakterystyczny język wizualny i wprowadź naszą unikalną paletę kolorów, poczucie humoru oraz wyróżniające nas cechy do każdego elementu.

Styl i kompozycja

Ludzie i osobowość

Różnorodność jest integralną częścią tego, jak przedstawiamy ludzi w Cloudflare. Aby nadać charakteru naszym ilustracjom i zaprezentować różnorodność naszych pracowników i klientów, powinniśmy używać różnych cech, odcieni skóry, fryzur i ubrań.

Pobierz wytyczne dotyczące przedstawiania ludzi

2-D i izometryczne

Choć styl jest głównie dwuwymiarowy, niektóre ilustracje wykorzystują subtelne gradienty i cieniowanie, aby stworzyć poczucie głębi i wymiaru. Dzięki temu nie wyglądają na zbyt uproszczone. W niektórych przypadkach znaczenie lepiej oddają ilustracje izometryczne.

Nie

Nie stosuj nadmiernie skomplikowanych elementów wizualnych za pomocą zbędnych elementów, które mogą dezorientować lub rozpraszać użytkowników.

Nie wprowadzaj niepowiązanych stylów ani schematów kolorów, ponieważ może to wprowadzać zamieszanie oraz zmniejszyć rozpoznawalność i zaufanie do marki.

Nie używaj banalnych i nadużywanych obrazów pozbawionych oryginalności. Jest tak wiele rzeczy, które sprawiają, że oferta Cloudflare jest wyjątkowa. Skoncentruj się na zróżnicowaniu.

Nie prezentuj użytkowników ani środowisk w jednorodny sposób. Staraj się przedstawiać różnych użytkowników, gdy tylko jest to możliwe. Nie utrwalaj stereotypów, uprzedzeń ani błędnych wyobrażeń, które prowadzą do uprzedzeń kulturowych.

Paleta kolorów

Paleta kolorów w naszym stylu ilustracji jest częścią marki Cloudflare. Przede wszystkim dominują w nim odcienie mandarynki, mango, rubinu z malinami i wiśni, tworząc poczucie ciepła i optymizmu. Całość uzupełnia atrakcyjny zestaw kolorów, w tym jeżynowy, fioletowy, jasnoszary i jasnoniebieski, które zapewniają równowagę i kontrast. Biel jest używana jako podstawowy neutralny kolor, nadając ilustracjom czysty, nowoczesny wygląd. Całkowity efekt jest profesjonalny, godny zaufania i subtelnie energetyczny.

Na ilustracjach dotyczących marki kolory czerwony i zielony zostały użyte celowo. Kolor czerwony oznacza wyraźne niebezpieczeństwo lub zagrożenie, co skutecznie sygnalizuje cyberataki, naruszenia bezpieczeństwa lub nieudane działania. I odwrotnie, zielony symbolizuje bezpieczeństwo, sukces i ochronę, ilustrując bezpieczne połączenia, skuteczną obronę lub ukończone działanie. Spójne stosowanie tych kolorów we wszystkich naszych elementach wizualnych zapewnia ujednolicone i intuicyjne doświadczenia dla naszych klientów, pomagając im szybko zrozumieć stan bezpieczeństwa.