Viktige designtrender, august 2016
Farge og lag. Dette paret av designelementer har vært drivkraften bak mange av årets trender. Selv om vi ikke har sett noe, tar vi over, som flat design for noen år siden eller mer nylig Material Design, elementer i begge stiler presser designere til å utforske nye ting.
Både fargevalg og -lagring synes å ha røtter i de større trendene og blir brukt i designordninger, selv uten helt flat eller materiell estetikk. Her er det som trender i design denne måneden:
1. Masse lagdelte elementer
Lagdelte elementer og tredimensjonale effekter er må-ha-teknikken i 2D-webområdet. Takket være de morsomme teknikkene, og enda bedre kjennetegn, introdusert hovedsakelig av Material Design, er lagdelte elementer popping opp i prosjekter av alle typer.
Det som er spesielt fint er at det gir en nettside en mer realistisk følelse. Brukeren kan nesten nå ut og gripe elementene på skjermen. (Og det er bra!) Trikset er at hvert lag skal se ekte og lys, og lagene ser naturlig ut.
Her er et par måter å begynne å eksperimentere med lag i designprosjektene dine:
- "Løft" elementer av bakgrunnen med en enkel skygge eller animasjon. olle gjør dette med flere elementer på forskjellige fly, men de trekker sammen og ser naturlig ut.
- Tillat at elementene krysser. Tekst kan krysse inn i rommet som er okkupert av et bilde.
- Parallax-rullingsfunksjoner er en interessant måte å lage lagdelte elementer på (forgrunnen beveger seg over en bakgrunn) uten å være for overveldende.
- Bruk geometriske former, animasjon og fargevariasjon for å etterligne dybden i designet. Brukere bør føle at de nesten kan falle inn i visuals, for eksempel opplevelsen etablert av Slett agenturet .
- Lag lag ved å gå utenfor lerretet, med elementer som går utover bakgrunnen eller kanten av skjermen.
- Tillat at elementene hviler på toppen av en strukturert bakgrunn for å opprette separasjon mellom topplaget (som brukerne kan tenke seg faktisk berører) og bakgrunnslag.
2. Mørke fargeskjemaer
For en stund virket det som om hver nettside var et minimalistisk ideal, inkludert en sterk hvit bakgrunn. Denne trenden har skiftet etter hvert som flere mørke fargeskjemaer kommer frem som designfavoritt.
Og med god grunn. En fin mørk fargevalg kan være oppmerksomhetsfargende og er ikke så sterk på øynene til noen brukere som lyse hvite. På baksiden kan mørkt estetikk være litt mer plagsom hvis teksten er liten eller på mindre skjermer (så vær sikker på å være spesielt oppmerksom på hvordan elementene gjengis på mobile enheter).
Elementer som virkelig skiller seg ut på mørke fargeskjemaer, inkluderer bruk av kul video og animasjon, selv om det ikke er gjenkjennelig. dristig hvit typografi, popper av lyse farger for å aksentere samtaler til handling eller viktig informasjon og passende generelt humør.
Husk også, det mørke betyr ikke alltid svart. Mørke fargeskjemaer kan roteres i en rekke fargetoner fra rød til blå til grønn. Mens svarte alternativer er de vanligste, er det viktig å velge en rik svart som er laget av ulike fargekombinasjoner. En flat svart (eller "K svart" som utskriftskunstnere kaller det) vil etterlate noe å være ønsket i webdesign.
Når du jobber med mørke fargeskjemaer, vær spesielt oppmerksom på at det er riktig kontrast mellom elementer, og at farger og bilder ikke går seg vill inne i designets mørke natur. Hvit kan være et godt alternativ, så vel som andre primære farger med mye lysstyrke eller metning. Husk å tenke på størrelseskontrast også. Vurder å støte på størrelsen på alle tekstelementene med 10 til 20 prosent når du arbeider med et mørkt rammeverk for å sikre lesbarhet.
3. Gradienter gjør et comeback
Gradienten - en av teknikkene som skjules av flat design - gjør et comeback. (Og det blir til og med brukt i det meste flate designmønstre.)
Gradienter jobber fordi de gjør noe som mange trodde flat design manglet, som er å bidra til å skape og etablere dybde. Det som er nytt om gradienter denne gangen er at de ikke er vant til å etterligne teksturer eller uten formål. Dagens trend fokuserer på lyse farger som vektlegger innholdet. Fra fullskjerm-overlater til bakgrunner går nesten alt når det gjelder teknikken ... så lenge den er fet.
Designere gjør mest mulig ut av gradientkombaget på noen forskjellige måter:
- Gradient- "flat color" -par blander begge designideer for et dristig utseende, for eksempel nettsiden til WPcrew .
- To-tone gradienter er et morsomt fargeoverlegg for å legge interesse for et bilde som kanskje mangler noe, eller å legge til dybde i bakgrunnen.
- Mens mange av disse gradienter ser ut til å være i større skala, blir de også brukt til mindre elementer, for eksempel knapper eller for å ta hensyn til bestemt innhold.
Det er fortsatt noen gradienter som ikke bør vurderes. (Siden du ikke vil at designet skal se ut som det hoppet rett ut av 2012!)
- Vær forsiktig med små gradienter. Bruk i ikoner er fortsatt ikke anbefalt.
- Ikke overvelg innholdet. En gradientoverlegg på et bilde kan være fint (bare tenk på noen av de kule effektene Spotify har med jevne mellomrom), men bildet må fortsatt være synlig.
- Fet farge gradienter har en tendens til å ha en lett, koselig følelse. Pass på at dette meshes med innholdet ditt.
- Vær oppmerksom på fargekombinasjoner og kontrast når det gjelder lesbarhet. Noen gradienter kan få lys og hvit tekst kan gi et problem. Pass på å teste lesbarheten mot farge, forskjellig responsivt bruddpunkt og på enheter med flere størrelser. (Med gradienter kan lesbarhetsproblemer noen ganger dukke opp på steder du ikke ville forvente.)
Konklusjon
Det er ikke noe mer moro enn farge når det gjelder design. Trender i farge er fine fordi de er elementer som du kan legge til i nesten hvilken som helst stil av design uten fullskala overhaling. Det samme gjelder for lagdelte elementer. Dette er en teknikk som kan legges til et eksisterende design for å gi det en mer moderne følelse.
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.