3 viktiga designtrender, september 2017
Ibland kan du bara titta på nya webbprojekt och se vilka designers som tänker. Du kan känna stämningen. Månadens trender speglar det här begreppet med djärva färgval, en kollaps av den traditionella hjältehuvudsstilen som har varit populär ett tag och mörka animerade mönster som bara är lite mystiska.
Vad tror du? Är du redo för tunnare typografi alternativ, mer detaljerad detaljering och ikon stil logotyper? Du kanske är efter att ha sett några av dessa designprojekt.
Här är vad som trender i design denna månad:
1. Rainbow färger
När du hör "regnbågens färger" är det första som kommer att komma ihåg nog inte bra design. Det finns för många skarpa exempel på garish-projekt med regnbågs-temat färgpalettar som är överväldigande och helt uppriktigt designkatastrofer.
Dagens regnbågsfärger är allt annat än katastrofala. De är stilfulla, enkla och ger precis rätt mängd färg till ett överraskande antal projekt. Rainbow paletter är inte bara för små webbplatser heller; stora varumärken inklusive Github Universe Conference , Southwest Airlines och London grammatik Spotify-kanalen använder alla intressanta regnbågsmönster.
Ännu mer intressant är att varje design använder samma färgkoncept på väldigt olika sätt.
- Rainbow-textelement i en mörk estetik: Github använder en enkel mörk estetik med regnbågsfärgade text- och användargränssnitt för att dra ögat från viktig information (till exempel datumet) till huvudåtgärden (biljettförsäljning). Regnbågens gradient är enkelt och subtilt, samtidigt som man ställer in humör om möjligheter och optimism. Det verkar som enbart rätt kombination för att uppmuntra användare att registrera sig för en konferens.
- Southwest Airlines tar ett annat tillvägagångssätt med element i regnbågens bakgrund och text fyller i ett lättare behållarelement. Regnbågens accent ger en visuell referenspunkt för en webbplats som har innehåll som kan tolkas som tråkigt. Färg ger fallstudien lite mer liv för att uppmuntra klick.
- London Grammar använder en jätte regnbåge orb för att dra användarna in i ljudblandningsupplevelse-samarbetet med Spotify. Regnbåge blob skiftar och rör sig med en långsam animering som känns som gel i vatten. Färgerna rör sig och sammanfogar och det är något du kan titta på hela dagen om du inte är försiktig. Gaming-aspekten hos det färgade elementet är också intressant, men färgen är definitivt vad som drabbar användarna först.
2. Kollaps av hjältehuvudet
Den överdimensionerade hjältehögtalaren för foto eller skjutreglaget har varit ett webbdesign i flera år. Men det finns en trend att komma ifrån mönstret med fler designers som väljer en mer minimal över rullstrukturen med fler element och en mindre konstruerad känsla.
Resultatet verkar vara en trend med fler vita eller ljusa rubriker som har en smattering av delar som flyter runt. Denna trend får lite blandade recensioner. Några av bilderna är intressanta, men totalt sett verkar det finnas en övergripande brist på fokus för användarna och tydligt definierad uppsättning åtgärder att vidta.
Vad som är trevligt om hjältehuvudets kollaps är att det minsta tillvägagångssättet gör att användarna ser ut. Det är annorlunda. Frågan är om det finns tillräckligt med meddelanden för att bära sitt intresse för länge eller om användarna kommer att svara positivt på en mindre visuell webbplatsupplevelse.
Det här är en trend att titta på, för det är troligt i de tidiga stadierna av evolutionen. Designers är redo att göra något annat med sidans toppen (och förståeligt så). Denna iteration av projekt är bara det första steget mot något nytt. Vissa designers kan vara störda av den udda kombinationen eller delar av element ovanför rullningen i de flesta av dessa konceptkoncept hittills. Det återstår att se var trenden går nästa, men det är värt att hålla ett öga på.
3. Mörka animerade mönster
Detta kan vara den roligaste trenden i webbdesignen just nu: Mörka animerade effekter lagrade ovanpå mörka färgscheman. Det mörka på mörkt koncept är mystiskt, visuellt intressant och gör att användaren ser ut och engagerar sig i designen.
Dessutom kan det fungera på så många olika sätt. Det finns ingen inställd storlek eller typ av animering eller vad effekten gör. Vart och ett av exemplen nedan använder mörka animerade effekter på olika sätt som alla uppmuntrar någon form av interaktion från automatiserad rörelse till musöver effekter till överraskningar (du måste klicka på länkarna för att hitta den).
Även om dessa design ser riktigt cool ut, kan de också utgöra några utmaningar. Inte alla användare är angelägna om en sådan mörk estetik. Det kan inte bli bra under alla miljöförhållanden. Dessa mönster ser definitivt ut och fungerar bättre på skrivbordsskärmar än mindre enheter.
Men designtrenden har en plats för designers som vill skapa något lite annorlunda, med en viss stämning och trendig aspekt.
Det finns också något om kombinationer av mörka nyanser utan mycket färg som bara drar dig in. (Det är lite oförklarligt.)
För att få ut det mesta av mörkret i mörk trend, se till att du använder tillräckligt med variationer i mörka nyanser för att se till att element kan ses och att rörelser är urskiljbara. Använd rik svart med massor av undertoner för att ställa rätt humör för varje projekt.
Medan exemplen nedan helt och hållet saknar färg, överväg en kontrast nyans än vit för viktiga viktiga punkter. (En färgad call to action-knapp skulle verkligen sticka ut med mängden kontrast som alla svarta bilder ger.)
Den andra gemensamheten med denna trend är i enkelheten av animationerna som används. Ingen av rörelsen är alltför komplicerad. Det är lika enkelt och strömlinjeformat som färgpalett, vilket är en viktig bidragsyter till den övergripande framgången med designutvecklingen.
Slutsats
Skiftningen i färganvändning som presenteras av den här månadens trender är både intressant och effektiv. Regnbågsfärger är mycket roliga och upplyftande medan minimala vita och mörka mönster ger både gott om utrymme för introspektion och reflektion. Färgval kopplar verkligen till hur designers känner till ett projekt.
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.