Væsentlige designtendenser, oktober 2016
Som det siger siger: Alt gammelt er nyt igen. Det er rigtigt i design. Denne måned er nogle af de største tendenser i webdesign ikke helt nye. Designere genopfinder old-school typografi stilarter, vender tilbage til nettet og genovervejer messaging på hjemmesiden.
Det er en interessant kombination af visuelle elementer, som vi tidligere har set, og vi ses sandsynligvis igen i fremtiden. Her er hvad der trender i design denne måned:
1. Old school typografi
Flere designere tager en old-school tilgang til display typografi. Borte er de ultra-tynde eller kondenserede sans serifs, og mere traditionelle type stilarter er i. Gamle stil, moderne og overgangs serifs er den nye go-to display type stil.
Det er en smule overraskende, faktisk. Årevis. "Reglen" har været at bruge sans serifs til at forbedre læsbarheden og designerne gjorde netop det, ofte uden tvivl. Den nye brug af serifs til stor type - og endda en mindre type - er forfriskende og ret læsbar. Designene lever ofte i et minimalt rum, så den type behøver ikke at konkurrere om opmærksomhed og sammenkoblinger fokuserer på mørkt bogstaver på en lys baggrund. (Alle ting der hjælper læsbarhed.)
Ved jeg ikke meget om disse typer stilarter? Her er en hurtig primer på hver af disse "nye" old-school serifs:
- Gammeldags: Lettering har en gammeldags atmosfære, der overfører fra nogle blackletter og gotiske stilarter fra tidlige trykkerier. Letterformularer har ofte små serifs (de små streger i slutningen af længere stokes) og en afrundet form. RSQ, nedenfor, er et perfekt udstillingsvindue af gammeldags typografi.
- Moderne: Denne bogstaver er ret almindelig i trykt design, såsom aviser og magasiner, men er lige begyndt at gøre vej til webprojekter. Moderne serifs har skiftende tykke og tynde slagbredder i hver brevform, nogle gange med store mængder kontrast. Ink + Volt, nedenunder, bruger en smuk moderne serif. Men bemærk også, hvordan bogstaverne bruges. Typen er inde i en hvid boks, så de tynde dele af hvert brev ikke går tabt i videobaggrunden, hvilket ville begrænse læsbarheden. Dette er den perfekte løsning til brug af en moderne serif.
- Overgang: Disse bogstaver ser meget ud som moderne serifs med en stor forskel - bogstaver har ensartede slagbredder. Dette gør traditionelle serifs lettere at bruge, fordi de kan læses mere i flere design situationer.
Ikke alle old-school typografi falder ind i en serif kategori. Nogle af de gammeldags stilarter, der popper op, minder os om en anden gang, som den, der bruges af The Frontend Guide, nedenfor. Den funky, skrå, sene 1970'erne-80'ers tema tager dig virkelig til en anden tid og sted. (Og det er helt gamle skole.)
2. Definerede grids
Nogle gange kan du se nettet, nogle gange kan du ikke. Uanset hvad, et solidt net er grundlaget for et design, der er rent organiseret og let på øjnene.
Mere definerede grids gør et comeback. En del af det kan være af indflydelse fra Material Design, som indeholder masser af elementer i pæne søjler og rækker, og en del af det kan være let at flytte og omarrangere elementer i lydhørige rammer.
Uanset hvad, kan definerede grids se fantastisk ud for en række projekter på stort set enhver skærm. Hvad er dejligt med at bruge et bestemt net, det er, at det gør livet virkelig nemt for designeren. Når du kommer i gang med at arbejde inden for et gitter, fremlægger placeringer, dimensionering og design muligheder klart til dig.
Tricket til at bruge definerede grids må ikke se for struktureret eller overdrevet. For mange designere betyder det at skifte størrelser på forskellige "skærme", som f.eks. At have et fuldbredt heltebillede over et rist af elementer. The Elegant Seagulls "Decade" side, herunder gør dette pænt. Webstedet indeholder også subtile gridding på hjemmesiden på billedet, hvilket er mørkt en mystisk, der fører dig ind i mystery-themed grid sider. High Tide, under, gør noget lignende med en cool intro video over gitterblokke.
Men et gitter kan være veldefineret og lidt mindre bokset. Zumtobel, under, bruger bogstaverne i sit navngivne til at oprette gitterblokke til specifik produktinformation. Kun på hover kan du se de helt dimensionerede gitterkasser, selv om placeringerne er ideelt placeret vandret og lodret i et rent gitter.
Jo mere du tænker på grids, des mere vil du begynde at se dem gennem øjnene af den designer, der skabte hver enkelt. Du kan starte med nogle af de fælles netgitter, hvis du ikke er fortrolig med ideen eller oprette din egen. Tricket er, at du skal bruge nettet til konsekvent visuel succes.
3. Minimale meddelelser over "fold"
Spørgsmålet om dagen er dette: Er der nok information over scrollen for at interessere dig nok til at holde kig på hjemmesiden? Det kan være svært at svare. Men mange designere væddemål på ideen om at du vil klikke eller rulle, selvom der kun er et ord på skærmen.
Med andre visuelle billeder som video, rullende skydere eller lokkende produktdisplays, kan brugerne bare gøre det. Men det kan være en gamble, især med design, der ikke indeholder en navigationsmenu med minimal messaging.
Så er der dette: Masser af brugere indtaster websites via andre sider end hjemmesiden, så hvorfor ikke risikere der? Se på dataene og klik, se hvad der sker.
Dette er en af de trends, der vil være interessant at se. Det kan forsvinde næsten lige så hurtigt som det har vist sig, men der er mange steder, der bruger denne model.
Konklusion
Det er meget sjovt at se designtendenser cyklus tilbage i mode. Hvad er godt om to af disse tendenser - old-school typografi og definerede grids - er at de er meget anvendelige i en række design stilarter.
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.