Viktiga designtrender, april 2016
Webbsida design ser verkligen bra ut idag. Kanske för att våren är i luften eller kanske det bara finns en bra atmosfär. Hur som helst, trenderna i webbdesign i den här månaden reflekterar den uppåtriktade känslan, med svarta ikonstilstilar, stor fotografi och ljusa färgval.
Här är vad som trender i design denna månad:
1) Ikonstilstil illustrationer
Det är svårt att inte älska en bra illustration. Några av de bästa illustrationerna vi ser just nu har mer av en ikonstilstil känsla för dem. Det kommer med några viktiga egenskaper:
- Plana och enkla illustrerade element (notera hur alla de små illustrationerna kombineras i Confederation Studio-webbplatsen)
- Ljus färg eller enkel färgning med primär nyans
- Geometriska former med ett interaktivt syfte
- Element med utseende och känsla av ikonen, minus behållaren, så visuellt ser du det som en ritning och inte en knapp
- Handritade illustrativa effekter
- Element som ser ut som ikoner, men tar upp betydligt mer utrymme på duken än en ikon
- Enkla linjestegritningar (till exempel stilen från Draw a Better 2016)
Vad som är coolt om den här trenden är att det arbetar med att införa ett element av whimsy i ett designprojekt utan att känna sig överväldigande nyckfull. Det skapar en fin balans mellan handgjorda och professionella. Det tar också en något mer maskulin känsla än många av de andra trenderna som fokuserar på whimsy, som akvarell eller handtecknad manuskript.
Även om du inte är en illustratör, är det en trend du kan dra nytta av. Det finns gott om leverantörer betalade och gratis-som skapar vektorbaserade ikonpaket. Leta efter ett kit som innehåller alla de faktiska formfilerna så att du kan dra ihop bitar, byta färger och mixa och matcha delar för att skapa överdimensionerad illustrerad ikonografi för dina projekt.
2. Större än livsfotografering
Ett stort, djärvt fotografi eller bild gör ett fantastiskt första intryck. Därför väljer så många designers större än livs bilder för att dra användare in i sina webbdesigner. Detta designelement kan vara överraskande, intressant och vara ett bra alternativ om du har en eller två bra bilder, men inte ett stort bibliotek att arbeta med.
Men du måste vara villig att bli lite obekväma för att komma dit.
För att få ut det mesta av den fotografiska trenden med större livslängd måste du vara villig att göra en av tre saker med designen:
- Beskär ett foto så tätt att det tar upp en betydande del av skärmen, så att bilden blir skalad till en andel som är större än verkligheten
- Zooma in på en nästan obekväma nivå med bilder av människor och ansikten för att visa varje detalj
- Ställ ett standardfoto men lägg till ett element som är annorlunda eller intressant på ett sätt som är lite oväntat
Alla tre av dessa tekniker kan vara ganska obekväma först. Intense grödor, superlängda ansikten och oddities kan alla göra dig lite orolig först. Närma sig visuellt för denna typ av design lite annorlunda. Börja med det största eller udda alternativet möjligt. Sedan tillbaka i små steg och utvärdera hur du känner dig om bilden. Chansen är att du kanske hamnar tillbaka till en av de tidigare alternativen.
Genom att använda detta tillvägagångssätt tillåter du dig att se designen och bilderna på ett annat sätt. Det är det som gör den här trenden så slående - bilderna är olika. De ritar användarna eftersom formerna, grödorna och övergripande stilar är så olikt de flesta webbplatser som en användare landar på varje dag.
3. Ljusa färgval
Den ljusa, djärva färgen är in. Tendensen har inverkan på roterande materialdesign. Även om Material är en interaktionsbaserad designstil, blir vissa av de visuella komponenterna självdragande. Detta gäller särskilt färg.
Varför använder du en färgpalett i materialstil om resten av designen inte är material? Det är ett enkelt sätt att lägga till ett trendigt element i ett projekt utan fullskalig omstrukturering. Du kan nästan lägga en ljus färg och lämna resten av designen ensam med bara några tweaks till CSS eller bilder.
Vad är materialfärg? Det finns ingen perfekt definition, men här beskrivs hur Google beskriver det: "Färg i materialdesign är inspirerad av djärva nyanser blandade med dämpade miljöer, djupa skuggor och ljusa höjdpunkter. Material tar signaler från samtida arkitektur, vägskyltar, beläggningsband och idrottsbanor. Färgen ska vara oväntad och levande. "- https://www.google.com/design/spec/style/color.html
Om du är intresserad av att skapa en materialbaserad färgpalett och behöver en startplats, prova Material Palette. http://www.materialpalette.com/
De djärva färgalternativen är vackra och står ut mot många av de mer dämpade minimalistiska projekt som har varit populära. Ljusblåa, gröna och gula är särskilt populära som accenter i färgpalett. Trenden verkar vara inriktad på beröring av Materialfärg, inte fullskaliga färgpalettar.
För ett projekt som verkligen wows, det tar en mer än bara en ljus färg. Projektets stämning ska vara lika ljus.
- Notera hur Lefty parar ljusgrön med bilder av glada, leende människor för att skapa ett överväldigande positivt humör.
- BNP Paribas använder en ljusgrön för att få användare till ett spelstil-gränssnitt som är inställt mot en mörkare bakgrund.
- Big Drop använder en djärv gul (och blå, röd och grön på rullningen) med lätta bilder och ett roligt typsnitt för att dra in användarna, vilket gör att verksamhetssidan verkar mindre formell.
Tricket att lägga till i tips av Material Design-inspirerade färger är inte att förlora din branding. Gör inte om hela din färgpalett baserat på en trend; snarare hitta ett sätt att införliva ljus färg utan att överväldiga designen. Användning av exempel är bra sätt att tänka på det - använd en enkelfärgad form som ett visuellt element, prova en djärvt färgad rubrik eller använd ljusa färgpaneler för att skapa en mer fördjupad interaktiv upplevelse för användare när de bläddrar ner på sidan.
Slutsats
Det är bra när några trender bara kan göra dig lycklig. Det är vad den här gruppen gör med färg och typval och med bildspråk. Kanske är det inte bara vårens inflytande och vi fortsätter att se dessa element i ännu mer mönster under de kommande månaderna.
Vilka trender älskar du (eller hatar) just nu? Jag skulle gärna se några av de webbplatser som du är fascinerad av. Släpp mig en länk på Twitter ; Jag skulle gärna höra från dig.