Hur man skapar mönster i designprojekt

Tänk på hur många mönster du följer i din dagliga rutin. Från att vakna och göra sig redo för att somna varje natt, är dagen fylld med dessa små repeterande element som skapar ordning och lugn. Mönster i design gör detsamma: Dessa repeterande element kan ge order till ett projekt och skapa en känsla av lugn (eller kaos) för att ställa in en ton.

Det är det sanna överklagandet av ett mönster. Det hjälper direkt användare genom ett estetiskt genom att följa mönstret eller serien av objekt och berätta för användarna hur man ska interagera med någonting. Designers kan skapa mönster på ett antal sätt - med bakgrunder, objekt, färg, ord, paneler eller genom att använda en kombination av dessa element.

Vad är ett mönster?

? Ett arrangemang av upprepade eller motsvarande delar, dekorativa motiv etc.? - Collins engelska ordbok

Ett mönster kan innefatta vilket som helst sätt att upprepa föremål, ord, färger eller former. För designändamål innebär ett mönster några element där du kan se någon anslutning eller upprepning i det övergripande estetiska. Medan många antar att mönster motsvarar ordinära och symmetriska arrangemang, så är detta inte alltid fallet. Mönster kan falla i valfri ordning; ibland är disorganisering själva mönstret.

Mönster kan kännas igen av ett antal sinnen. Visuella mönster är ofta mer kaotiska än skapade. Naturliga mönster inkluderar spiraler, vågor, sprickor och rotationer. Nästan alla textilier eller perfekt mönster skapas speciellt för visuell harmoni, även om de grundläggande formerna härleds från naturen.

Med Bakgrunder

En av de första saker som kommer att tänka på när man pratar om mönster är bakgrunder. Gjord populärt av tapeter (hem och skrivbordssorter), små eller subtila upprepande mönster är populära sätt att lägga djup till det grundläggande utrymmet i ett designprojekt. Vissa designers väljer även större eller djärvare bakgrundsmönster, även om detta inte är lika vanligt. (För mycket aktivitet i bakgrunden kan distrahera meddelandet i förgrunden.)

Så vad är några vanliga tekniker för att skapa ett tilltalande bakgrundsmönster?

  • Enkelhet: Enkla bakgrundsmönster är effektiva och lägger till djup utan att användarna faktiskt fokuserar på den aspekten av designen. De bästa bakgrunderna faller i sig, och ser bara ut för att markera huvuddelen av designen.
  • Logos: För många märken är små repeterande logotyper en vanlig bakgrundsstil. (Även om det finns en hel del som går överdimensionerade med en bakgrundslogotyp också.) Repeterande logotyper kan hjälpa till att skapa varumärkesanslutning.
  • Neutral palett: Färg är en av de vanligaste faktorerna i bakgrundsdesign. Och neutrala paletter är överväldigande dominerande. Även med trenden att använda suddiga bilder för bakgrunder - vilket är väldigt populärt just nu - är färger och former suddiga mot neutraliteten, där objekt och färger bara smälter in i varandra.
  • Symmetri: Bakgrundsmönster faller ofta i ordinära former. Med upprepande element kan mönstret ofta skiftas, titlas, reverseras eller ändras på ett antal sätt och har fortfarande samma övergripande utseende.
  • Upprepning: Upprepande föremål är också populära i bakgrundsmönster. Denna enkla teknik kan lägga djup till ett annars platt schema.

Genom att gruppera objekt

Liknande former och föremål verkar nästan falla i linje med varandra när de används i närheten. Medan det uppenbara valet att gruppera objekt för mönster är att gruppera objekt av samma form och storlek, är det inte alltid nödvändigt.

I bilderna ovan skapar Jonathan Pattersons portfölj ett uppenbart mönster med nio identiskt formade lådor som innehåller former av samma storlek. Mönstret är klart och tilltalande. Mönsteranvändningen i bilden för Dots Printhaus är mindre? Perfekt? men lika uppenbart, med en uppsättning liknande former i olika storlekar.

Detta visar att objekten kan grupperas på olika sätt men ändå skapa en känsla av mönster:

  • Liknande former
  • Varierande former i liknande storlekar
  • Former ordnar sig för att skapa ett objekt
  • Former kopplade med linjer eller andra element
  • Former med liknande antal punkter eller ändar

Genom att upprepa färg

Mönster kan etableras genom att skapa ett tema med färg. Detta inkluderar objekt eller element av samma färg eller ens arbetar med element som har liknande färg? Känns? som mättnad, ljushet eller nyans. Färgmönster används ofta för att berätta för användarna vad man ska göra med en design. I webbdesign är det till exempel vanligt att alla klickbara knappar är en enda färg. Detta skapar ett mönster estetiskt och för användarbeteende (dvs du klickar på allt som är rött).

I exemplen ovan används färg på tydligt olika sätt. Brand Aid Design använder färg för att skilja element och skapa ett mönster med ikoner av olika former och storlekar. Ro och Co använder färg för en bakgrund och samma färgton för mindre bilder på hela webbplatsen. Denna färganslutning knyter alla de mindre bilderna till den övergripande designen i ett mönster som inte har någon symmetri och väldigt liten uppenbar skillnad.

Använd färg för att skapa mönster till:

  • Upprätta samband mellan objekt
  • Skapa en känsla av hur man använder en design
  • Ställ in en visuell ton
  • Lägg till ett mönster där det inte finns något annat
  • Rita användare från ett objekt till nästa

Med upprepade ord

Upprepande ord kan skapa ett visuellt eller ljudmönster. Genom att se samma ord om och om igen kommer du att börja ansluta den till designen eller meddelandet. (Casper Sleep-platsen använder till exempel ordet "Sleep" två gånger i en design som innehåller mindre än 20 ord. Den använder också varumärket två gånger.)

Bay Street Biergarten gör något liknande, men spelar på dig att läsa webbplatsen högt.Den upprepande bilden av en björn och anslutning till ölglas och ord? alla börjar spela samma mönster. Varje element i designen säger öl. (Smart, va?)

Använd ord för att skapa mönster på andra sätt:

  • Upprepande ord eller fraser
  • Ord som har ett liknande utseende (massor av samma bokstäver)
  • Ord och bilder som säger samma sak
  • Flera ord som har samma betydelse
  • Ord med liknande längd (som många långa eller korta fraser för att skapa rytm)

Med liknande paneler

Designtrender som kortprojekt eller parallaxrullningswebbplatser har gjort det möjligt för paneler att skapa mönster i designprojekt. Från grupper av kort till Pinterest-inspirerade plattor för att rulla? Skärmar ,? Grupper av paneler skapar tydliga mönster för användarna. Dessa paneler skapar skillnader och kopplingar mellan objekt och låter användarna veta om förändringar i den information de ser.

Dessa paneler kan vara av någon form och storlek, vertikal eller horisontell och med varierande färger. De 10 senaste tio webbplatsen gör ett bra jobb för att skapa separata paneler i parallaxramar med färg och produktpositionering så att användarna tydligt kan skilja en idé till nästa. Hantverkare Ave. tar en något annorlunda inställning med en design som har en stor panel, följt av paneler inuti paneler, på ett alternerande sätt för ett mönster i mönsterstil.

Använd paneler till:

  • Länk som element
  • Ange scener
  • Skapa ett informationsflöde
  • Upprätta dominans med flera bilder
  • Berätta en visuell historia

Slutsats

Mönster kan utformas på flera sätt för varierande slag. Skapa mönster som fungerar med tonen du vill ha ett projekt att ha. Symmetriska grupperingar är organiserade och lugnande, fler slumpmässigt parade element kan känna störande och upphetsad.

Känner inte att du måste hålla fast vid en typ av mönster. Blanda och matcha olika typer av mönster för påverkan på olika ställen. Olika delar av samma projekt kan innehålla olika typer av mönster på olika platser. (Och det är helt acceptabelt.)