5 porad dotyczących mieszania zdjęć i ilustracji w jednym projekcie
Gotowy podjąć ryzyko projektowe? Spróbuj połączyć zdjęcia i ilustracje w tym samym projekcie. Ręcznie rysowany element może dodać kaprysu i zainteresowania projektowi obejmującemu fotografię. I odwrotnie, zdjęcie może sprawić, że bardziej lekki projekt ilustrowany będzie bardziej realny lub ważny.
Ta technika może być trochę trudna do wyobrażenia, dopóki nie zobaczysz kilku przykładów, jak może ona pięknie działać. Dzisiaj patrzymy na ten trend i dostarczamy wskazówek i przykładów, które pomogą Ci opracować kreatywne sposoby wymyślania własnego projektu.
1. Użyj ilustracji jako akcentów interfejsu użytkownika
Możesz cały czas włączać do projektu ilustrowane elementy i nawet o tym nie myśleć. Wiele elementów interfejsu użytkownika jest często ilustrowanych w jakiś sposób. Niekoniecznie są w tym ręcznie rysowanym stylu, ale mają mniej dotykowy i bardziej przypominają „przycisk internetowy”.
Podnieś to, jeśli chcesz wypróbować efekt odręczny. Lub rozważ użycie szkicu jako znaku akcentu.
Powyżej WittyCookie wykorzystuje mieszankę ilustracji i wideo w stylu bohatera, aby wprowadzić użytkowników w projekt. Strona główna (niepokazana) zawiera ilustrację. To, co miłe, to element kaprysu. Ręcznie rysowane elementy „zawieszają się” na filmie. Rezultat sprawia, że strona nie wydaje się być miejscem sprzedaży współpracującym z agencją, a bardziej, jakbyś dobrze się bawił.
Pomysł jest interesujący i nie przytłaczający. A najlepsza część? To świetny sposób na wzbudzanie zainteresowania wizualnego, gdy nie masz ładnego katalogu zdjęć lub filmów do pracy.
2. Najpierw zilustruj
Jeśli ilustracja jest twoim pierwszym instynktem, jeśli chodzi o projekt, narysuj najpierw ten kontur. Naszkicuj ilustrowane części i zobacz, dokąd zmierza projekt, zanim dodasz elementy fotograficzne lub wideo.
Taką ścieżkę obrała konferencja Made by Few powyżej. Skomplikowane ilustracje w całym projekcie są imponujące i zawierają poziom szczegółowości, który każdy projektant może docenić. Tuż pod obrazem bohatera znajduje się pętla wideo ze scenami z konferencji. Tym małym, ale prawdziwym elementem jest pokazanie, że jest to wydarzenie na żywo. Połącz to z niesamowitymi zdjęciami i po prostu chcesz się zarejestrować, aby zobaczyć, o co w tym wszystkim chodzi. Atmosfera konferencji wygląda zabawnie i modnie dzięki ilustracyjnej parze wideo.
Jest też inna droga, gdy myślisz o rozpoczęciu od ilustracji. Narysuj niesamowity obraz tła dla projektu. To świetny sposób, aby uzyskać dokładnie to, czego chcesz w tle, bez przeszukiwania gotowych zdjęć.
Powyżej jeden Happy Camper robi to w ciekawy sposób, używając kombinacji ilustrowanych paneli tła, zwykłego białego tła, a nawet czarno-białego tła fotograficznego. Zmiany w tle skutecznie sygnalizują zmianę treści i nowe informacje dla użytkowników odwiedzających obóz dla dzieci.
3. Użyj ilustracji takich jak typografia
Jeśli nie masz dużo świetnych zdjęć do pracy, łącz ilustracje w taki sam sposób, w jaki możesz bawić się typografią. Chociaż koncepcja brzmi dziwnie, zastanów się przez chwilę: zgrabna ilustracja może podkreślić akcent wideo lub zdjęcia. Może wyróżnić to, co użytkownicy powinni wiedzieć.
Achrival, powyżej, robi to w ciekawy sposób. Ilustrowany „taniec” A służy jako logo agencji i zwraca większą uwagę na krótką pętlę wideo. Bez niego możesz po prostu ominąć obrazy bez zatrzymywania się. Ale jest na tyle inny, aby przyciągnąć cię w bardzo podobny sposób, jak w przypadku potężnego nagłówka.
4. Zastanów się nad ilustrowanymi animacjami
Niezależnie od tego, czy ilustracje są rysowane ręcznie, czy komputerowo, stanowią doskonałą okazję do włączenia prostej animacji. Animowana ilustracja może być informacyjna, nieoczekiwana i przyjemna - od narzędzi nawigacyjnych po zabawne dzielnice angażujące użytkowników.
Nie chcę przesadzać z animacjami. Utrzymuj je proste i celowe. Każda animacja powinna mieć cel dla użytkownika - link, wskazówkę kierunkową lub niespodziankę, która go zainteresuje.
Być może nie spodziewasz się tego traktowania od grupy planowania finansowego, ale Taylor Made, powyżej, pięknie wykorzystuje połączenie ilustrowanej animacji i fotografii. Zilustrowane części zdjęć sprawiły, że planowanie finansowe wydaje się nieco mniej zastraszające i pomaga prowadzić użytkowników przez ścieżki kliknięć.
Ilustracje również wypełniają się kolorami, gdy strona internetowa nie ma innych zdjęć, a końcowy efekt to spójny projekt, który jest zabawny, wciągający i łatwy w użyciu.
5. Opowiedz historię
Jeśli chodzi o mieszanie rzeczywistych i ilustrowanych obrazów, najlepsze kombinacje skutecznie opowiadają historię. Oprawa wizualna pasuje do nastroju treści i czuje się częścią tożsamości marki.
Korzystanie z tej techniki może działać w przypadku jednorazowych aplikacji, ale często jest zintegrowane z bardziej kompletną strategią marki. Spójrz na śmietankę stożka kwiatowego powyżej. Logo jest zilustrowane. Projekt strony internetowej wykorzystuje głównie ilustrowaną historię, aby ustawić odpowiedni nastrój i zachęcić użytkowników do dalszego poznawania marki. I właśnie wtedy, gdy chcesz, możesz wstawić puste pola. Projekt jest niewiarygodnie prosty i koncentruje się na samej historii, a nie na technikach jej tworzenia.
Na drugim końcu spektrum znajduje się Kuoz, strona z portfolio, z mieszanką zdjęć i ilustracji. Podobnie, mix pomaga opowiedzieć historię tego, kim i czym jest Kuoz, podczas prezentacji projektów. Przyjrzyj się zgrupowaniom, aby dowiedzieć się, dlaczego ten projekt działa, nie czując się przytłoczony ani zagracony. Obrazy i ilustracje są połączone podobnymi kolorami, dzięki czemu każde miejsce wydaje się celowe i harmonijne.
To naprawdę jest klucz do mieszania zdjęć i ilustracji: muszą wyglądać celowo. Muszą pojawić się w harmonii. Nigdy nie powinny wyglądać jak wiązka elementów utknięta na stronie.
Wniosek
Czy jesteś wystarczająco odważny, aby przyjąć ten trend w projektowaniu? Chociaż technika może wyglądać niesamowicie, jest on zastraszający i może być trudny do sprzedania klientowi.
Przynieś kilka przykładów pracy, która dobrze wykorzystuje efekty, aby pomóc innym pokazać, co możesz zrobić. Naszkicuj wcześniej niektóre ilustracje, aby pomóc w dalszej sprzedaży koncepcji projektu. I pamiętaj, aby opowiedzieć historię, która angażuje użytkownika!
