Leter du etter et nettsted, oppdaterer og vet ikke hvor du skal begynne? Noen av de trendigste elementene i webdesign akkurat nå er morsomme, estetiske og ganske enkle å bruke.

Å legge til en trendy funksjon i ditt nåværende design, eller nybygg, kan bidra til å skape en moderne stemning som kan bidra til å drive besøkende til nettstedet ditt. Og det som er spesielt fint om denne trenden av trender er at du kan bruke dem med eksisterende elementer, farger og typografipaletter og merkevarebygging.

Her er det som trender i design denne måneden:

1. Duotone fargeskjemaer

Duotone fargepaletter har eksistert i lang tid, men det siste tatt gir en fargevask effekt til en duotongradient for en fullskjerm, stor effekt. Det er noe som trender ut på en stor måte med flat design, men takket være fantastisk bruk av Spotify duotone er tilbake.

Så hva er egentlig duotone?

Det er bruk av to farger for å danne en palett. I den mest grunnleggende form er duotone en komplementær kombinasjon fra fargeskiven. I mer komplekse bruksområder bruker designere alle slags fargekombinasjoner og bryter reglene med sammenkoblinger.

De fleste av de duotoneeffektene har et brightly farget overlegg på toppen av et bilde. Den duotone effekten fremhever mørk og lys og skaper visuell påvirkning med fantastisk farge. Spotify bruker det på en fin måte å lage standard kunstner bilder som du sannsynligvis har sett mange titalls ser akkurat like forskjellige ut til å være oppmerksomhet gripende.

Det er en teknikk du kan bruke på en rekke måter. Den fungerer med nesten ethvert designkonsept og kan brukes som et fullskjermelement, for eksempel mange av eksemplene ovenfor, for å skape dominerende kunst. Det kan også brukes til å skape en interessant bakgrunn, for å aksentere brukergrensesnittelementer eller for å legge vekt på en bestemt del av designet. Duotone fungerer best når det brukes til et enkelt designelement. Teknikken kan være overveldende og bør brukes i moderasjon.

ny avtale
eno
arte
spotify

2. Utviklet skjermdesign

Nettsteder med en delt skjermdesign vokser eksponentielt. Designteknikken har to paneler med innhold side ved side. De fleste av disse konseptene bruker en symmetrisk oversikt, slik at hver side av skjermen har samme størrelse og form.

Resultatet er en kul, dobbelt innholdsopplevelse på stasjonære datamaskiner og (når den er korrekt kodet) en flott skjerm-opplevelsen på mindre enheter, hvor panelene kollapser og er stablede rullingselementer.

Designmulighetene med split-skjermstrenden er ubegrensede - halv og halvdeler, splitter med kort eller rutenettelementer, en subtil splitt og listen fortsetter. Hver side av designet kan også lede brukere til ulike typer innhold og hjelpe deg med å oppdage verdifull brukeranalyse om typen innhold som folk vil se og klikke på.

Delt skjermdesign er brukervennlig, fungerer godt i responsive rammer og overstyrer ikke andre designteknikker som du kanskje vil bruke.

Her er noen måter å dele skjermen effektivt på:

  • Para farge og typografi når du ikke har sterke bilder.
  • Fokuser oppmerksomheten til brukeren med venstre til høyre bevegelse som resulterer i en handling.
  • Bruk fargeblokkering til å dele skjermen og gi meldingen rikelig med plass samtidig som du øker lesbarheten.
  • Tenk på en delt skjerm som store kort. Stackbeholderelementer i et mosaikk- eller murverkmodell for å fremheve forskjellige innholdsstykker.
  • Hold hver "skjerm" enkel. Trikset til dette designkonseptet er delt skjerm. En minimal stil kan bidra til å legge vekt på innholdet deri.
stikwood
chicago
tropfest
Type-ansikt

3. Typografi i et delt rom

Dette er en av de trendene du nesten trenger å se, for å forstå: Typografi strekker seg til delte rom i designet. Se på de fleste nettsteder og det er bilder og bakgrunn og type. Elementer er enten laget sammen, for eksempel typen på et bilde, eller de er helt skilt.

Flere designere bryter ut av det formatet og lager prosjekter der typen strekker seg inn i mellomromene til andre elementer. Det er interessant og morsomt å se på.

Det kan også være en utfordring å skape, på grunn av bekymringer om lesbarhet.

Teknikken fungerer best med enkel typografi, for eksempel et middels slag sans serif. Tekst bør ha mye kontrast til å skille seg ut fra bakgrunnen og elementer som den krysser inn i eller over. Derfor bruker de fleste av designene som bruker denne teknikken, hvit eller svart bokstaver.

Tekst må også ha noen størrelse for at dette skal fungere. Nesten like viktig som fargekontrast, er kontrast i størrelse og plass. Du må også være spesielt forsiktig med hvordan teksten beveger seg med forskjellige skjermstørrelser eller bruddpunkter, slik at bokstaver ikke dekker områder av bildet som er avgjørende for meldingen.

Et av de mest fantastiske eksemplene på dette er fra Deux Huit Huit (du vil besøke nettstedet for full effekt). Lettering beveger seg over og gjennom hovedbildet på hjemmesiden. Ordene er lesbare ettersom de "faller av" bildet og krysser mellomrom mellom foto og bakgrunn.

flyers
space10
amy
deux

Konklusjon

Mens mange designtrender kommer og går nesten like fort som du begynner å gjenkjenne dem, holder de som holder fast ofte godt sammen med andre tidstestede teknikker. Det er det som skiller seg ut mest om denne trioen av moderne stiler. Hver kan bli jobbet inn i et layout for et snev av nyhet. Disse teknikkene er ganske enkle å implementere (og fjerne senere) uten å ødelegge hele estetikken.

Prøv en av disse teknikkene for en visuell oppdatering. Tenk på å komme deg ut av din komfortsone litt med dristige fargevalg eller en endring bare til hjemmesiden din. Eller gå litt dristigere og prøv en kombinasjon av trendy teknikker for et design som virkelig skiller seg ut. (Visste du at nettstedet for Stikwood bruker to av trenderne - skjermdesign og typografi i et delt rom?)

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.