3 viktige designtrender, juni 2017
Noen ganger kan en enkel design-tweak flytte webdesign fra vanlig til trendy. Hver av denne måneds trender er den typen teknikk, fra liten typografi til geometriske funksjoner til uklart bilder. Enhver av disse teknikkene kan fungere i et nytt designprosjekt eller som en tilpasning til en eksisterende design.
Her er det som trender i design denne måneden:
1. "Tiny" Tekst
Ser det ut som overdimensjonert typografi er en ting fra fortiden? Mindre, nesten "liten" tekst har begynt å erstatte de store dristige overskriftene som har vært en nettside design stift for en stund nå. Fra mindre overskrifter til kroppstekst som virker sparsom, har det vært en klar trend i nedlastning av typografi.
Selv om det kan være noen bekymringer om lesbarhet når det gjelder små tekststørrelser, spesielt for kroppstekst, er mindre skrifttyper ikke en dårlig ting. Overdimensjonert typografi hadde nesten begynt trending mot garish med størrelser og lettering som var nesten for stor til å lese med letthet.
Mindre skrifttyper føles noe mykere og gir designet mer plass til andre elementer for øyet å bevege seg rundt. Trikset til effektivitet med liten type er å holde bokstaver til et minimum. Uten mye å lese, kan denne trenden være effektiv og interessant. På den annen side går store blokker av typen liten type bort og kan hindre brukerens evne til å lese med letthet og skanne kopi effektivt.
Balanse er også en bekymring. Alle skrifttyper må skala noe for å skape en god følelse av harmoni. Moonfarmer bruker en lett skrifttype for logotypebehandlingen og en liten linje av sekundær kopi. Typeelementene kontrasterer pent, og behandlingen med lystypen synes å passe inn i stemningen i bildene.
HTML Burger tar nesten motsatt tilnærming med en dristig overskrift og små sekundære linjer med tekst. De lettere beskrivende ordene virker små fordi de er vanlige ord-HTML, CSS, e-handel - og kontrast betydelig med den fortsatt store overskriften.
Mountain Dews NBA-design skyver alt til en liten skala. Dette er en av de minste overskriftene du vil finne, men i kombinasjon med altfor dristig X overlegg og video bakgrunn, blir brukerne fortsatt trukket til den lille teksten.
2. Geometrisk legging
Nye måter å lagelementer har vært jevnt voksende i popularitet. Først brakt tilbake som en vanlig og moderne designteknikk av Googles Material Design-ide, er geometrisk lagring en annen måte å legge til visuell interesse for bilder som kan la noe være ønsket.
Hvert av eksemplene nedenfor bruker et rammeverk med dype figurer for å bringe nytt liv til bilder som er noe enkle - bygninger, et møtefoto, bilder av personer som arbeider. Tilsetningen av morsomme former, utklipp og farge gir brukeren et utgangspunkt for å komme inn i designet. Legg merke til hvordan hver av designene bruker geometrisk for å effektivt flytte brukeren fra en form til det mest relevante innholdet, for eksempel overskrift eller merkevarebygging.
Geometri kan brukes på flere måter som integreres med resten av designet:
- kutt i bilder for å bringe fokus til viktige testelementer som Saltprosjekter ;
- bruk et uventet lyst grenseelement for å lage et ubalansert fokuspunkt som fører brukere over hele skjermen, for eksempel Bailey og fransk ;
- sett bilder i uvanlige former for å legge til nytt fokus på bildene, som Alchemy Digital .
Den beste delen av å bruke geometrisk lag er at det er enkelt og fungerer med stort sett alle typer innhold. Brukere vokser vant til sirkulære knapper og andre elementer som er plassert på toppen av hverandre for en multi-plan, mer taktil interaktiv følelse.
Vinklene og kurvene i geometriske elementer kan bidra til å peke brukerne fra ett element til det neste, og når de brukes effektivt, er det et bra retningsbestemt verktøy. Posisjonsvinkler slik at de "peker" til innholdet du vil at brukerne skal se og bruker sirkler for innhold som skal vises først.
3. Sløret bilder
Sløret bilder er en teknikk som ikke er ny. Men det ser ut til å være nytt liv med flere motiver som inneholder helt eller delvis slørte bilder eller video.
Sløret bilder kan skape en distinkt følelse for et nettsted med et element av mystikk eller bidra til å legge vekten bort fra bildet til andre deler av designet. Hvert av eksemplene nedenfor bruker uskarphet av forskjellige grunner:
- Digitalux tar det som ville være en kjedelig bit av video-folk som jobber på et kontor - og bruker blå for å legge litt bevegelse bak hovedmeldingen og kall til handling;
- Playkot bruker en sløret bakgrunn for å legge vekt på den morsomme karakteren og den interessante typografibehandlingen i forgrunnen, og legger til et virkelighetselement i dette virtuelle gammeldags spilleventyret;
- ESPNs "Vi Fans" har en sløret stadion stil bakteppe som ville nesten være en fotball arena hvor som helst å vise fremvisningen for en tv-dokumentar; den uskarpe bakgrunnen bidrar til å legge mer fokus på den morsomme typen behandling som er den viktigste merkevaren til serien.
Konklusjon
Noen ganger er de største trendene stepping stones i utviklingen av andre trender. Det kan være interessant å se fremskrittet lite, nesten som det skjer. Det er det du pleier å få når du ser på trendingelementer som kan brukes til nesten ethvert prosjekt, for eksempel de tre trendene som vises her.
Den fine tingen om disse ideene er at de er anvendelige på nesten hvilken som helst skala. Du kan legge til liten tekst til bare din hjemmeside, for eksempel, og se hvordan endringen påvirker brukerne før den rulles ut på en bredere skala. Forsøk og testing på dette nivået vil bidra til å forutsi om en trend som dette vil ha strøm eller vil forsvinne raskt.
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.