Design Trend: Míchání realismu a ilustrací

V designu webových stránek je trend, který zajímavým způsobem mísí skutečné obrázky s ilustracemi a uměleckými prvky. A je to nepředvídatelné, jedinečné a krásné!

Je to mashup vizuálních prvků, které se nezdají, že by se spojily zpočátku, ale když se to povede dobře, může vytvořit ohromující estetiku, která je velmi poutavá a nádherná.

Zde se podíváme na příklady tohoto trendu designu a různé způsoby míchání realismu a ilustrací pro maximální dopad. Některé z nich sedí v rámci korporátních návrhů a jiné jsou zcela hravé a zábavné. Jedná se o širokou škálu aplikací s naprosto jedinečným a zajímavým trendem.

Prozkoumejte zdroje návrhu

Míchání vizuálních prvků na kartách

Skleník má formát ve stylu blogu, který používá karty pro každý blok obsahu. Na kartách jsou vizuální prvky - některé fotografie, některé ilustrace.

Výsledkem je krásná kombinace typů obsahu a vizuálních stylů, která udržuje stránku svěží a zajímavou. Odvážné použití barev pro ilustrované bloky je stejně poutavé a téměř nutí uživatele k procházení obsahu.

Funguje to proto, že rámec je jednoduchý a zdá se, že smíšené prvky se dokonale hodí, a zároveň poskytují dostatečný kontrast pro zapojení.

Ilustrované překryvy

Jedním z nejjednodušších způsobů, jak se smíchat s realismem a ilustracemi, je vytvořit ilustrované překrytí. Funguje to téměř stejně jako použití loga na fotografii.

Malai používá tuto techniku ​​s designem rozdělených obrazovek (také docela trendy prvek). Ilustrované překrytí pomáhá propojit obě strany designu a vytváří tak vizuální tok a harmonii.

Ilustrace je poněkud složitá, ale jako prvek, který je jen bílý, se cítí elegantně a nebrání designu.

3D efekty

Více designérů experimentuje na území, které je někde mezi realitou a ilustrací. Trojrozměrné prvky v celém designu pro Plink vypadají realisticky.

Ilustrace se pohybují skutečným způsobem a téměř se musíte podívat na kresbu, abyste viděli, že to není obraz.

Tento styl je stále populárnější způsob, jak ukázat něco, co je obtížné fotografovat nebo jinak vykreslit vizuálně, a animované prvky mu pomáhají společně zvyšovat příležitost pro interakci uživatelů.

Fotografie a ilustrace vedle sebe

Fotografie a ilustrace mohou být použity v rámcích v celém návrhu společně. V tomto příkladu trendu designu je každý typ vizuálu v rámečku nebo rámečku „fotografie“ a zachází se stejným způsobem, ať už jde o obrázek nebo obrázek.

Je to hodně jako výše uvedený příklad karty, ale s jiným zvratem.

Griflan používá tento koncept dobře a dokonce používá více ilustrací než fotografií. Vytváří flexibilní rámec pro návrh webových stránek, kde lze rychle měnit obrázky a ilustrace bez úplného přepracování.

Vrstvy a pohyb

Ilustrace nemusí být vždy zcela zřejmé. Jako součást loga nebo v případě Be Grand je ilustrovaným prvkem chladný kruh ukazatel / vznášející se, který zdánlivě tančí přes obrazovku - a obrázek.

Malé animace to vše spojí do jednoduchého designu domovské stránky.

„Téměř“ Ilustrace

Trendem designu webových stránek je použití bludného efektu s prvky, které upoutají pozornost. Zkombinujte to s ilustrovaným pozadím pro efekt mimo tento svět.

Boda Borg to právě dělá se dvěma fotografiemi rodiny, která „blýská“ sem a tam na ilustraci s tématem hledání. Je to zábavné a lehké a určitě vás nutí podívat se na design.

Pozadí a popředí

Míchání fotografií a ilustrací může být stejně jednoduché jako vrstvení.

Canneseries používá fotografii trofeje, která vypadá téměř jako ilustrace s prvky ilustrovanými na pozadí a ikonami s podobnými ilustracemi.

Je obtížné rozeznat rozdíl mezi skutečnými a ilustrovanými prvky a to je s tímto typem schématu dokonale v pořádku.

Jednoduché ilustrace s obrázky

Kombinace fotografií a ilustrací může být jednoduchá. Prvky by měly být navrženy tak, aby pomáhaly přilákat uživatele do návrhu a poskytovat cenné informace, které zvyšují jejich zkušenosti.

Neueform používá ilustraci, která přitahuje oko dolů designem. Představuje mikrofon a připojuje se k obsahu návrhu.

Hero Partners

Ilustrace nebo animace s obrázky můžete použít k vytvoření chladné oblasti obrazu hrdiny, která rozbije standardní vzorové vzory. Je to nová estetika, která používá stejný druh prostoru a poměru stran novým způsobem.

Něco tak jednoduchého, jako je rozbití prostoru, může celý design učinit vizuálně zajímavějším. Naruší to, co uživatel může očekávat.

Mondial to dělá jen s animací - možná ne tolik ilustrací, ale je to blízko - a posouváním obrázků, které se připojují k titulkům níže. Díky dokonale načasované rychlosti bloků obsahu se můžete dívat a číst si jednotlivé části obsahu, než se pustíte do hry.

Kombinace do jediného prvku

Kombinace skutečného obrazu a ilustrace k vytvoření jednoho prvku může být ohromující.
Constance Burke to dělá skvěle a může být jedním z nejlepších příkladů tohoto stylu snímků, který najdete.

Je dobře promyšlený a popravený a dokonale odpovídá obsahu. To je důvod, proč je to tak efektivní; trend je používán způsobem, který vylepšuje obsah.

Jemné ilustrace

K použití tohoto trendu nemusíte chodit všichni. Jeden z vizuálních prvků - obrázek nebo ilustrace - může být poněkud jemný.

FourSeasonsHyrda používá jemný dojemný obrázek uvnitř obří kapky, vrstvené přes video k vytvoření zájmu. Obzvláště příjemné na této technice je to, že vytváří zvláštní mezeru, která pomáhá kreslit vaše oči designem, abyste si mohli přečíst obsah. Také zde přispívá barva a kontrast.

Závěr

Vidíte tento trend jako něco, co byste mohli použít pro projekty? Trik spočívá v tom, že si naplánujeme, jak prvky spolu budou interagovat. Realismus a ilustrace musí být propojeny tak, aby efekt měl k tomu úmyslný pocit.

© Copyright 2024 | computer06.com