8 způsobů, jak používat ručně kreslenou ikony a prvky
I když se často zaměřují na návrhové prvky perfektní pro pixely, nejsou vhodné pro všechno. Někdy chcete něco s trochu víc ... rozmarným. Něco trochu autentičtějšího!
Ručně kreslenou ikony nebo prvky mohou být tou správnou technikou designu, která do projektu přidá něco zvláštního. Zatímco většina návrhářů se nezachytí prvky, které se zdají být ručně kresleny, pár doteků může přidat osobní pocit, ke kterému jsou uživatelé přitahováni.
Je to něco, co také trendy v designu webových stránek. Populární designové prvky jsou ručně kreslenými prvky, od hádky v ikoně až po plnohodnotný zážitek se stejnou použitelností a uměním. Zde je osm nových způsobů, jak tento trend využít!
Vytvořit oddělení
Ručně tažené designové prvky lze kombinovat s téměř jakýmkoli jiným vizuálním zobrazením. Mohou pracovat po boku fotografií nebo videa, v moři bílé nebo v blízkosti textových prvků. Neodstraňujte koncept použití tohoto typu prvku, protože se bojíte, jak by to zapadalo do celkového vzoru návrhu.
Zkus to; nikdy nevíš.
Digitální návštěvník používá tyto prvky v celém návrhu k vytvoření oddělení mezi prvky a bity v obsahu. Zatímco prvky na domovské stránce jsou pouze tečky, existují příklady na několika místech pod svitkem a dokonce i favicon má ručně nakreslený vkus.
Umístění každého prvku je navrženo tak, aby zajistilo, že uživatel bude sledovat správný obsah. Ve výše uvedeném příkladu je prvek ve středu obrazovky, který se používá k vytvoření oddělení mezi dvěma oblastmi obsahu. Nižší v designu jsou podobné prvky používány ve stylu ikon o malých textových polích, aby předvedly, co společnost dělá.
Interaktivní čmáranice
Ručně tažené prvky mohou dělat zábavné interaktivní kusy v designu. Od načítání animací - mnoho příkladů webových stránek v tomto příspěvku používá tento styl - až po plně interaktivní zážitek, je tato technika designu dostatečně zajímavá, aby vzbudila zájem uživatelů.
Real Estate Stained Glass je krásný příklad interaktivní hry, která kombinuje jak trend designu webových stránek, tak kreativní prvek, který uživatelům umožňuje barvit kresby na obrazovce. Co to spojuje dohromady, když je vzhled ručně kreslen, prvky jsou přesné a fungují hladce. Zbarvení funguje tak, jak by mělo - a vy se nepřepisujete mimo řádky - pro zážitek, který uživatele udrží.
Téměř kreslená typografie
Někdy nejlepší ručně kreslené prvky nejsou vlastně penned. Styly typografie, které napodobují rukopis, jsou obzvláště populární, zejména pro účely zobrazení.
Tento styl typu má lehčí a vstřícnější pocit, s nímž se uživatelé mohou týkat. (Trik spočívá v tom, že písmena jsou dobře čitelná.)
Tradewinds Hotel odvádí skvělou práci s jednoduchým, kurzívním stylem písma, který je dostatečně velký a čitelný natolik, aby si ho mohl přečíst na první pohled. Podpůrná typografie je vše v jednoduchém bezpatkovém stylu, což pomáhá zdůraznit písmo displeje a také udržuje vše pro uživatele snadno strávitelné.
Design Divots
Některé ručně tažené prvky slouží čistě vizuálnímu účelu. Existují proto, aby vytvořily tok nebo cit pro návrh, který by bylo obtížné stanovit jiným způsobem. Tyto divoty mohou být obzvláště zábavné, když jsou použity na malých místech v celém designu.
Pivovarské matka dělá toto. Na domovské stránce je velké srdce - je to zřejmé. Ale pak jsou na každé stránce také drobné prvky - některé zjevné, jiné docela skryté. Každé tlačítko má ručně malované dotyky s designem stuhy, prvky se objevují na pozadí a překrývají posuvné prvky, aby vyplnily mrtvý prostor v designu. Celkový efekt je chytrý a vizuálně zajímavý.
Chcete-li nastavit náladu
Ručně tažené designové prvky často nabývají lehčího, hravějšího tónu. Mohou dát tento typ vibrací téměř každému projektu a čím více ručně kreslených prvků použijete, tím lehčí se projekt objeví.
Signs for Science je skvělým příkladem toho, jak zabalit design ručně kreslenými prvky pro zábavu, téměř dětskou estetikou (přispívá také barva). Od typografie přes ikony až k podtržení podtržení má celý koncept velmi specifickou náladu. Je kreativní, lehký a podporuje interakci s uživatelem.
Předveďte kreativitu
Koncept ručně kreslené konstrukce může být skvělou příležitostí pro návrh webových stránek portfolia, protože může zdůraznit kreativitu. Tyto prvky se více zaměřují na proces návrhu a na to, jak myšlenky a práce mohou jít do projektu.
(Navíc je to zábavný způsob, jak protáhnout tyto kreativní svaly.)
Feebles používá ručně nakreslené prvky pro hlavní obrázek výše uvedeným způsobem a kombinuje se s ručně nakresleným logem vlevo nahoře. (Možná vám bude chybět, pokud se nedíváte zblízka.)
Pro ikony nebo loga
Protože se jedná o jedno z nejpopulárnějších způsobů použití ručně kreslených prvků, nebylo to na začátku seznamu. (Většinou vám pomůže vymyslet jiné nápady, než skočíte na něco běžnějšího.)
Ručně tažené doteky mohou být skvělým doplňkem ikony nebo loga. Nedokonalost přidává charakter a kouzlo tam, kde dokonalé styly počítačového tvaru nemohou, od vousů až po tvary nebo kruhy mimo střed, které nejsou zcela kulaté.
Higher Ground používá hádanku k oddělení písmen v logu stylu ikon. Minimální styl je nápadný a efektivní a ručně nakreslený prvek dává určité osobnosti, kterou by přímá linie nesdělila.
Jako animované efekty
Oživte ručně kreslený prvek animací.
Obrázky, které jsou nakresleny na obrazovce, mohou být zábavné na pohled a dívat se. I když zjevnou výhodou pro uživatele je zábava, protože se něco dívá ožívat, pro majitele webových stránek jsou také výhody: prodloužený čas na webu a potenciál pro další konverze.
Long Story Short používá tento koncept na domovské stránce. Nejprve nakreslíme logo, které používá ručně tažené typografický styl. A poté jej animovat do balíčku návrhových projektů, které se rychle pohybují a zahrnují několik ručních kreseb. Celá smyčka trvá jen několik sekund.
Závěr
I když nemůžete kreslit, simulace ručně kreslených prvků v projekčních projektech může přidat osobní dojem, který uživatelé ocení. Od typografie přes hry až po načítání animací mohou tyto prvky představovat kreativitu a osobnost.
I když ručně nakreslený prvek není pro každý projekt, přemýšlejte o něm příště, když budete potřebovat odlehčit náladu nebo přidat něco, co se uživatelům udrží. Udržujte myšlenku jednoduchou a propojte ji s tématem, které nese celý design. A užij si to! O tom jsou tyto prvky.
