Væsentlige designtendenser, marts 2017
Her er fokuspunktet ...
Det er temaet i denne måned. Denne samling af tendenser fokuserer på at lægge vægt på designet med specifikke detaljer fra kursiv til at splitte skærme til stærke, minimalistiske baggrunde parret med et trick eller to.
Her er hvad der trender i design denne måned:
1. Split skærmbilleder
Split skærm design var noget, der begyndte at få trækkraft i midten af 2016 og nu er det en big deal. Gennemse samlinger af website design og split screen skitser er overalt.
Hvad er dejligt er, hvor hurtigt stilen har udviklet sig. Tidlige split screen designs udformet mest symmetriske design med en yin og yang stil æstetisk. De nye splitskærme har en mere "noget går" for dem.
De tre eksempler nedenfor viser tre meget forskellige måder at bruge den samme tendens på.
- Rency bruger et split design til at indeholde en loop video og hovednavigation. Kontrasten mellem det hvide område og det røde er stærkt og tvinger øjet over skærmen. Det sikrer også, at brugeren vil finde navigationen, fordi det er det eneste element i den farvede del af designet.
- GECN er et komplekst regeringssted, der bruger en splitskærm til at formidle to forskellige ideer med to links umiddelbart i designet. Mens split er ikke fuldskærm og indeholder en masse tekst, er dette et godt alternativ til et design med mange opfordringer til handling, brugerbaser eller kompliceret indhold.
- Bashful bruger et koncept svarende til Rency, men med et twist: Designfunktionerne er en fuldskærms-video loop, og halvdelen er dækket af en farvet farvelæse. Alle de klikbare elementer er inde i det tonede område, og navigationsmenuen er skjult i øverste højre hjørne af videoen.
Hvad hver af eksemplerne har til fælles er, at split screen design tilføjer vægt på indholdet. Det hjælper med at køre brugerne til bestemte elementer i designet ved brug af farve og med faktisk eller opfattet bevægelse takket være kontrasterende "skærme".
Den bedste del af de nyere split screen designs er, at der er et asymmetrisk flow til dem. Designere sidder ikke fast i yin og yang-format, og resultatet er meget mere interessante visuelle mønstre.
2. Kursiv
En af de mindst anvendte tegnstile bliver mere afspilning som en visningsindstilling.
Kursiv gør deres vej ind i typografien paletter af designere, og ikke kun for lejlighedsvis fokus. Mere kursiv bruges til skærmtegninger, sekundære elementer som links eller menupunkter eller til bredere vægt.
Kursiv er en frisk påtag din typiske type stilarter. Fordi de ikke er så meget udbredt, er denne tendens en, der sikkert tager fat på de besøgende, selvom de ikke er sikre på, hvordan bogstaverne fik deres opmærksomhed i første omgang.
Kursiv er en subtil ændring, der ikke engang kræver en ny typografipalette. De kommer med nogle forsigtighedsregler og forslag til bedste praksis.
- For at få det bedste ud af kursivet, brug dem sparsomt for små tekstblokke.
- Brug en meget læsbar skrifttype, hvis du planlægger kursivisering; nyhed muligheder kan blive vanskelig.
- Brug skrifttypefunktionen og prøv ikke at oprette din egen version med skrå bogstaver. (Det kan blive travlt i travlt.)
- Brug kursiv til at repræsentere almindeligt kursiverede elementer, såsom titlen på noget, som fremvisning i mange af eksemplerne nedenfor.
- Par kursiv med en simpel effekt, såsom en animation eller farve, for endnu større vægt.
- Fordi kursiv kan være lidt sværere at læse, skal du sørge for, at der er masser af kontrast mellem type og baggrund.
- Par kursiv type indstillinger med en simpel serif eller sans serif skrifttype for ikke at forringe kursiv.
3. Solid baggrund med et 'trick'
En af de nemmeste måder at skabe visuel vægt på er med kontrastelementer. Mens en solid farve baggrund kan virke almindelig eller flad, kan den være det perfekte lærred til et designtrick, såsom animation, illustration eller lyd.
Kontrasten mellem baggrundens stød og tricket hjælper med at bringe brugergrænsefladeelementet til liv. Fra de enkle hoppende firkanter i 3K design til den sjove tegneserie fra Retrace Health til parallax scrolling af Florian Monfrini .
Hver af virkningerne skiller sig ud på grund af baggrundenes enkelhed. Desuden kommer disse baggrunde ikke i vejen for designet heller. Hver enkelt er hvid eller pastel og falder ud af forgrunden, så brugerne fokuserer på messaging af det primære indhold. (Sort eller simpel mørk baggrund kan fungere lige så godt.)
Det er derfor, det virker: Brugerne er ikke fanget i lærredet, og designet kommer næsten ud af skærmen. Det er næsten som kunst på en væg. Hvis væggen er malet med vilde farver og mønstre, kan det være svært at se det indrammede billede, som du er der til, men et kunstværk på en hvid væg er et udstillingsstykke.
Denne designtendens skaber et prangpunkt for det trick du har lyst til at indarbejde i et projekt. Det kan være næsten alt. Og det bliver højdepunktet i designet med et enkelt lærred til at vise det på.
En advarsel, når du planlægger et farvevalg for en enkel baggrund: Hold den mest effektive ind i en hvid, sort eller neutral farve. Fede, lyse farver er næsten et designtrick i sig selv og kan forringe dit mål.
Konklusion
Hvert design skal lægge vægt på noget. Derfor er denne gruppe af trends så forfriskende. Hver understreger noget vigtigt for brugere med en let forståelig måde at lægge vægt på. Brugere ved præcis, hvad kursiv betyder, og de kan se varians i splitskærme eller baggrunde, der står i kontrast til brugergrænsefladeelementer.
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.