Det finns en ny favoritform i design idag - polygonen. Dessa kärleksfullt kallade "polyformer"? poppar upp på webbplatser, affischer och i tryckta projekt. Och en av de bästa delarna av denna mångsidiga trend är att var och en av dessa mönster är så olika.
Polygoner är former som definieras i elementär geometri som en "planfigur som begränsas av en ändlig kedja av raklinjesegment i en slinga för att bilda en sluten polygonalkedja. Formerna kan ha några sidor eller orientering, kan fyllas eller ihåliga och kan ha banor och slag som skär. Polygoner är vanligen plana, tvådimensionella former, även om det på webbplatsen är några polygoner som animerar drag och verkar ha fler 3-D egenskaper.
Polygoner är en rolig teknik för nya projekt eller kan ge nytt liv till en design som känns lite gammal. Här är några projekt med polyformer som hjälper till att starta din nästa brainstorming session.
Skapa en fet bakgrund
Polyformer kan vara ett bra designverktyg när du sitter fast med mörka bilder. Form kan lägga till en omedelbar wow-faktor till designen med intressanta staplar och orienteringar. Och de arbetar ensamma eller ihop med bilder och text.
Båda exemplen ovan visar polyformer i olika format men med samma resultat - en visuellt intressant disposition. Former kan bidra till att lägga till djup, ge uppfattningen av rörelse och jämn riktningsljud för användarna.
Som en bonus för designers är polygoner inte svåra att skapa och kan införlivas i vilken stil som helst och nästan vilken färg eller typografipalett som helst. (Ett av de mest populära alternativen är att lägga subtila gradienter till polyformer för att ta en del av den hårda, platta 2-D-kanten av.) Stilen fungerar också med många olika konceptkoncept - polyformer kan integreras i mer minimal skisserar eller passar perfekt med upptagna, kraftigare mönster.
Gör Intressanta Ikoner eller Divot
Använd polyformer för en ny vridning på användargränssnitt, till exempel ikoner eller navigeringsavsnitt. Det går inte att bestämma storleken på polygoner i designen och till och med super små anslutningsdelar kan göra ett roligt singelelement. Anslutande former och linjer kan också resultera i intressanta djup- och färgkombinationer som hjälper till att dra ögat.
Chop Chop Agency använder en gul pieced-together polygon för att skapa en pil som riktar användarna rätt till huvudnav. (Plus, belastningsanimationen av alla bitar som poppar på plats är ganska snygg.) Den ljusgula ikonen i det minsta designschemat är uppmärksamhetsfullt och lägger till ett enkelt visuellt element utan att röra skärmen. Som en extra bonus växlar de enskilda polygonerna till andra former när du går igenom webbplatsen.
Polygoner är både intressanta och bekanta för användarna. Anslutande former är något som de flesta människor identifierar visuellt och förstår snabbt, oavsett storlek. Att använda polyformer för små användargränssnitt är ett enkelt sätt att göra något lite annorlunda än den normala cirkeln eller kvadraten med samma övergripande effekt och leder till samma resultat.
Visa användare något
Polyformer kan vara ett bra verktyg när det gäller att förklara hur något fungerar. På grund av rötter i matte och geometri kan polygoner användas för att ge kartläggning, instruktion och ytterligare information för att hjälpa användarna att förstå något. I designprojekt ser det ofta ut som poly konturer ovanpå en annan bild.
Både Ditto och Choudhary Lab använder polyformer på detta sätt, även om användningarna är något annorlunda. Ditto använder sig av polyformer på ett mycket bokstavligt sätt för att visa hur deras mätinstrument för glasögon fungerar. Polyformerna kommunicerar hur mätnings- och ansiktsformigenkänningsverktyg fungerar. Choudhary använder polyformer för att kommunicera mer om vad företaget gör, vilket visar att det är en vetenskaplig webbsida med användning av polyformade animerade ikoner.
Samförståndet är att båda exemplen använder polyfonstrukturer för att bättre förklara innehållet för användarna. Båda exemplen använder en viss animation för att hjälpa till med den här förståelsen. De animerade effekterna är en snygg hårdvara som tydligen leder till överlagringar och bidrar till den övergripande användarupplevelsen.
Par med färg
Polyformer är en naturlig passform när du vill skapa en design med högfärg. Från ett övergripande ljust färgschema till accenter som pop, polygoner och färg verkar vara en perfekt match.
Och färgkombinationerna är ganska oändliga. Prova några av dessa idéer:
- Regnbågens färgpalettpolygoner
- Svarta eller vita polyformer över ljus bakgrund, till exempel Creamfields, ovan
- Polygoner med gradienter
- Polygoner som en färgad accent, såsom Bailey och French, ovan
- Polyformer med fyllningar eller som konturer
Skapa ett accent
Några av de bästa användningarna av polyformer kan vara de minsta. Medan några av ovanstående exempel noteras med hjälp av polyformer för ikoner eller användargränssnitt, kan de också vara effektiva för de minsta accenterna. Tänk på en polybaserad form för en liten logotypbehandling för att lägga tonvikten på ditt namn på en portföljplats eller gå stort med en polystyl-accent som hjälper till att dra användare till en design.
Exemplen ovan visar båda fallen av polyformade accenter. Stor eller liten är konceptet uppmärksamt. Vad som är ännu bättre är det här en användning som du kan lägga till i en befintlig design utan en fullskalig översyn. Den enkla designtekniken kan lägga till en modern känsla för ett estetiskt mönster som börjar känna sig gammalt och hjälper till att ge en hint av trendighet utan mycket bekostnad eller tidsåtgärd.
Slutsats
Polyformer är en rolig trend som är ganska lätt att distribuera i en rad olika designprojekt. De arbetar för ett antal applikationer från rent visuellt element till ett informations- eller riktverktyg.
Dessutom är polygoner ett element som nästan alla förstår.Former är några av de mest grundläggande byggstenarna i design. Polyformer lägger till den extra visuella intressen eftersom de är de vanliga rektanglarna och cirklarna som förekommer i de flesta designprojekt. Polygoner är öppna konceptformer som du kan ha mycket roligt med. (Jag är ett stort fan av denna teknik just nu, så om du har ett polyprojekt, vänligen dela en länk med mig på Twitter.)