Jak vytvořit vzory v projektech
Přemýšlejte o tom, kolik vzorců ve své každodenní činnosti dodržujete. Od probuzení a přípravy na práci až po usínání každou noc je den plný těchto malých opakujících se prvků, které vytvářejí pořádek a klid. Vzory v designu dělají to samé: Tyto opakující se prvky mohou přinést pořádek projektu a vytvořit pocit klidu (nebo chaosu) pro nastavení tónu.
To je skutečná přitažlivost vzoru. Pomáhá nasměrovat uživatele prostřednictvím estetiky sledováním vzoru nebo řady objektů a říká uživatelům, jak s něčím komunikovat. Návrháři mohou vytvářet vzory různými způsoby - s pozadím, objekty, barvou, slovy, panely nebo kombinací těchto prvků.
Prozkoumejte prvky Envato
Co je to vzor?
„Uspořádání opakovaných nebo odpovídajících částí, ozdobných motivů atd.“ - Collins English Dictionary
Vzor může zahrnovat jakoukoli módu opakujících se objektů, slov, barev nebo tvarů. Pro účely návrhu zahrnuje vzor jakékoli prvky, u kterých můžete vidět celkové spojení nebo opakování v celkové estetice. I když mnozí předpokládají, že vzorce odpovídají řádovým a symetrickým uspořádáním, není tomu tak vždy. Vzory mohou spadat do libovolného pole; někdy je dezorganizace sama o sobě vzorem.
Vzory lze rozeznat podle libovolného počtu smyslů. Vizuální vzory jsou často chaotičtější než ty vytvořené. Přírodní vzory zahrnují spirály, vlny, praskliny a rotace. Téměř jakýkoli textilní nebo dokonalý vzor je vytvořen speciálně pro vizuální harmonii, i když základní tvary pocházejí z přírody.
S Pozadí
Jednou z prvních věcí, která vám při rozhovoru o vzorcích přijde na mysl, je pozadí. Malé nebo jemné opakující se vzory, které jsou populární tapetami (domácí a stolní odrůdy), jsou populární způsoby, jak přidat hloubku do základního prostoru v projekčním projektu. Někteří návrháři se rozhodnou také pro větší nebo odvážnější vzory pozadí, i když to není tak běžné. (Velká aktivita na pozadí může odvrátit pozornost od zprávy v popředí.)
Jaké jsou tedy některé běžné techniky pro vytvoření přitažlivého pozadí?
- Jednoduchost: Jednoduché vzory na pozadí jsou efektivní a zvyšují hloubku, aniž by se uživatelé skutečně zaměřili na tento aspekt návrhu. Nejlepší pozadí spadá do krajiny samo o sobě a slouží pouze k zvýraznění hlavní části návrhu.
- Loga: Pro mnoho značek jsou opakující se loga běžným stylem pozadí. (Přestože je jich několik s příliš velkým logem na pozadí.) Opakovaná loga mohou pomoci navázat spojení se značkou.
- Neutrální paleta: Barva je jedním z nejčastějších faktorů při návrhu pozadí. A neutrální palety jsou převážně dominantní. I s trendem používání rozmazaných obrazů pro pozadí - což je v současné době velmi populární - jsou barvy a tvary rozmazané až do bodu neutrality, kde se objekty a barvy navzájem prolínají.
- Symetrie: Vzory pozadí často spadají do řadových tvarů. S opakujícími se prvky by mohl být vzor často posouván, titulován, obrácen nebo měněn mnoha způsoby a stále mít stejný celkový vzhled a dojem.
- Opakování: Opakující se objekty jsou také populární ve vzorech pozadí. Tato jednoduchá technika může přidat hloubku jinak plochému schématu.
Seskupováním objektů
Podobné tvary a objekty se téměř zdají být ve vzájemném souladu, pokud jsou použity v těsné blízkosti. I když zjevnou volbou pro seskupování objektů pro vzory je seskupování objektů stejného tvaru a velikosti, není to vždy nutné.
Na výše uvedených obrázcích portfolio Jonathana Pattersona vytváří zřejmý vzorec s devíti identicky tvarovanými krabicemi, které obsahují tvary stejné velikosti. Vzor je jasný a přitažlivý. Použití vzoru v obrázku pro Dots Printhaus je méně „dokonalé“, ale stejně zřejmé, se sadou podobných tvarů v různých velikostech.
To ukazuje, že objekty lze seskupovat různými způsoby, ale stále vytvářejí pocit vzoru:
- Podobné tvary
- Různé tvary v podobných velikostech
- Tvary uspořádají vytvoření objektu
- Tvary spojené čarami nebo jinými prvky
- Tvary s podobným počtem bodů nebo konců
Opakováním barvy
Vzor lze vytvořit vytvořením motivu s barvou. To zahrnuje objekty nebo prvky stejné barvy nebo dokonce práci s prvky, které mají podobnou barvu „cítí“, jako je nasycení, lehkost nebo odstín. Barevné vzory se často používají k tomu, aby uživatelům sdělovaly, co mají dělat s designem. Například v designu webových stránek je běžné, že všechna tlačítka, na která lze kliknout, mají jednu barvu. Tím se vytvoří vzor esteticky a pro chování uživatelů (tj. Kliknete na všechno, co je červené).
Ve výše uvedených příkladech se barva používá odlišně. Značka Aid Design používá barvu k rozlišování prvků a vytváření vzoru s ikonami různých tvarů a velikostí. Ro a Co používá barvu pro pozadí a stejný barevný tón pro menší obrázky na celém webu. Toto barevné spojení spojuje každý z menších obrazů s celkovým designem ve vzoru, který nemá symetrii a velmi malé zřejmé rozlišení.
Pomocí barvy vytvořte vzory:
- Navázat spojení mezi objekty
- Vytvořte si smysl, jak používat design
- Nastavte vizuální tón
- Přidejte vzor, kde by žádný nemohl existovat jinak
- Nakreslete uživatele z jednoho objektu do druhého
S Opakujícími Se Slovy
Opakující se slova mohou vytvořit vizuální nebo zvukový vzor. Když znovu a znovu uvidíte stejné slovo, začnete ho spojovat s návrhem nebo zprávou. (Například web Casper Sleep používá slovo „Sleep“ dvakrát v designu, který obsahuje méně než 20 slov. Také dvakrát používá název značky.)
Bay Street Biergarten dělá něco podobného, ale hraje na vás a čte stránky nahlas. Opakující se obraz medvěda a napojení na pivní sklenice a slova „řemeslné pivo“ začínají hrát stejný vzor. Každý prvek v designu říká pivo. (Chytrá, co?)
Pomocí slov můžete vytvářet vzory i jinými způsoby:
- Opakující se slova nebo fráze
- Slova, která mají podobný vzhled (spousta stejných písmen)
- Slova a obrázky, které říkají totéž
- Více slov, která mají stejný význam
- Slova podobné délky (například mnoho dlouhých nebo krátkých frází vytvářejících rytmus)
S podobnými panely
Trendy designu, jako jsou projekty ve stylu karet nebo posouvající se paralaxy, umožnily panelům vytvářet vzory v projektech. Od skupin karet po dlaždice inspirované Pinterestem až po rolování „obrazovek“ vytvářejí skupiny panelů pro uživatele zřejmé vzory. Tyto panely vytvářejí rozdíly a propojení mezi objekty a umožňují uživatelům vědět o změnách v informacích, které vidí.
Tyto panely mohou mít jakýkoli tvar a velikost, vertikální nebo horizontální a různé barvy. Webová stránka 10 Past Ten odvádí skvělou práci při vytváření odlišných panelů v paralaxovém rámci s umístěním barev a umístění produktu, takže uživatelé mohou jasně odlišit jeden nápad od druhého. Řemeslník Ave. používá poněkud odlišný přístup s designem, který má velký panel, za nímž následují panely uvnitř panelů, střídavě pro vzor ve stylu vzoru.
Pomocí panelů můžete:
- Propojte jako prvky
- Nastavit scény
- Vytvořte tok informací
- Vytvořte dominanci pomocí více obrázků
- Řekněte vizuální příběh
Závěr
Vzory mohou být navrženy mnoha způsoby pro různé dopady. Vytvářejte vzory, které pracují s tónem, který má mít projekt. Symetrická seskupení jsou organizovaná a uklidňující, více náhodně spárované prvky se mohou cítit rušivé a vzrušené.
Nemáte pocit, že se musíte držet jednoho typu vzoru. Kombinujte různé typy vzorů pro dopad na různých místech. Různé části stejného projektu mohou zahrnovat různé typy vzorů na různých místech. (A to je naprosto přijatelné.)
