3 væsentlige designtendenser, september 2017
Nogle gange kan du bare se på nye hjemmeside projekter og se, hvilke designere tænker. Du kan føle stemningen. Denne måneds tendenser afspejler dette koncept med dristige farvevalg, et sammenbrud af den traditionelle helt-header-stil, der har været populær i et stykke tid og mørke animerede mønstre, der bare er lidt mystiske.
Hvad synes du? Er du klar til tyndere typografi muligheder, mere detaljerede detaljer og ikon stil logoer? Du kan være efter at have set nogle af disse designprojekter.
Her er hvad der trender i design denne måned:
1. Rainbow farver
Når du hører "regnbuefarver", er det første, der kommer til at tænke på, nok ikke godt design. Der er for mange skarpe eksempler på garish projekter med regnbue-tema farvepaletter, der er overvældende og helt ærligt designkatastrofer.
Dagens regnbuefarver er alt andet end katastrofale. De er klassiske, enkle og giver lige den rigtige mængde farve til et overraskende antal projekter. Rainbow paletter er ikke kun til små hjemmesider; store mærker, herunder Github Universe Conference , Southwest Airlines og London Grammatik Spotify kanal bruger alle interessante regnbue mønstre.
Endnu mere interessant er, at hvert design bruger det samme farvekoncept på meget forskellige måder.
- Regnbuks tekstelementer i en mørk æstetik: Github bruger en simpel mørk æstetik med regnbuefarvede tekst- og brugergrænsefladeelementer til at trække øjet fra nøgleinformation (f.eks. Datoen) til hovedhandlingen (billetsalg). Regnbue gradienten er enkel og subtil, mens man sætter stemning på muligheder og optimisme. Det ser ud til, at det kun er den rigtige kombination for at tilskynde brugerne til at tilmelde sig en konference.
- Southwest Airlines tager en anden tilgang med regnbue baggrundselementer og tekst udfylder et lettere beholderelement. Regnbuens accent giver et visuelt referencepunkt for et websted, der har indhold, der kan fortolkes som kedeligt. Farve giver casestudiet lidt mere liv for at hjælpe med til at opmuntre til klik.
- London Grammar bruger en kæmpe regnbue-orb til at trække brugere ind i lydblandingsoplevelsessamarbejdet med Spotify. Regnbue blob skifter og bevæger sig med en langsom animation, der føles som gel i vand. Farverne flytter og fusionere, og det er noget du kan se hele dagen, hvis du ikke er forsigtig. Gaming-aspektet af det farvede element er også interessant, men farven er bestemt, hvad der trækker brugerne først.
2. Collapse of the Hero Header
Den overdimensionerede foto eller skyderenhelt header har været et website design hæfteklammer i årevis. Men der er en tendens til at komme væk fra mønsteret med flere designere, der vælger en mere minimal over rullestrukturen med flere elementer og en mindre konstrueret følelse.
Resultatet ser ud til at være en trend med flere hvide eller lyse overskrifter, der har en smattering af dele, der flyder rundt. Denne tendens får noget blandede anmeldelser. Nogle af billederne er interessante, men generelt synes der at være en samlet mangel på fokus for brugere og klart definerede sæt handlinger at tage.
Hvad der er godt om sammenbruddet af heltens hoved er, at den minimale tilgang gør brugerne til at se. Det er forskelligt. Spørgsmålet er, om der er nok beskeder til at bære deres interesse for længe, eller hvis brugerne vil reagere positivt på en mindre visuel hjemmesideoplevelse.
Dette er en tendens til at se på, fordi det er sandsynligt i de tidlige stadier af evolutionen. Designere er klar til at gøre noget anderledes med siderne (og forståeligt nok). Denne iteration af projekter er kun det første skridt mod noget nyt. Nogle designere kan blive forstyrret af den ulige kombination eller dele af elementer over rullebladet i de fleste af disse designkoncepter hidtil. Det er stadig at se, hvor trenden går næste, men det er værd at holde øje med.
3. Dark Animated Patterns
Dette kan være den mest sjove tendens i website design lige nu: Dark animerede effekter lagret oven på mørke farveskemaer. Det mørke på mørke koncept er mystisk, visuelt interessant og gør det virkelig brugeren ser ud og engagerer sig i designet.
Plus, det kan fungere på så mange forskellige måder. Der er ikke angivet nogen størrelse eller type animation eller hvad effekten gør. Hvert af eksemplerne nedenfor bruger mørke animerede effekter på forskellige måder, som alle opmuntrer til en slags interaktion fra automatiseret bevægelse til musens overvirkninger til overraskende overraskelser (du skal klikke på linkene for at finde den).
Mens disse design ser rigtig cool ud, kan de også udgøre nogle udfordringer. Ikke alle brugere er ivrige efter sådan en mørk æstetik. Det kan ikke lykkes under alle miljøforhold. Disse designs ser helt sikkert ud og fungerer bedre på skærmbilleder end mindre enheder.
Men designtrenden har et sted for designere, der ønsker at skabe noget lidt anderledes, med et bestemt humør og trendy aspekt.
Der er også noget om kombinationer af mørke nuancer uden meget farve, der bare trækker dig ind. (Det er lidt uforklarligt.)
For at få mest muligt ud af mørket på den mørke trend skal du sørge for at bruge nok variation i mørke nuancer for at sikre, at elementer kan ses, og at bevægelser kan ses. Brug rige sorte med masser af undertoner til at indstille det rette humør for hvert projekt.
Mens eksemplerne nedenfor helt mangler farve, skal du overveje en kontrastfarve end hvid til vigtige punkter. (En farvet opkald til handlingsknap ville virkelig skille sig ud med mængden af kontrast, som alle de sorte billeder giver.)
Den anden commonality med denne tendens er i enkeltheden af de anvendte animationer. Ingen af bevægelsen er alt for kompliceret. Det er så enkelt og strømlinet som farvepalet, hvilket er en vigtig bidragyder til den overordnede succes af designtrenden.
Konklusion
Skiftet i farveforbrug fremvist af denne måneds tendenser er både interessant og effektivt. Rainbow farver er meget sjov og opløftende, mens minimalt hvide og mørke mønstre begge giver rigeligt plads til introspektion og refleksion. Farvevalg er virkelig forbundet med, hvordan designere føler sig om et projekt.
Hvilke tendenser elsker du (eller hater) lige nu? Jeg vil gerne se nogle af de websteder, du er fascineret af. Drop mig et link på Twitter ; Jeg vil gerne høre fra dig.