3 væsentlige designtendenser, juli 2017
Denne måned er fokus på designelementer. Mange nyere tendenser har involveret brugermønstre, farve eller typografi, men her drejer det sig kun om subtile teknikker. Vigtige tendenser til at notere omfatter downpage navigation, kasser som designelement og masser af lodrette linjer og bevægelse.
Her er hvad der trender i design denne måned:
1. Downpage Navigation
Designere synes at være i ganske eksperimentelle fase, når det kommer til navigation i disse dage. Fra lodrette, side navigation muligheder til pop-out stilarter til downpage stilarter, menupunkter er slags overalt.
Mens downpage navigation plejede at være et klart nej-nej, kan det vokse på dig. Og som flere designere vælger dette brugermønster, bliver det mere generelt accepteret. Her er et forsigtighedsprincip: Hvis du vælger downpage navigation, skal du holde øje med analysen på hjemmesiden for at sikre, at dine besøgende forstår mønstret og fortsætter med at klikke. Denne teknik fungerer muligvis ikke for alle målgrupper.
Så hvordan får du det til at fungere?
- De bedste downpage navigationsstile anvendes til simple design. En hjemmeside uden en rulle og kun en håndfuld sider er bedst.
- Downpage navigationselementer skal være på den store side, så brugerne ikke overser dem.
- Sticky elementer er nødvendige, hvis siden har en længere rulle.
- Overvej downpage navigation på hjemmesiden for et nyt alternativ, men vend tilbage til et mere traditionelt mønster på indersider.
- Brug det med en minimal ramme. Downpage navigation kan nemt gå tabt i et design, der er komplekst eller har mange elementer, der konkurrerer om en brugers opmærksomhed.
- Medtag et "ekstra" designelement til at skubbe brugere mod navigation. Dette kan omfatte alt fra et dristigt farvevalg til et retningsbestemt visuelt, der hjælper med at lede øjet mod navigation på en ikke-traditionel placering.
2. Kasser som designelementer
Dette kan være en af de mest slående og alsidige tendenser i 2017-boksede elementer til rene æstetiske formål.
Kasser er en stor container, som vi har set fra kortudviklingen, men designere arbejder med kasser for at fremhæve indhold, vise billeder og tegne øjet på en bestemt del af lærredet. Og det virker smukt.
Det gode ved denne tendens er, at den er så alsidig. Du behøver ikke at genoverveje et helt design til at bruge boksede elementer. De kan tjene som rene visuelle eller link til andet indhold. En kasse kan indeholde næsten alt fra et godt billede til et opkald til handling.
Nogle tips til at få mest muligt ud af et boxed designelement omfatter:
- Brug en boks til at skabe dybde eller fokus, f.eks Cedrick Lachot , nedenfor. Billedet på den sorte baggrund er enkel, og den hvide tekst øverst lægger vægt på den rektangulære form og andre klikbare bokse på hjemmesiden og i hele designet.
- Brug en boks til lagelementer. Feudi Di San Gregorio , nedenfor bruger en boks til at trække øjet til en meget specifik del af indholdet med en lagteknik, der gør det til at føle sig som en del af billedet. Se nøje på hænderne i forhold til boksen. Det samme koncept bruges til flere billeder i den vandrette scroller og tilføjer et ekstra lag af smuk kompleksitet til det enkle design.
- Brug en boks til at skabe flow. BeoPlay , herunder bruger stablede kasser med billeder for at skabe en sti gennem designet. Hver boks animerer fra en række mindre bokse for at engagere brugeren og opfordre til at rulle.
- Brug en boks til at oprette et handlingselement, f.eks. Et popup-opkald til handling, oven på designet.
- Brug bokse til at skabe et design med kort i Material Design stilen. Mens denne tendens har eksisteret i et stykke tid, er det stadig en populær mulighed, især for mobilbaserede designs.
3. Lodrette linjer
Du tænker ikke altid på nettet som et vertikalt rum, men flere designere indarbejder meget vertikale elementer i design.
Fra skinnede linjer for at skabe strøm til fotos med forskellige op- og nedelementer, kan vertikale elementer hjælpe brugerne gennem et design, opmuntre at rulle og endda fokusere opmærksomhed på visse elementer. Som en ekstra bonus er vertikale elementer visuelt interessante enkle, fordi de ikke er lige så almindelige som vandrette, firkantede eller cirkulære elementer.
Noget af ønsket om at tænke mere lodret kan starte i dine hænder. Mens de fleste stationære websites lever i standard 16: 9-plads, bliver adgang til websteder på telefoner og tablets ofte slået til siden med en mere lodret orientering. (I tilfælde af mange mobiltelefoner er denne orientering tydeligt lodret.)
Det gør lodrette accenter og brugermønstre mere almindelige og mere accepterede til besøgende på hjemmesiden. De vil ikke bøje sig på designet eller spekulere på, hvordan man kan interagere med det. Lodret orientering er ret mainstream.
Der er masser af måder at indarbejde en lodret følelse af på et design.
- Prøv en baggrund med subtile lodrette linjer for at skabe tekstur.
- Opret en collage af billeder med lodrette figurer.
- Brug lodrette linjer over hovedbilledet for at etablere dybde mellem lag af elementer, såsom fotos eller videoer og tekst.
- Brug lodret animeret feje til at adskille elementer i en billedskyder.
- Planlæg billeder med lodret fokus.
- Overvej et split-skærm design, så hver side har et mere vertikalt orienteret billedforhold.
- Brug et baggrundsmønster af små objekter i en lodret justering.
- Stak ikoner eller elementer i stedet for at placere dem på tværs af skærmen.
Konklusion
Hver gang du overvejer at bruge en trend i et designprojekt, er der et element af risiko involveret. Hvor lang tid vil trenden være populær? Vil det gøre designet udseende dateret?
I stedet for at vælge fuldskala trendy hjemmeside muligheder, overveje et trendy element som dem ovenfor. Disse elementer kan være nemmere at indarbejde i designet (og lige så let at fjerne, hvis du ikke kan lide dem senere). Tricket til at opretholde en moderne stil er i detaljerne; det kræver ikke et helt nyt design hver sjette måned.
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.