Trend projektowy: mieszanie realizmu i ilustracji
Pojawia się trend w projektowaniu stron internetowych, który w ciekawy sposób łączy prawdziwe obrazy z ilustracjami i elementami sztuki. I jest ekscentryczny, wyjątkowy i piękny!
To połączenie elementów wizualnych, które na pierwszy rzut oka wydają się nie pasować do siebie, ale po dobrym wykonaniu może stworzyć oszałamiającą estetykę, która jest bardzo wciągająca i zachwycająca.
W tym miejscu przyjrzymy się przykładom tego trendu projektowego oraz różnym sposobom łączenia realizmu i ilustracji w celu uzyskania maksymalnego efektu. Niektóre z nich mieszczą się w dość korporacyjnych projektach, a inne są całkowicie zabawne i zabawne. Jest to szeroka gama zastosowań całkowicie unikalnego i interesującego trendu.
Przeglądaj zasoby projektowe
Mieszanie elementów wizualnych w kartach
Greenhouse ma format bloga, w którym dla każdego bloku treści używane są karty. Wewnątrz kart znajdują się elementy wizualne - niektóre zdjęcia, niektóre ilustracje.
Rezultatem jest piękna mieszanka rodzajów treści i stylów wizualnych, dzięki którym strona jest świeża i interesująca. Odważne użycie kolorów w ilustrowanych blokach jest równie przyciągające wzrok, niemal zmuszając użytkowników do przewijania zawartości.
Działa, ponieważ ramy są proste, a mieszane elementy wydają się idealnie pasować, zapewniając jednocześnie duży kontrast dla zaangażowania.
Ilustrowane nakładki
Jednym z najłatwiejszych sposobów na pogodzenie realizmu z ilustracjami jest stworzenie ilustrowanej nakładki. Działa prawie dokładnie tak, jak użycie logo na zdjęciu.
Malai wykorzystuje tę technikę w projekcie podzielonego ekranu (również całkiem modny element). Ilustrowana nakładka pomaga połączyć obie strony projektu, tworząc wizualny przepływ i harmonię.
Ilustracja jest dość skomplikowana, ale jako element, który jest po prostu biały, wydaje się elegancki i nie przeszkadza w projektowaniu.
Efekty 3D
Więcej projektantów eksperymentuje na terytorium pomiędzy rzeczywistością a ilustracją. Trójwymiarowe elementy w całym projekcie Plink wyglądają realistycznie.
Ilustracje poruszają się w prawdziwy sposób i prawie trzeba dwukrotnie spojrzeć na dzieła sztuki, aby zobaczyć, że to nie jest obraz.
Ten styl jest coraz bardziej popularnym sposobem pokazania czegoś trudnego do sfotografowania lub w inny sposób zobrazowania elementów wizualnych, a animowane elementy pomagają w zwiększeniu możliwości interakcji z użytkownikiem.
Zdjęcia i ilustracje Obok siebie
Zdjęcia i ilustracje mogą być używane razem w ramkach w całym projekcie. W tym przykładzie trendu projektowego każdy rodzaj grafiki znajduje się w ramce lub pudełku „fotograficznym” i jest traktowany w ten sam sposób, niezależnie od tego, czy jest to zdjęcie, czy ilustracja.
Jest to bardzo podobne do powyższego przykładu karty, ale z innym akcentem.
Griflan dobrze wykorzystuje tę koncepcję, a nawet wykorzystuje więcej ilustracji niż zdjęć. Tworzy elastyczne ramy projektowania stron internetowych, w których obrazy i ilustracje mogą być szybko zmieniane bez całkowitego przeprojektowania.
Warstwy i ruch
Ilustracje nie zawsze są super oczywiste. Jako część logo lub w przypadku Be Grand ilustrowany element to fajny wskaźnik / kółko unoszące, które pozornie tańczą po ekranie - i obrazie.
Małe animacje łączą to wszystko w prosty projekt strony głównej.
Ilustracje „prawie”
Najpopularniejszą sztuczką przy projektowaniu stron internetowych jest użycie efektu glitchy z elementami, które przyciągają uwagę. Połącz to z ilustrowanym tłem, aby uzyskać efekt nie z tego świata.
Boda Borg właśnie to robi, wykorzystując dwa zdjęcia rodziny, które „kłębią się” w tę iz powrotem nad ilustracją tematyczną. Jest zabawny i lekki i zdecydowanie sprawia, że patrzysz na projekt.
Warstwy tła i pierwszego planu
Mieszanie zdjęć i ilustracji może być tak proste, jak nakładanie warstw.
Canneseries używa zdjęcia trofeum, które wygląda prawie jak ilustracja z ilustrowanymi elementami w tle i ikonami z podobnymi ilustracjami.
Trudno powiedzieć różnicę między elementami rzeczywistymi a ilustrowanymi, co jest zupełnie w porządku w przypadku tego rodzaju schematów projektowych.
Prosta ilustracja z obrazami
Łączenie zdjęć i ilustracji może być proste. Elementy powinny być zaprojektowane w taki sposób, aby pomóc użytkownikom przyciągnąć uwagę do projektu i dostarczyć cennych informacji, które poprawią ich wrażenia.
Neueform używa ilustracji, która przyciąga wzrok do projektu. Reprezentuje mikrofon i łączy się z treścią projektu.
Partnerzy Bohaterów
Możesz użyć ilustracji lub animacji z obrazami, aby stworzyć fajny obszar bohatera, który łamie standardowe wzorce projektowe. To nowa estetyka, która wykorzystuje ten sam rodzaj przestrzeni i proporcji w nowy sposób.
Coś tak prostego jak rozbicie przestrzeni może sprawić, że cały projekt będzie bardziej interesujący wizualnie. Zakłóca to, czego może oczekiwać użytkownik.
Mondial robi to tylko z animacją - może nie tyle ilustracją, ale jest blisko - i przewijaniem zdjęć, które łączą się z nagłówkami poniżej. Dzięki idealnie dobranej szybkości bloków treści pozwala przeglądać i czytać każdy inny fragment treści przed przejściem do następnego.
Łączenie w jednym elemencie
Połączenie prawdziwego obrazu i ilustracji w celu stworzenia jednego elementu może być oszałamiające.
Constance Burke robi to bajecznie i może być jednym z najlepszych przykładów tego rodzaju zdjęć, jakie można znaleźć.
Jest dobrze przemyślany i wykonany i doskonale pasuje do treści. To drugie sprawia, że jest to tak skuteczne; trend jest wykorzystywany w sposób, który poprawia zawartość.
Subtelne ilustracje
Nie musisz wychodzić z siebie, aby skorzystać z tego trendu. Jeden z elementów wizualnych - obraz lub ilustracje - może być dość subtelny.
FourSeasonsHyrda wykorzystuje subtelną ruchomą ilustrację wewnątrz gigantycznej kapsuły, nakładanej na wideo, aby wzbudzić zainteresowanie. Szczególnie miło w tej technice jest to, że tworzy ona dodatkową białą przestrzeń, aby pomóc w przeciągnięciu wzroku przez projekt i przeczytaniu treści. Kolor i kontrast również tu się przyczyniają.
Wniosek
Czy postrzegasz ten trend jako coś, co można wykorzystać w projektach? Sztuką jest zaplanowanie, w jaki sposób elementy będą ze sobą oddziaływać. Realizm i ilustracje muszą się ze sobą przeplatać, aby efekt był celowy.
