Viktige designtendenser, oktober 2016
Som det sier: Alt gammelt er nytt igjen. Det er sant i design for sikker. Denne måneden er noen av de største trendene i webdesign ikke så nye i det hele tatt. Designere gjenoppfinner gammelskole typografi stiler, tilbake til rutenettet og revurdere meldinger på hjemmesiden.
Det er en interessant kombinasjon av visuelle elementer som vi har sett i det siste, og vil nok se igjen i fremtiden. Her er det som trender i design denne måneden:
1. Old school typografi
Flere designere tar en old-school-tilnærming til å vise typografi. Gone er de ultra-tynne eller kondenserte sans serifs, og mer tradisjonelle type stiler er i. Gamle stil, moderne og overgangs serifs er den nye go-to-vise type stil.
Det er litt overraskende, faktisk. I mange år. "Regelen" har vært å bruke sans serifs for å forbedre lesbarheten og designerne gjorde nettopp det, ofte uten spørsmål. Den nye bruken av serifs for stor type - og til og med litt mindre type - er forfriskende og ganske lesbar. Designene lever ofte i minimal plass, slik at typen ikke må konkurrere om oppmerksomhet og sammenkoblinger fokuserer på mørkt lettering på en lys bakgrunn. (Alle ting som hjelper lesbarhet.)
Vet ikke mye om disse typene? Her er en rask primer på hver av disse "nye" old-school serifs:
- Gammeldags: Lettering har en gammeldags atmosfære som overfører fra noen blackletter og gotiske stiler fra tidlige år med utskrift. Letterforms har ofte små serifs (de små strøk på slutten av lengre stokes) og en avrundet form. RSQ, under, er et perfekt utstillingsvindu av gammel typografi.
- Moderne: Denne bokstavstypen er ganske vanlig i trykt design, for eksempel aviser og magasiner, men begynner å gjøre veien til webprosjekter. Moderne serifs har alternerende tykke og tynne slagbredder i hver bokstavform, noen ganger med store mengder kontrast. Blekk + Volt, under, bruker en vakker, moderne serif. Men merk også på hvordan bokstavene brukes. Typen er inne i en hvit boks, slik at de tynne delene av hvert brev ikke går seg vill i videobakgrunnen, noe som vil begrense lesbarheten. Dette er den perfekte løsningen for å bruke en moderne serif.
- Transitional: Disse brevformene ser veldig ut som moderne serifs med en stor forskjell - bokstaver har jevne strekkbredder. Dette gjør tradisjonelle serifs enklere å bruke, fordi de kan være lesbare i flere design situasjoner.
Ikke all gammel skole typografi faller inn i en serif kategori. Noen av de gamle skolestilene som dukker opp, bare minne oss om en annen gang, som den som brukes av The Frontend Guide, nedenfor. Funky, skråstilt, sen 1970-tidig 80-talls tema tar deg virkelig til en annen tid og sted. (Og det er helt gammelskole.)
2. Definerte grids
Noen ganger kan du se rutenettet, noen ganger kan du ikke. Uansett er et solidt rutenett grunnlaget for et design som er rent organisert og lett på øynene.
Mer definerte grids gjør et comeback. En del av det kan være påvirket av Material Design, som inneholder mange elementer i pene kolonner og rader, og en del av det kan være enkelt å flytte og omorganisere elementer i lydhør rammeverk.
Uansett kan definerte rister se utrolig ut for en rekke prosjekter på stort sett hvilken som helst skjerm. Hva er fint med å bruke et definert grid som er at det gjør livet veldig enkelt for designeren. Når du får tak i å jobbe i et rutenett, presenterer plasseringer, dimensjoner og designalternativer seg tydelig for deg.
Trikset med å bruke definerte ruter er ikke å se for strukturert eller overforstøpt. For mange designere betyr det å bytte opp størrelser på forskjellige "skjermer", som for eksempel å ha en hel bredde helten image over et rutenett av elementer. The Elegant Seagulls "Decade" siden, gjør det bra her under. Nettstedet har også subtile gridding på hjemmesiden i bildet, noe som er mørkt noe mystisk, som fører deg inn på mystery-themed grid sider. High Tide, under, gjør noe lignende med en kul intro video over grid blokker.
Men et rutenett kan være veldefinert og litt mindre bokset. Zumtobel, under, bruker bokstavene i navnet sitt for å lage gridblokker for spesifikk produktinformasjon. Bare på hover ser du de perfekte rutenettene, selv om plasseringene er ideelt plassert horisontalt og vertikalt i et rent rutenett.
Jo mer du tenker på grids, desto mer vil du begynne å se dem gjennom øynene til designeren som skapte hverandre. Du kan starte med noen av de vanlige nettnettet hvis du ikke er komfortabel med ideen eller lage din egen. Trikset er at du må bruke rutenettet konsekvent for ekte visuell suksess.
3. Minimale meldinger over "fold"
Spørsmålet om dagen er dette: Er det nok informasjon over rulle for å interessere deg nok til å fortsette å se på nettsiden? Det kan være vanskelig å svare på. Men mange designere satser på ideen om at du vil klikke eller bla, selv om det bare er ett ord på skjermen.
Med andre visuelle effekter som video, rullende skyveknapper eller fristende produkt, kan brukerne bare gjøre det. Men det kan være en gamble, spesielt med design som ikke inkluderer en navigasjonsmeny med minimal meldingstjeneste.
Så er det dette: Mange brukere skriver inn nettsteder via andre sider enn hjemmesiden, så hvorfor ikke risikere det? Se på dataene og klikkene, se hva som skjer.
Dette er en av de trendene som vil være interessant å se på. Det kan forsvinne nesten like raskt som det har dukket opp, men det er mange nettsteder som bruker denne modellen.
Konklusjon
Det er veldig morsomt å se designtrender, syklus tilbake til mote. Hva er fint om to av disse trendene - old school typografi og definerte grids - er at de er svært brukbare i en rekke design stiler.
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.