Ilustrowanie Internetu: dekonstrukcja trendu
Ilustracje przejmują sieć. Projektanci tworzą strony internetowe zawierające wszystko, od pełnoekranowych ilustracji po ręcznie rysowane elementy divots, które są używane w projektach. Jest to trend, który prawdopodobnie będzie nadal rósł, ponieważ ilustracje sprawiają, że design wydaje się niestandardowy (nawet jeśli nie jest).
Oto jak najlepiej wykorzystać je w swoim projekcie.
Ilustracja strony 101
Ilustracje są wszechstronnym i zabawnym sposobem tworzenia niestandardowego projektu strony internetowej. Od ręcznie rysowanych obrazów, po elementy, po napisy, wszystko, co dotyczy w pełni ilustrowanego lub naszkicowanego obrazu, wygląda i jest jedyne w swoim rodzaju. To jeden z powodów, dla których jest tak popularny.
Ale istnieje wiele innych powodów, dla których projektanci przeskakują na ilustracji:
- Ilustracje pozwalają użytkownikom na zobrazowanie siebie w scenerii, którą ustawiasz, ponieważ nie koncentruje się na rzeczywistych innych ludziach.
- Jest element kaprysu, który można osiągnąć tylko za pomocą rysunku.
- Ilustracje mogą urozmaicać rzeczywistość i wyobraźnię, tworząc wyjątkowy projekt.
- Personalizacja jest łatwa, gdy rysujesz elementy sztuki.
- Ilustracje często są dość kolorowe i mogą pomóc ci skorzystać z dużego, jasnego trendu kolorystycznego.
- Technika ta jest użyteczna, nawet jeśli nie jesteś ilustratorem dzięki zestawom projektowym lub paczkom, które są pełne ilustrowanych części, które mogą być używane w całym projekcie.
- Ilustracje mogą przybierać wiele różnych nastrojów i stylów, od szkiców, poprzez rozbudowane rysunki, aż po grafikę generowaną komputerowo.
Ilustracje w stylu bohaterów
Ponieważ nagłówki bohaterów są duże, jest to jedno z najłatwiejszych miejsc do zobaczenia trendu ilustracyjnego. Jest również używany w przypadku dużej liczby witryn od portfeli, przez detal do stron podglądu aplikacji.
W graficznym obrazie bohatera miłe jest to, że jest wystarczająco dużo miejsca na dość skomplikowane dzieło sztuki. Drobne szczegóły, cieniowanie, kolor i interakcje mają miejsce do oddychania, co ułatwia użytkownikom eksplorację każdego elementu.
Jest kilka sztuczek do tego całego kompleksu ilustrujących:
- Dzieło musi być dobre. Użytkownicy nie będą poświęcać czasu na przeglądanie ilustracji, której nie dostają lub są po prostu niechlujstwem. Więc poświęć temu czas i opiekę.
- Chociaż ilustracja może mieć głębię złożoności, ogólny komunikat powinien być prosty. Dowiedz się, co obraz ma powiedzieć i upewnij się, że elementy przyczyniają się do wiadomości.
- Pracuj z profesjonalistą. To, że możesz narysować serduszka na serwetce, nie oznacza, że jesteś gotowy do narysowania pełnowymiarowej ilustracji strony internetowej. Ten proces wymaga czasu i planowania, aby naprawdę zadziałać. (Może to być kosztowne, więc przed nurkowaniem upewnij się, że jest to odpowiednia estetyka).
Dodaj prostą animację
O ile statyczny rysunek może wywierać znaczny wpływ na siebie, w dzisiejszych czasach ruch internetowy jest żywy. Połącz ilustrację z subtelnymi animacjami lub efektami przewijania, aby zachęcić użytkowników do klikania.
Małe subtelne ruchy, takie jak wirujący tekst na stronie internetowej Hugo , pomaga przyciągnąć wzrok do projektu. Małe animacje mogą również pomóc użytkownikom w zrozumieniu, jakie działania należy wykonać podczas odwiedzania witryny. Może to być szczególnie prawdziwe w przypadku ilustracji, które zawierają wiele elementów lub mają ogólny "zajęty" projekt.
Te małe niespodzianki mogą zachęcić odwiedzających witrynę do dłuższego przebywania i rozglądania się. Animacje po animacji są szczególnie miłym dodatkiem dla użytkowników, którzy mogą służyć zarówno jako zabawny element, jak i narzędzie nawigacyjne.
Ilustrowane ikony lub elementy interfejsu użytkownika
Jeśli całkowity ilustrowany projekt strony internetowej nie jest twoim pomysłem, rozważ kilka ilustrowanych ikon lub elementów interfejsu użytkownika. Jest to prosty sposób na złagodzenie trendu. (Istnieje wiele zestawów ikon i interfejsów użytkownika, które zawierają ilustrowane style, które ułatwiają rozpoczęcie pracy).
Zilustrowane elementy mogą dodać odrobinę fantazji do strony, która w przeciwnym razie mogłaby być zbyt formalna. Coś do wypróbowania to ilustrowana ikona konspektu. Ten styl jest łatwy do upuszczenia w prawie każdym projekcie, świetnie współpracuje z obrazami i dowolnym schematem kolorów oraz zapewnia spójny motyw wizualny od strony do strony.
Jeśli chcesz pójść o krok dalej niż ikony, pomyśl o zbyt dużych elementach interfejsu użytkownika. Iqor , używa ilustrowanych przycisków w większych rozmiarach, aby poprowadzić użytkowników i sprawić, że strona będzie trochę bardziej zabawna. Zilustrowany styl przepływa od strony do strony z dużymi elementami, używając tych samych trzech wyskakujących kolorów. Rezultat jest zabawny i spójny, a po prostu trochę nieoczekiwany w branży obsługi klienta.
Ręcznie rysowane napis
Kolejnym wielkim trendem w projektowaniu strony jest niestandardowa typografia. Łącz koncepcje ilustracji i napisów dla ręcznie rysowanego logo, głównego bloku tekstu lub elementu sztuki typograficznej. Ten tekstowy obraz może mieć duży wpływ (szczególnie, gdy jest przewymiarowany lub używany jako główny element sztuki w projekcie).
Sztuką jest tu umiar. Z ręcznie rysowanym stylem literowym, chcesz trzymać się pojedynczego bloku tekstu lub elementu tekstowego dla tego efektu. Wielokrotne użycie niestandardowego bloku tekstu może być przytłaczające dla użytkowników i może wpłynąć na czytelność. Ważne jest, aby upewnić się, że słowa są nadal dość jasne i że użytkownicy nie mają problemów ze zrozumieniem wiadomości.
Obie Dzień śmierci i Wstańcie na raka wykonuj świetną robotę z ręcznym napisaniem prostego komunikatu. Day of the Dead wykorzystuje inne ilustracje, typografię easy sans serif i zdjęcia, które pomagają użytkownikom przejść przez resztę strony. Efekt końcowy jest zabawny i łatwy do naśladowania. Stand up to Cancer używa więcej stylu akwareli, który jest oparty na ilustracjach, ale opiera się na bardziej standardowych krojach do czytelności. Oba są dobrym rozwiązaniem do pracy z napisami w stylu niestandardowym.
Wniosek
Chociaż wstęp na świat projektów ilustracji dla projektów stron internetowych może początkowo wydawać się nieco onieśmielający, jest to coś, co może zrobić wielu projektantów. Od rysowania ręcznego do pomocy komputerowej lub pracy z zestawem, opcje są dość nieograniczone.
To coś, o czym warto pomyśleć, jeśli chodzi o te projekty, które wymagają czegoś innego. Jest na tyle modny, że możesz zostać poproszony o stworzenie czegoś w tym stylu. Jest to więc dobry moment, aby odświeżyć umiejętności szkicowania i zastanowić się nad tym, jak może wyglądać struktura ilustrowanego projektu strony internetowej.