Om du tittar, kan du nästan se utvecklingen av webbdesign sker. Några designtrender har uppstått som de viktigaste elementen i 2017 (hittills) med intressanta typografi, färg och navigeringsmönster som leder vägen.
Så nu vi är halvvägs fram till 2017, låt oss fokusera lite på designinspiration och titta på de senaste trenderna i året hittills. Ska du inkludera alla dessa? Absolut inte! Men en av två, valda noga, kan verkligen hjälpa till att ge din design en aktuell, aktuell känsla.
1. Typografi i delade områden
Designers bryter typografireglerna genom att utvidga bokstäverna över flera element. Typ kan sträcka sig över två lådor i en skärmformad estetisk eller inkräkta på utrymmet för ett annat designelement som en bild.
Hur som helst kan resultatet bli fantastisk.
Men det är inte lätt att göra. Typografi i delade utrymmen är ett visuellt intressant sätt att dra användare över innehåll och skapa flöde i designen. När parat med intresserade teckensnitt eller överdimensionerade teckensnitt kan typografi i delade utrymmen få en dramatisk inverkan. Den extra tonvikten på typsnittet eftersom den lagrar på flera mellanslag belyser orden och skapar en kontaktpunkt i designen.
För bästa möjliga nytta av designutvecklingen behöver du en kort del av meddelanden och ett bild- och bakgrundspar med liknande färg så att den typen lätt kan läsas över hela duken.
I de flesta fall väljer du svart eller vitt bokstäver i bakgrunden. Det här är en ganska komplex design för användarna att smälta - även om det kan se ganska enkelt ut - och läsbarheten borde vara ett primärt problem.
Fokusera på visuellt flöde med denna typ av designmönster. Tänk på vilka delar av designen som är viktigast för användarna att se för att skapa en lagrad bakgrunds- och bokstävereffekt.
Läs mer om trenden, och se ännu fler exempel, plus en primer på att arbeta med skärmdesigner.
2. Polyformer
Nästan överallt du ser, använder designare polygoner på intressanta sätt. Från former som fyller hela designen till enkla överlagringar till hörnseffekter, är polyformer nästan överallt.
Vad som är trevligt med denna design trend är att den är så mångsidig. Polyformer kan läggas till nästan vilken form som helst, över video eller foton och med vilken färg eller typografi som helst. (Det är den perfekta uppdateringen om du vill uppdatera en aktuell webbplats.)
Är du osäker på vad som kvalificerar som en polyform? 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.
Polyformer kan ge en hel del design inspiration. Använd dem för divots eller användargränssnitt, för att uppmuntra navigering eller för att ge visuellt intresse när andra bilder är lite bristfälliga.
Läs mer om trenden och se ännu fler exempel.
3. Gradienter
En av de tråkigaste delarna av plandesignen var förlusten av gradienter i designprojekt. Men de är tillbaka på ett stort sätt. (Många krediter går till Spotify för att använda dem i sin visuella identitet.)
Gradienter visas överallt och på alla sätt tänkbara - bakgrunder, som färgöverlagringar och i användargränssnitt. Dagens designinspiration för gradienter är dock lite annorlunda än den tidiga designtiden. I stället för gradienter som är subtila och blekna till svart eller vitt, är dessa gradienter djärva och innehåller ofta två färger.
Medan en bra gradient kan fungera i nästan vilken del av konstruktionsmonotiska gradienter som ofta fungerar bäst för mindre element och två färgvariationer, lägger de flesta till stora designstycken, till exempel bilder eller bakgrunder.
Läs mer om trenden och se ännu fler exempel, plus ta en titt på några roliga sätt att använda gradienter för färgöverlagringar.
4. fet färg
Stora, djärva färgval verkar vara överallt, och inte bara i användningen av gradienter. Ljusa bakgrunder, djärva knappar och accentfärger som verkar hoppa av skärmen hjälper till att ge plats för ögonen att landa.
Några av de största trenderna i färg kan till och med vara saker du inte förväntar dig - neonfärger och färgfonter.
Här är några tips för att använda djärva färgalternativ som fungerar:
- Inkorporera de ljusaste färgerna från ditt varumärkes palett.
- Använd färg för att göra ett uttalande.
- Ljusa färger gör stora accenter.
- Kan inte hitta ett sätt att använda en djärv färg? Inkludera nyanser i bilder och foton.
- Blanda och matcha djärva färger med svart och vitt för maximal effekt.
- Använd färg med avsikt och syfte.
Läs mer om djärva färgtrender, som neon och färgfonter.
5. Experimentella navigationsmönster
Även om det inte alltid rekommenderas att blanda upp navigeringsmönster och gå för långt bort från menyer som är förankrade överst på skärmen, kan det fungera för vissa webbdesigner. Faktum är att 2017 har varit året för experimentell navigering hittills, med massor av webbplatser som använder sidnavigering, bottennavigering och letar efter färska tar på sig dolda, rullande och popup-alternativ.
Och här är saken: Det verkar fungera.
Bara du vet säkert - gå alltid tillbaka och gräva in i dina analyser för att se till att en navigeringsändring fortfarande ger upphov till klick - men fler konstruktörer experimenterar med nya koncept. Tricket verkar vara att navigationselementen fortfarande måste ha framträdande på startskärmen (gör dem större än normala om de befinner sig i en ovanlig position) och använda andra visuella signaler för att visa användarna vad de ska göra nästa.Ovanliga användarmönster kan läras snabbt med hjälp.
Läs mer om trenden och se ännu fler exempel.
Slutsats
Medan många trender tenderar att komma och gå, stannar dessa. Det verkar som om den gemensamma tråden är att varje trend kan passa in i en mängd olika designkonturer och inte övertar hela estetiska flödet.
Vilka är dina favorit trender i 2017? Finns det några av dessa trender som du vill gå bort? Låt oss chatta på Twitter (kom ihåg att märka Design Shack).