Viktige designtrender, februar 2017
En interessant visuell tilstedeværelse over rullen er det første inntrykket en bruker får av et nettsted. Enten den brukeren fortsetter å klikke kan avhenge av en rekke ting, inkludert bilder, lesbarhet og generell interesse for innholdet.
Denne måneden ser vi på tre trender som gir en tydelig førsteinntrykk-mørk fargeoverlegg på bilder, brutalisme og hule lettering stiler. Her er det som trender i design denne måneden:
1) Mørk overlegg på bilder
Det spiller ingen rolle om heltenes bilde fortsatt er eller beveger seg, en mørk fargeoverlegg kan hjelpe selv fargene på en måte som gjør det lettere å legge til tekst og andre elementer i et lag på toppen av bildet. Selv om dette kanskje høres ut som en snarvei, er det mye verdi i denne teknikken.
Den primære grunnen til å velge et fargeoverlegg er å forbedre lesbarheten. De fleste bildene inneholder lette og mørke fargevarianter, noe som gjør det til en utfordring å legge til bokstaver som kan leses på alle enheter. Selv om det er en perfekt plassering for bredskjerm på skrivebordet, kan samme bilde- og tekstkombinasjon gjengi uttrekkbar på en mobil skjerm.
Det er der et fargebelegg hjelper. Den semitransparente vasken med farge over et bilde eller en video burde forstørre kontrasten. Deretter har hvit eller lyse bokstaver et sted og vil forbli lesbar.
Mørke fargeoverlegg er visuelt interessante av andre grunner også. Ikke bli sittende fast i fellen som mørkt betyr svart eller grått. Et mørkt overlegg kan være hvilken som helst farge, som den grønne som brukes av Internetum, under. Et morsomt eller uvanlig fargevalg kan bidra til å trekke brukere inn i designet.
Et mørkt overlegg kan gjøre enda en ting: det kan hjelpe camouflere et bilde eller en video som du ikke vil være i forkant av designet. Dette kan skyldes at bildet er litt gammelt, litt mykt når det gjelder sammensetning eller bare en som faller litt flatt. Et fargeoverlegg kan endre stemningen i bildet, gjøre det litt mindre fremtredende og bidra til at designfokuset blir mer på annet innhold, for eksempel tekst, samtaler til handlingsknapper eller andre grafiske elementer.
Overlays kan være veldig mørke, for eksempel Digital Werk eller kan gi en subtil mørkning på samme måte som Lytton Living. Du vet at du har den rette balansen når du fortsatt kan se bildet, og alle lagdelte elementer er enkle å lese.
2. Brutalisme
Stygg. Harde. Skarp. Opptatt.
Dette er bare noen få ord som noen har brukt til å beskrive brutalismens webdesign. Men bare fordi en designereksperimenter med brutalisme ikke betyr at designet er et varmt rot. Det er ganske motsatt.
Denne stilen bruker en annen stil og følsomhet som inkluderer ting du ser og ting du ikke kan. Ben McNicholl beskrev det på denne måten i et innlegg for Envato : "Brutalisme" kommer fra det franske ordet for "rå", så hold det i bakhodet når du skriver koden din.
"Et nettsted trenger ikke å være et horror show av uordnede bilder og sammenstøtende skriftfarger; måten koden er skrevet på er også symbolsk for stilen. Embedded CSS, untabbed kode, HTML tabeller, listen fortsetter. "
Det er nok eksempler på brutalisme at det er en helhet nettsted galleri viet til disse designene. I introduksjonen refererer nettstedet til brutalisme på denne måten: "I sin robusthet og mangel på bekymring for å se seg komfortabel eller lett, kan brutalisme ses som en reaksjon av en yngre generasjon til lyshet, optimisme og frivolitet i dagens webdesign. ”
Det som er spesielt interessant om brutalisme er at designet ser så forskjellig ut fra alle de flat og minimal stilene som har vært så utbredt. Hvis du kommer over et av disse designene, kan du ikke unngå å stoppe, se og utforske. Enten du tror det er vakkert eller styggt eller noe i mellom, er det det ultimate målet med et hvilket som helst webdesign.
3. Hul bokstaver
Brev med interessante fyllinger begynner å dukke opp over alt. Det som er interessant om denne trenden er at den har to forskjellig forskjellige utseende:
- Hul bokstaver over et bilde eller en farget bakgrunn, for eksempel C & C Coffee.
- Lettering fylt med et bilde på en vanlig bakgrunn, for eksempel The London Loom, med en alternativ versjon hvor du nesten kan se bildet med en bakgrunn med subtil gjennomsiktighet, som for eksempel Min mor før meg.
Mens denne trenden har mye visuell innvirkning, og det er mye moro, kan det være litt vanskelig å utføre.
Når det gjelder hult lettering over et bilde, er det ikke alltid så mange skrifttyper å velge mellom, og designere kan bli sittende fast ved hjelp av de samme få skriftene. Dette er ikke en ideell situasjon for nettprosjekter i det hele tatt. Det er mer fleksibilitet for ikke-webprosjekter der du ikke trenger å bekymre deg for fontintegrasjon og gjengivelse.
Når det gjelder utfylt bokstaver, er det lurt å få det til å fungere som at bildene i bokstaver må være synlige. Hvis brukerne ikke kan fortelle hva bildet er, vil designet ikke være effektivt. For å hjelpe, velger de fleste designere tykke blokkbokstaver her, så det er mer plass til bilder å vise gjennom. Bilder er ofte mer abstrakte, eller tekstiler eller landskaper fordi den menneskelige hjernen har en tendens til å fylle ut bildene i bildet og det fungerer fortsatt for dem. Det er mye vanskeligere å bruke bilder med ansikter eller objekter som du må se på en bestemt måte fordi de må plasseres perfekt innenfor tegn.
Til tross for å være litt utfordrende, kan begge bokstaver stilene være visuelt interessant og morsomt å skape.
Konklusjon
I motsetning til noen andre trender der du kan implementere små endringer, presenterer disse tre alternativene mer av et overordnet stilskift. Kan du se deg selv ved hjelp av noen av dem i fremtidige prosjekter?
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.