Her er fokuspunktet ...

Det er temaet denne måneden. Denne samlingen av trender fokuserer på å legge vekt på design med spesifikk detaljering fra kursiv til å dele skjermene til sterke, minimalistiske bakgrunner sammen med et triks eller to.

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

1. Del skjermene

Split skjerm design var noe som begynte å få trekkraft i midten av 2016 og nå er det en stor avtale. Bla gjennom samlinger av webdesign og delt skjermbilde er overalt.

Det som er fint er hvor raskt stilen har utviklet seg. Tidlig delt skjermdesign inneholdt for det meste symmetriske design med en yin og yang stil estetisk. De nye splitt-skjermene har en mer "noe som" føles for dem.

De tre eksemplene nedenfor viser tre svært forskjellige måter å bruke den samme trenden på.

  • Rency bruker en delt design for å inneholde en loop video og hovednavigasjonen. Kontrasten mellom det hvite området og det røde er sterkt og tvinger øyet over skjermen. Det sikrer også at brukeren finner navigeringen fordi den er det eneste elementet i den fargede delen av designet.
  • GECN er et komplekst statlig nettsted som bruker en delt skjerm for å formidle to forskjellige ideer med to lenker umiddelbart i design. Mens splittet ikke er fullskjerm og inneholder mye tekst, er dette et godt alternativ for et design med mange anrop til handling, brukerbaser eller komplisert innhold.
  • Bashful bruker et konsept som ligner på Rency, men med en vri: Designet har en full-skjerm videoglass og halvparten er dekket med en farget fargeboks. Alle klikkbare elementene er inne i det tonede området, og navigasjonsmenyen er skjult i øverste høyre hjørne av videoen.

Hva hver av eksemplene har til felles er at delt skjermdesign legger vekt på innholdet. Det bidrar til å drive brukerne til bestemte elementer i designet ved bruk av farge og med faktisk eller oppfattet bevegelse, takket være kontrasterende "skjermer".

Den beste delen av nyere splitter skjermdesign er at det er et asymmetrisk strøm til dem. Designere er ikke fast i et yin og yang-format, og resultatet er mye mer interessante visuelle mønstre.

rutine
gecn
blyg

2. Kursiv

En av de minst brukte tegnstiler er å få mer spill som et visningsalternativ.

Kursiv gjør seg inn i typografipaletter av designere, og ikke bare for sporadisk fokus. Mer kursiv brukes til visningstype, sekundære elementer som koblinger eller menyelementer eller for bredere vekt.

Kursiv er en frisk ta på typiske stilarter. Fordi de ikke er så mye brukt, er denne trenden en som sikkert kommer til å ta hensyn til de besøkende, selv om de ikke er sikker på hva med bokstaverne fikk sin oppmerksomhet i utgangspunktet.

Kursiv er en subtil endring som ikke engang krever en ny typografipalett. De kommer med noen advarsler og forslag til beste praksis.

  • For å få mest mulig ut av kursivet, bruk dem sparsomt for små tekstblokker.
  • Bruk et høyt lesbart skrifttype hvis du planlegger kursivisering; nyhetsalternativer kan bli vanskelig.
  • Bruk kursiv kursiv og ikke prøv å lage din egen versjon med skråstendige bokstaver. (Det kan bli rotete i en hast.)
  • Bruk kursiv til å representere ofte kursiverte elementer, for eksempel tittelen på noe, som utstillingsvinduer i mange av eksemplene nedenfor.
  • Par kursiv med en enkel effekt, for eksempel en animasjon eller farge, for enda mer vekt.
  • Fordi kursiv kan være litt vanskeligere å lese, må du sørge for at det er mye kontrast mellom type og bakgrunn.
  • Par kursiv type alternativer med en enkel serif eller sans serif skrifttype for ikke å svekke kursiv.
ital-2
cq
Goldfinch

3. Solid bakgrunn med et "trick"

En av de enkleste måtene å skape visuell vekt er med kontrastelementer. Mens en fargebaggrunn kan virke ren eller flat, kan den være det perfekte lerretet for et designtrick, for eksempel animasjon, illustrasjon eller lyd.

Kontrasten mellom sterkheten i bakgrunnen og kunsten, bidrar til å bringe brukergrensesnittelementet til livs. Fra de enkle hoppende rutene i 3K design til den morsomme tegneserien fra Retrace Helse til parallax rulling av Florian Monfrini .

Hver av effektene skiller seg ut på grunn av bakgrunnens enkelhet. Videre kommer disse bakgrunnene ikke i veien for designet heller. Hver av dem er hvit eller pastell, og dekker ut av forgrunnen, slik at brukerne fokuserer på meldingen til primærinnholdet. (Svarte eller enkle, mørke bakgrunner kan fungere like bra.)

Det er derfor det virker: Brukerne er ikke fanget i lerretet, og designet kommer nesten ut av skjermen. Det er nesten som kunst på en vegg. Hvis veggen er malt med villfarger og mønstre, kan det være vanskelig å se det innrammede bildet du er der for, men et kunstverk på en hvit vegg er et prangstykke.

Denne designtrenden skaper et utstillingsvindu for det trikset du har lyst til å innlemme i et prosjekt. Det kan være nesten alt. Og det vil være høydepunktet i designet med et enkelt lerret for å vise det på.

En forsiktighet når du planlegger et fargevalg for en enkel bakgrunn: For mest mulig innvirkning, hold deg til en hvit, svart eller nøytral farge. Fet, lyse farger er nesten et designtrick i seg selv og kan forringe målet ditt.

3k
spore
florian

Konklusjon

Hvert design trenger å legge vekt på noe. Det er derfor denne trenden er så forfriskende. Hver understreker noe viktig for brukere med en lett forståelig måte å legge vekt på. Brukere vet nøyaktig hva kursiv betyr, og de kan se varians i delt skjerm eller bakgrunner som står i kontrast til brukergrensesnittelementer.

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.