Væsentlige designtendenser, februar 2017
En interessant visuel tilstedeværelse over scrollen er det første indtryk, en bruger får af et websted. Uanset om denne bruger fortsætter med at klikke, kan det afhænge af en række ting, herunder billedbehandling, læsbarhed og generel interesse for indholdet.
I denne måned ser vi på tre tendenser, der giver en klar første indtryk-mørk farve overlejringer på billeder, brutalisme og hule bogstaver. Her er hvad der trender i design denne måned:
1) Mørk overlay på billeder
Det er ligegyldigt, om helten billedet stadig er eller bevæger sig, en mørk farveoverlay kan hjælpe ens farver på en måde, der gør det lettere at tilføje tekst og andre elementer til et lag oven på billedet. Selv om dette måske lyder som en genvej i starten, er der stor værdi i denne teknik.
Den primære grund til at vælge en farveoverlay er at forbedre læsbarheden. De fleste billeder indeholder lyse og mørke farvevarianter, hvilket gør det til en udfordring at tilføje bogstaver, der kan læses på alle enheder. Selvom der er en perfekt placering for desktop-brede skærme, kan den samme billed- og tekstkombination være undecipherable på en mobil skærm.
Det er her, hvor en farveoverlay hjælper. Den semitransparente vask af farve over et billede eller en video skal forstærke kontrasten. Så hvide eller lyse bogstaver har et sted og vil forblive læsbare.
Mørke farveoverlejringer er også visuelt interessante af andre grunde. Må ikke sidde fast i den fælde, som mørk betyder sort eller grå. Et mørkt overlag kan være en hvilken som helst farve, som f.eks. Den grønne, der bruges af Internetum, herunder. Et sjovt eller usædvanligt farvevalg kan hjælpe med at trække brugere ind i designet.
Et mørkt overlag kan gøre endnu en ting: det kan hjælpe med at camouflere et billede eller en video, som du ikke ønsker at være i forkant med designet. Dette kan skyldes, at billedet er lidt gammelt, lidt blødt hvad angår sammensætning eller bare en, der falder lidt fladt. Et farveoverlay kan ændre stemningen i billedet, gøre det lidt mindre fremtrædende og hjælpe design fokus mere på andet indhold, såsom tekst, opkald til handlingsknapper eller andre grafiske elementer.
Overlejringer kan være meget mørke, såsom Digital Werk eller kan give en subtil mørkning som Lytton Living. Du ved, du har den rette balance, når du stadig kan se billedet, og alle lagdelte elementer er nemme at læse.
2. Brutalisme
Grim. Barske. Skarp. Travl.
Disse er blot nogle få af de ord, som nogle har brugt til at beskrive den brutaliske hjemmeside design trend. Men bare fordi en designereksperimenter med brutalisme ikke betyder, at designet er et varmt rod. Det er ret modsat.
Denne stil anvender en anden stil og fornemmelse, der omfatter ting, du ser og ting, du ikke kan. Ben McNicholl beskrev det på denne måde i et indlæg for Envato : '' Brutalisme 'kommer fra det franske ord for' rå ', så husk det, når du skriver din kode.
"En hjemmeside behøver ikke at være et horror show af uordnede billeder og sammenbrudte skrifttype farver; den måde, hvorpå koden er skrevet, er også symbolsk for stilen. Embedded CSS, untabbed kode, HTML tabeller, listen fortsætter. "
Der er nok eksempler på brutalisme, at der er en helhed hjemmeside galleri dedikeret til disse designs. I introduktionen henviser hjemmesiden til brutalisme på denne måde: "I sin robusthed og mangel på bekymring for at se komfortabel eller let, kan brutalisme ses som en reaktion fra en yngre generation til lysets, optimismen og frivoliteten i dagens webdesign. ”
Hvad der er særligt interessant om brutalisme er, at designet ser så forskelligt ud fra alle de flade og minimale stilarter, der har været så udbredt. Hvis du støder på et af disse designs, kan du ikke undgå at stoppe, se og udforske. Uanset om du synes, det er smukt eller grimt eller noget i mellem, det er det ultimative mål for ethvert website design.
3. Hul bogstaver
Bogstaver med interessante fyldninger begynder at dukke op overalt. Hvad der er interessant om denne tendens er, at det har to forskellige forskellige udseende:
- Hul bogstaver over et billede eller en farvet baggrund, som f.eks. C & C Coffee.
- Lettering fyldt med et billede på en almindelig baggrund, som The London Loom, med en alternativ version, hvor du næsten kan se billedet med en baggrund med subtil gennemsigtighed, som f.eks. My Mother Before Me.
Mens denne tendens har en stor visuel virkning og er meget sjov, kan det være lidt svært at udføre.
Når det kommer til hult bogstaver over et billede, er der ikke altid så mange skrifttyper at vælge imellem, og designere kan sidde fast ved hjælp af de samme få skrifttyper. Dette er ikke en ideel situation for webprojekter overhovedet. Der er mere fleksibilitet til ikke-web-projekter, hvor du ikke behøver at bekymre dig om fontintegration og gengivelse.
Når det drejer sig om fyldt bogstaver, er tricket til at få det til at fungere, at billederne i bogstaverne skal kunne ses. Hvis brugerne ikke kan se, hvad billedet er, vil designet ikke være effektivt. For at hjælpe, vælger de fleste designere tykke blokbogstaver her, så der er mere plads til billeder at vise igennem. Billeder er ofte mere abstrakte, eller tekstiler eller landskaber, fordi den menneskelige hjerne har tendens til at udfylde billedets emner, og det virker stadig for dem. Det er meget sværere at bruge billeder med ansigter eller objekter, som du skal se på en bestemt måde, fordi de skal placeres perfekt inden for tegn.
På trods af at det er lidt udfordrende, kan begge bogstaverne være visuelt interessante og sjove at skabe.
Konklusion
I modsætning til nogle andre tendenser, hvor du kan implementere små ændringer, giver disse tre muligheder mere af et overordnet stilskifte. Kan du se dig selv ved at bruge nogen af dem i fremtidige projekter?
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.