3 viktige designtrender, juli 2017
Denne måneden ligger fokus på designelementer. Mange nyere trender har involvert brukermønstre, farger eller typografi, men her handler det om subtile teknikker. Viktige trender for å ta hensyn til inkluderer downpage navigasjon, bokser som designelement og mange vertikale linjer og bevegelse.
Her er det som trender i design denne måneden:
1. Downpage Navigation
Designere synes å være i ganske eksperimentelle fasen når det gjelder navigasjon i disse dager. Fra vertikale, side navigasjonsalternativer til pop-out stiler til downpage stiler, menyelementer er slags over alt.
Mens downpage-navigasjonen pleide å være en tydelig nei-no, kan den vokse på deg. Og som flere designere velger dette brukermønsteret, blir det mer generelt akseptert. Her er et forsiktig ord: Hvis du velger nedstartsnavigering, må du holde øye med analysen på nettstedet for å sikre at de besøkende forstår mønsteret og fortsetter å klikke. Denne teknikken kan ikke fungere for alle publikum.
Så hvordan får du det til å fungere?
- De beste downpage navigasjonsmodellene brukes til enkle, design. En hjemmeside uten en rulle og bare en håndfull sider er best.
- Downpage navigasjonselementer må være på den store siden, slik at brukerne ikke overser dem.
- Sticky elementer er nødvendige hvis siden har en lengre rulle.
- Tenk på downpage navigasjon på hjemmesiden for et nytt alternativ, men gå tilbake til et mer tradisjonelt mønster på innvendige sider.
- Bruk den med et minimalt rammeverk. Downpage navigasjon kan enkelt gå seg vill i et design som er komplisert eller har mange elementer som konkurrerer om brukerens oppmerksomhet.
- Inkluder et "ekstra" designelement for å skyve brukere mot navigasjon. Dette kan inkludere alt fra et dristig fargevalg til en retningsbestemt visuell som bidrar til å lede øyet mot navigasjon på en ikke-tradisjonell plassering.
2. Bokser som designelementer
Dette kan være en av de mest slående og allsidige trender av 2017-boksede elementer for rene estetiske formål.
Bokser er en flott container - som vi har sett fra kortutviklingen - men designere jobber med bokser for å markere innhold, vise bilder og trekke øynene til en viss del av lerretet. Og det fungerer vakkert.
Den fine tingen om denne trenden er at den er så allsidig. Du trenger ikke å revurdere en hel design for å bruke bokselementer. De kan tjene som rene visualer eller lenke til annet innhold. En boks kan inneholde nesten alt fra et flott bilde til en oppfordring til handling.
Noen tips for å få mest mulig ut av et boksdesignelement inkluderer:
- Bruk en boks for å lage dybde eller fokus, for eksempel Cedrick Lachot , under. Bildet på den svarte bakgrunnen er enkel, og den hvite teksten øverst legger vekt på rektangulær form og andre klikkbare bokser på hjemmesiden og gjennom hele designet.
- Bruk en boks til lagelementer. Feudi Di San Gregorio , under, bruker en boks for å trekke øye til en meget spesifikk del av innholdet med en lagringsteknikk som gjør at den føles som en del av bildet. Se nøye på hendene i forhold til boksen. Det samme konseptet brukes til flere bilder i den horisontale scroller og legger til et ekstra lag med vakker kompleksitet til den enkle designen.
- Bruk en boks for å lage flyt. Beoplay , under, bruker stablede bokser med bilder for å lage en bane gjennom designet. Hver boks animerer fra en rekke mindre bokser for å engasjere brukeren og oppfordre til å bla.
- Bruk en boks for å opprette et handlingbart element, for eksempel et popup-anrop til handling, på toppen av designet.
- Bruk bokser til å lage et design med kort i Material Design-stilen. Mens denne trenden har eksistert en liten stund, er det fortsatt et populært alternativ, spesielt for mobilbaserte design.
3. Vertikale linjer
Du tenker ikke alltid på nettet som et vertikalt rom, men flere designere har svært vertikale elementer inn i design.
Fra tynne linjer for å etablere flyt til bilder med forskjellige opp- og nedelementer, kan vertikale elementer hjelpe brukerne gjennom et design, oppmuntre rulling og til og med fokusere oppmerksomhet på enkelte elementer. Som en ekstra bonus er vertikale elementer visuelt interessante enkle fordi de ikke er like vanlige som horisontale, firkantede eller sirkulære elementer.
Noen av lyst til å tenke mer vertikalt kan starte i hendene. Mens de fleste stasjonære nettsteder bor i standard 16: 9-plass, blir tilgang til nettsteder på telefoner og nettbrett ofte slått på siden med en mer vertikal orientering. (I tilfelle av mange mobiltelefoner er denne retningen tydelig vertikal.)
Det gjør vertikale aksenter og brukermønstre mer vanlige og mer aksepterte for besøkende på nettstedet. De vil ikke bøye seg på designen eller lure på hvordan de skal samhandle med den. Vertikal orientering er ganske vanlig.
Det er mange måter å innlemme en vertikal følelse på på et design.
- Prøv en bakgrunn med subtile vertikale linjer for å lage tekstur.
- Lag en collage av bilder med vertikale former.
- Bruk vertikale linjer over hovedbildet for å etablere dybde mellom lag med elementer, for eksempel bilder eller videoer og tekst.
- Bruk vertikalt animert feie for å skille elementer i en bildeskyve.
- Planlegge bilder med et vertikalt fokus.
- Overvei en skjermdesign slik at hver side har et vertikalt orientert aspektforhold.
- Bruk et bakgrunnsmønster av små gjenstander i en vertikal justering.
- Stakk ikoner eller elementer i stedet for å plassere dem over skjermen.
Konklusjon
Hver gang du vurderer å bruke en trend i et designprosjekt, er det et risikofaktor. Hvor lenge vil trenden være populær? Vil det gjøre designet utdatert datert?
I stedet for å velge fullstendige trendy nettstedalternativer, bør du vurdere et trendy element som de ovenfor. Disse elementene kan være enklere å innlemme i designet (og like lett å fjerne hvis du ikke liker dem senere). Trikset for å opprettholde en moderne stil er i detaljene; det krever ikke et helt nytt design hver sjette måned.
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.