Illustrating the Web: Dekonstrukce Trend
Ilustrace přebírají web. Návrháři vytvářejí webové stránky se všemi informacemi, od ilustrací na celé obrazovce až po ručně kreslené divoty, které se používají v průběhu projektů. Je to trend, který pravděpodobně neustále narůstá, protože ilustrace vyvine design jako vlastní (i když to není).
Zde je návod, jak nejlépe využít jejich designu.
Obrázek internetových stránek 101
Ilustrace jsou všestranný a zábavný způsob, jak vytvořit vlastní návrh internetových stránek. Od ručně kreslených obrázků, po prvky, po nápisy, vše o plně ilustrovaném nebo náčrtu, vypadá a cítí se jako jedinečné. To je jeden z důvodů, proč je tak populární.
Existuje však spousta dalších důvodů, které návrháři skočí na ilustrační trend:
- Ilustrace umožňují uživatelům zobrazovat se ve scéně, kterou nastavujete, protože se nezaměřují na skutečné jiné lidi.
- Existuje prvek rozmaru, který lze provést pouze kresbou.
- Ilustrace mohou propojit realitu a představivost pro design, který je mimořádný.
- Přizpůsobení je snadné, když kreslíte prvky umění.
- Ilustrace jsou často velmi pestré a mohou vám pomoci využít velký, jasný barevný trend.
- Technika je použitelná i v případě, že nejste ilustrátoři díky designovým sadám nebo balíčkům, které jsou plné ilustrovaných částí, které mohou být použity v průběhu celého projektu.
- Ilustrace mohou mít mnoho různých nálad nebo stylů, od náčrtků až po propracování výkresů do počítačem generované grafiky.
Hero ve stylu ilustrace
Protože hlavičky hrdiny jsou velké, je to jedno z nejsnadnějších míst, kde je vidět trend ilustrace. Používá se také pro velké množství webových stránek od portfolia po maloobchodní až po stránky s náhledem aplikace.
Co je hezké s ilustrovaným obrazem hrdiny, je, že je dostatek prostoru pro poměrně složitý kus umělecké tvorby. Malé detaily, stínování a barvy a interakce mají všechny možnosti dýchat, což uživatelům usnadňuje prozkoumání každého prvku.
K dispozici je několik triků, které ilustrují:
- Umělecká díla musí být dobrá. Uživatelé nebudou trávit čas, když se dívají na ilustraci, kterou nedostanou, nebo jsou jen nedbalé nepořádek. Takže si s tím vyčistěte čas a péči.
- Zatímco ilustrace může mít hloubky složitosti, celková zpráva by měla být jednoduchá. Vědět, co má obraz říkat, a ujistěte se, že prvky přispívají ke zprávě.
- Práce s profesionálem. Jen proto, že můžete kreslit srdce na ubrousku, neznamená, že jste připraveni nakreslit plnohodnotné webové stránky. Tento proces vyžaduje čas a plánování skutečně funguje. (A může to být drahé, takže se ujistěte, že je to správné estetické, než se ponoříte.)
Přidat jednoduchou animaci
Zatímco statická kresba může mít velký vliv na své vlastní, web je živý s pohybem v těchto dnech. Párování obrázků s jemnými animacemi nebo posuvnými efekty, které povzbuzují uživatele k tomu, aby klikali.
Malé jemné pohyby, jako je například točící se text na webové stránce Hugo , pomáhá přitáhnout oko do návrhu. Malé animace mohou také uživatelům pomoci pochopit, jaké akce je třeba provést při návštěvě webu. To platí zejména pro ilustrace, které obsahují mnoho prvků nebo mají celkový "zaneprázdněný" design.
Tato malá překvapení mohou povzbudit návštěvníky k návštěvě stránek a také se podívat kolem. Animace v pohybu jsou obzvláště pěkným bonusem pro uživatele, kteří mohou sloužit jak jako zábavný prvek, tak jako navigační nástroj.
Ilustrované ikony nebo prvky uživatelského rozhraní
Pokud je návrh ilustrovaných webových stránek zcela nevhodný, zvažte pár ilustrovaných ikon nebo prvků uživatelského rozhraní. Jedná se o jednoduchý způsob, jak do tohoto trendu ulehčit. (A tam je spousta ikon a UI kitu tam, že funkce ilustrovaných stylů, které vám pomohou začít.)
Ilustrované prvky mohou přidat nádech rozmaru na stránky, které by jinak mohly být příliš formální. Něco, co vyzkoušet, je ilustrovaná ikona osnovy. Tento styl je snadno vynechán téměř v jakémkoli designu, pracuje skvěle s obrázky a libovolnou barevnou schémou a poskytuje konzistentní vizuální téma od strany na stránku.
Chcete-li udělat krok za ikonami, zvažte nadrozměrné prvky uživatelského rozhraní. Iqor , pomocí ilustrovaných tlačítek ve větších velikostech sloužící k tomu, aby uživatelé vedli a zpříjemnili stránky. Znázorněný styl proudí ze strany na stránku s velkými prvky, které používají stejné tři barvy. Výsledkem je zábava a konzistence a jen trochu neočekávané od obchodu s péčí o zákazníky.
Ručně kreslené písmo
Dalším velkým trendem v tvorbě webových stránek je vlastní typografie. Kombinujte pojmy ilustrace a nápisy pro ručně kreslené logo, hlavní textový blok nebo typografický umělecký prvek. Tento vizuální text může mít velký dopad (zvláště když je nadrozměrný nebo používán jako hlavní umělecký prvek v návrhu).
Trik je moderování. Pomocí ručně kresleného stylu nápisů budete chtít na tento efekt držet jediný blok textu nebo textového prvku. Více použití vlastního textového bloku může být ohromující pro uživatele a může mít vliv na čitelnost. Je důležité se ujistit, že slova jsou stále zcela jasná a že uživatelé nemají problémy s pochopením zprávy.
Oba Den smrti a Stojí až k rakovině , dělat skvělou práci s ručním písmenem pro jednoduchou zprávu. Den mrtvých používá jiné ilustrace, snadnou typografii s bezpatkami a fotky, které pomáhají vybírat uživatele přes zbytek místa. Konečný výsledek je zábavný a snadno se sleduje. Stojí na rakovině a používá víc akvarelu, který je založen na ilustraci, ale spoléhá se na standardnější typy písma pro čitelnost. Oba jsou dobré možnosti pro práci s nápisy ve vlastním stylu.
Závěr
Při průchodu do světa ilustrace pro návrh webových stránek se mohou na první pohled trochu zastrašit, je to něco, co může mnoho návrhářů udělat. Od kreslení po ruce k počítačové pomoci nebo práci se soupravou jsou možnosti zcela omezené.
Je třeba se zamyslet nad tím, pokud jde o ty projekty, které vyžadují, aby se něco trochu lišilo. A je to dost trendy, abyste se mohli zeptat na vytvoření něčeho v tomto stylu. Takže je to dobrý čas na osvěžení vašich skicovacích dovedností a přemýšlejte o tom, jak by pro vás mohl fungovat ilustrovaný návrh webových stránek.