Patronen maken in ontwerpprojecten
Bedenk hoeveel patronen u in uw dagelijkse routine volgt. Van wakker worden en je klaarmaken voor werk tot elke nacht in slaap vallen, de dag is gevuld met deze kleine herhalende elementen die orde en rust creëren. Patronen in ontwerp doen precies hetzelfde: deze herhalende elementen kunnen orde in een project brengen en een gevoel van rust (of chaos) creëren om een toon te zetten.
Dat is de echte aantrekkingskracht van een patroon. Het helpt gebruikers door een esthetiek te leiden door het patroon of de reeks objecten te volgen en vertelt gebruikers hoe ze met iets kunnen omgaan. Ontwerpers kunnen op verschillende manieren patronen maken - met achtergronden, objecten, kleur, woorden, panelen of door een combinatie van deze elementen te gebruiken.
Verken Envato Elements
Wat is een patroon?
"Een arrangement van herhaalde of overeenkomstige delen, decoratieve motieven, enz." - Collins Engels woordenboek
Een patroon kan elke manier bevatten om objecten, woorden, kleuren of vormen te herhalen. Voor ontwerpdoeleinden omvat een patroon alle elementen waar je een verband of herhaling in de algehele esthetiek kunt zien. Hoewel velen aannemen dat patronen gelijk staan aan ordinale en symmetrische arrangementen, is dit niet altijd het geval. Patronen kunnen in elke array vallen; soms is desorganisatie het patroon zelf.
Patronen kunnen worden herkend aan een willekeurig aantal zintuigen. Visuele patronen zijn vaak chaotischer dan gecreëerde patronen. Natuurlijke patronen zijn onder meer spiralen, golven, scheuren en rotaties. Bijna elk textiel of perfect patroon is speciaal gemaakt voor visuele harmonie, zelfs als de basisvormen zijn afgeleid van de natuur.
Met Achtergronden
Een van de eerste dingen die in je opkomt als je over patronen praat, zijn achtergronden. Populair gemaakt door behang (de thuis- en desktopvariëteiten), kleine of subtiele herhalende patronen zijn populaire manieren om diepte toe te voegen aan de basisruimte in een ontwerpproject. Sommige ontwerpers kiezen ook voor grotere of krachtigere achtergrondpatronen, hoewel dit niet zo gebruikelijk is. (Te veel activiteit op de achtergrond kan afleiden van het bericht op de voorgrond.)
Dus wat zijn enkele veelgebruikte technieken om een aantrekkelijk achtergrondpatroon te creëren?
- Eenvoud: eenvoudige achtergrondpatronen zijn effectief en voegen diepte toe zonder dat gebruikers zich daadwerkelijk op dat aspect van het ontwerp concentreren. De beste achtergronden vallen per se in het landschap en dienen alleen om het belangrijkste deel van het ontwerp te benadrukken.
- Logo's: voor veel merken zijn kleine herhalende logo's een veel voorkomende achtergrondstijl. (Hoewel er nogal wat zijn die te groot zijn met een achtergrondlogo.) Herhalende logo's kunnen helpen bij het tot stand brengen van een merkverbinding.
- Neutraal palet: kleur is een van de meest voorkomende factoren bij het ontwerpen van achtergronden. En neutrale paletten zijn overweldigend dominant. Zelfs met de trend van het gebruik van wazige afbeeldingen voor achtergronden - die momenteel erg populair is - worden kleur en vormen vervaagd tot het punt van neutraliteit, waar objecten en kleuren gewoon in elkaar overgaan.
- Symmetrie: Achtergrondpatronen vallen vaak in ordinale vormen. Met herhalende elementen kon het patroon vaak op verschillende manieren worden verschoven, getiteld, omgekeerd of gewijzigd en toch hetzelfde algemene uiterlijk en gevoel hebben.
- Herhaling: Herhalende objecten zijn ook populair in achtergrondpatronen. Deze eenvoudige techniek kan diepte toevoegen aan een verder plat schema.
Door objecten te groeperen
Soortgelijke vormen en objecten lijken bijna in elkaars verlengde te vallen wanneer ze in de buurt worden gebruikt. Hoewel de voor de hand liggende keuze voor het groeperen van objecten voor patronen is om objecten van dezelfde vorm en grootte te groeperen, is dat niet altijd nodig.
In de bovenstaande afbeeldingen creëert het portfolio van Jonathan Patterson een duidelijk patroon met negen identiek gevormde dozen met vormen van dezelfde grootte. Het patroon is duidelijk en aantrekkelijk. Het patroongebruik in de afbeelding voor Dots Printhaus is minder "perfect" maar net zo voor de hand liggend, met een reeks vergelijkbare vormen in verschillende grootten.
Dit laat zien dat objecten op verschillende manieren kunnen worden gegroepeerd, maar toch een gevoel van patroon creëren:
- Vergelijkbare vormen
- Verschillende vormen in vergelijkbare maten
- Vormen schikken om een object te maken
- Vormen verbonden door lijnen of andere elementen
- Vormen met een vergelijkbaar aantal punten of uiteinden
Door kleur te herhalen
Patroon kan worden vastgesteld door een thema met kleur te maken. Dit omvat objecten of elementen van dezelfde kleur of zelfs het werken met elementen die een vergelijkbaar kleurgevoel hebben, zoals verzadiging, lichtheid of tint. Kleurpatronen worden vaak gebruikt om gebruikers te vertellen wat ze met een ontwerp moeten doen. Bij het ontwerpen van websites is het bijvoorbeeld gebruikelijk dat alle klikbare knoppen een enkele kleur hebben. Dit zorgt voor een esthetisch patroon en voor gebruikersgedrag (dwz u klikt op alles wat rood is).
In de bovenstaande voorbeelden wordt kleur op duidelijk verschillende manieren gebruikt. Brand Aid Design gebruikt kleur om elementen te onderscheiden en om een patroon te creëren met iconen van verschillende vormen en maten. Ro and Co gebruikt kleur voor een achtergrond en dezelfde kleurtint voor kleinere afbeeldingen op de hele site. Deze kleurverbinding verbindt elk van de kleinere afbeeldingen met het algehele ontwerp in een patroon dat geen symmetrie heeft en heel weinig duidelijk onderscheid.
Gebruik kleur om patronen te creëren om:
- Breng een verbinding tot stand tussen objecten
- Creëer een idee hoe je een ontwerp gebruikt
- Zet een visuele toon
- Voeg een patroon toe waar het anders niet zou kunnen bestaan
- Trek gebruikers van het ene naar het andere object
Met herhalende woorden
Herhalende woorden kunnen een visueel of auditief patroon creëren. Door hetzelfde woord keer op keer te zien, begin je het te verbinden met het ontwerp of de boodschap. (De Casper Sleep-site gebruikt bijvoorbeeld tweemaal het woord "Sleep" in een ontwerp dat minder dan 20 woorden bevat. Het gebruikt ook tweemaal de merknaam.)
Bay Street Biergarten doet iets soortgelijks, maar speelt je voor terwijl je de site hardop leest. Het herhalende beeld van een beer en de connectie met bierglazen en woorden "craft bier" beginnen allemaal hetzelfde patroon uit te spelen. Elk element in het ontwerp zegt bier. (Slim, hè?)
Gebruik woorden om ook op andere manieren patronen te creëren:
- Herhalende woorden of zinnen
- Woorden die er hetzelfde uitzien (veel van dezelfde letters)
- Woorden en afbeeldingen die hetzelfde zeggen
- Meerdere woorden met dezelfde betekenis
- Woorden van vergelijkbare lengte (zoals veel lange of korte zinnen om ritme te creëren)
Met panelen van vergelijkbare grootte
Ontwerptrends zoals projecten in kaartstijl of parallax-scrollende websites hebben plaats gemaakt voor panelen om patronen in ontwerpprojecten te creëren. Van groepen kaarten tot op Pinterest geïnspireerde tegels tot scrollende "schermen", groepen panelen creëren duidelijke patronen voor gebruikers. Deze panelen brengen verschillen en verbindingen tussen objecten tot stand en laten gebruikers weten welke veranderingen in de informatie die ze zien.
Deze panelen kunnen elke vorm en afmeting hebben, verticaal of horizontaal, en van verschillende kleuren. De 10 Past Ten-website doet geweldig werk door afzonderlijke panelen op te zetten in een parallax-kader met kleur- en productpositionering, zodat gebruikers het ene idee duidelijk van het andere kunnen onderscheiden. Craftsman Ave. heeft een iets andere benadering met een ontwerp met een groot paneel, gevolgd door panelen aan de binnenkant van panelen, afwisselend voor een patroon in patroonstijl.
Gebruik panelen om:
- Link-achtige elementen
- Scènes instellen
- Creëer een informatiestroom
- Breng dominantie tot stand met meerdere afbeeldingen
- Vertel een visueel verhaal
Gevolgtrekking
Patronen kunnen op verschillende manieren worden ontworpen voor verschillende effecten. Maak patronen die werken met de toon die u aan een project wilt geven. Symmetrische groeperingen zijn georganiseerd en rustgevend, meer willekeurig gepaarde elementen kunnen storend en opgewonden aanvoelen.
Heb niet het gevoel dat je je aan één type patroon moet houden. Combineer verschillende soorten patronen voor impact op verschillende plaatsen. Verschillende onderdelen van hetzelfde project kunnen verschillende soorten patronen op verschillende locaties bevatten. (En dat is volkomen acceptabel.)
