3 viktige designtrender, september 2017
Noen ganger kan du bare se på nye nettsideprosjekter og se hva designere tenker. Du kan føle stemningen. Denne måneds trender reflekterer det konseptet med dristige fargevalg, et sammenbrudd av den tradisjonelle heltens topptekst som har vært populær en stund og mørke animerte mønstre som bare er litt mystiske.
Hva tror du? Er du klar for tynnere typografialternativer, mer forseggjort detaljering og ikonstillogoer? Du kan være etter å ha sett noen av disse designprosjektene.
Her er det som trender i design denne måneden:
1. Regnbuefarger
Når du hører "regnbuefarger", er det første som kommer til å tenke, sannsynligvis ikke bra design. Det er for mange skarpe eksempler på garishprosjekter med regnbue-tema fargepaletter som er overveldende og ganske ærlig, designkatastrofer.
Dagens regnbuefarger er alt annet enn katastrofalt. De er stilige, enkle og gir akkurat den rette mengden farge til et overraskende antall prosjekter. Rainbow paletter er ikke bare for små nettsteder heller; store merker inkludert Github Universe Conference , Southwest Airlines og London Grammatikk Spotify-kanalen bruker alle interessante regnbue mønstre.
Enda mer interessant er at hver design bruker det samme fargekonseptet på svært forskjellige måter.
- Rainbow-tekstelementer i mørk estetikk: Github bruker en enkel mørk estetikk med regnbuefargede tekst- og brukergrensesnittelementer for å trekke øyet fra nøkkelinformasjon (for eksempel datoen) til hovedaksjonen (billettsalg). Regnbue gradienten er enkel og subtil, mens du setter inn stemning på mulighet og optimisme. Dette virker som bare den rette kombinasjonen for å oppmuntre brukere til å registrere seg for en konferanse.
- Southwest Airlines tar en annen tilnærming med regnbuebakgrunnselementer og tekst fyller i et lettere beholderelement. Regnbueakkentralen gir et visuelt referansepunkt for et nettsted som har innhold som kan tolkes som kjedelig. Farge gir case-studien litt mer liv for å oppmuntre til klikk.
- London Grammar bruker en gigantisk regnbue-orb for å trekke brukere inn i lydblandingsopplevelsessamarbeidet med Spotify. Regnbueblokken skifter og beveger seg med en langsom animasjon som føles som gel i vann. Fargene flytter og fusjonerer, og det er noe du kan se hele dagen hvis du ikke er forsiktig. Gaming-aspektet av det fargede elementet er også interessant, men fargen er definitivt det som trekker brukerne først.
2. Kollaps av heltenes topptekst
Den overdimensjonerte foto- eller skyveheltens header har vært en nettside design stift i mange år. Men det er en trend å komme seg bort fra mønsteret med flere designere som velger en mer minimal over rullestrukturen med flere elementer og en mindre konstruert følelse.
Resultatet ser ut til å være en trend med flere hvite eller lyse overskrifter som har en smattering av deler som flyter rundt. Denne trenden får noe blandede anmeldelser. Noen av bildene er interessante, men generelt synes det å være en helhetlig mangel på fokuspunkt for brukere og klart definert sett med handlinger å ta.
Det som er fint om sammenbruddet av heltenes header er at den minimale tilnærmingen gjør at brukerne ser ut. Det er forskjellig. Spørsmålet er om det er nok meldinger til å bære sin interesse for lenge, eller hvis brukerne vil reagere positivt på en mindre visuell nettsideopplevelse.
Dette er en trend å se på, fordi det er sannsynlig i de tidlige stadiene av evolusjonen. Designere er klare til å gjøre noe annerledes med toppen av sider (og forståelig nok). Denne iterasjonen av prosjekter er bare det første skrittet mot noe nytt. Noen designere kan bli forstyrret av den merkelige kombinasjonen eller deler av elementer over rullen i de fleste av disse designkonseptene så langt. Det gjenstår å se hvor trenden går neste, men det er verdt å holde øye med sikkert.
3. Dark Animated Patterns
Dette kan være den mest morsomme trenden i nettside design akkurat nå: Mørke animerte effekter lagret på toppen av mørke fargeskjemaer. Den mørke på mørke konseptet er mystisk, visuelt interessant og gjør at brukeren ser ut og engasjerer seg med designen.
Plus, det kan fungere på så mange forskjellige måter. Det er ikke satt til størrelsen eller typen animasjon eller hva effekten gjør. Hvert av eksemplene nedenfor bruker mørke animerte effekter på forskjellige måter som alle oppfordrer til en slags interaksjon fra automatisert bevegelse til mus overvirkninger til overraskende overraskelser (du må klikke på linkene for å finne den).
Mens disse designene ser veldig kul ut, kan de også utgjøre noen utfordringer. Ikke alle brukere er opptatt av en slik mørk estetikk. Det kan ikke lykkes i alle miljøforhold. Disse designene ser definitivt ut og fungerer bedre på stasjonære skjermer enn mindre enheter.
Men designtrenden har et sted for designere som ønsker å skape noe litt annerledes, med et visst humør og trendy aspekt.
Det er også noe om kombinasjoner av mørke fargetoner uten mye farge som bare trekker deg inn. (Det er litt uforklarlig.)
For å få mest mulig ut av mørket på den mørke trenden, sørg for å bruke nok varians i mørke fargetoner for å sikre at elementene kan sees og at bevegelsene er synlige. Bruk rike svarte med mange undertoner for å sette riktig stemning for hvert prosjekt.
Mens eksemplene under alle helt mangler farge, bør du vurdere en kontrastfarge enn hvit for viktige punkter. (En fargeklokke til handlingsknapp vil virkelig skille seg ut med mengden kontrast som alle de svarte bildene gir.)
Den andre commonality med denne trenden er i enkelheten av animasjonene som brukes. Ingen av bevegelsene er altfor komplisert. Det er så enkelt og strømlinjeformet som fargepaletten, som er en viktig bidragsyter til den overordnede suksessen til designtrenden.
Konklusjon
Skiftet i fargebruken fremvist av denne måneds trender er både interessant og effektivt. Regnbuefarger er mye moro og oppløftende mens minimal hvite og mørke mønstre begge gir god plass til introspeksjon og refleksjon. Fargevalg virkelig knytter seg til hvordan designere føler om et prosjekt.
Hvilke trender elsker du (eller hater) akkurat nå? Jeg vil gjerne se noen av nettstedene du er fascinert med. Slett meg en lenke på Twitter ; Jeg vil gjerne høre fra deg.