Viktiga designtrender, oktober 2016
Som sagt säger: Allt gammalt är nytt igen. Det är sant i design säkert. Denna månad är några av de största trenderna i webbdesign inte så nya alls. Designers återuppfinna typsnitt för gammaldags typografi, återvänder till rutnätet och omprövar meddelandet på hemsidan.
Det är en intressant kombination av visuella element som vi har sett tidigare och kommer troligen att se igen i framtiden. Här är vad som trender i design denna månad:
1. Old school typography
Fler designers tar ett gammalt skolan tillvägagångssätt för visningstypografi. Borta är de ultra-tunna eller kondenserade sans serifs, och mer traditionella typ stilar är in. Gamla stil, moderna och övergångsliga serifs är den nya go-to-display typstilen.
Det är lite överraskande, faktiskt. I åratal. Regeln har varit att använda sans serifs för att förbättra läsbarheten och designers gjorde just det, ofta utan tvekan. Den nya användningen av serifs för stor typ - och även lite mindre typ - är uppfriskande och ganska läsbar. Mönstren lever ofta i ett minimalt utrymme, så den typen behöver inte konkurrera om uppmärksamhet och parning fokuserar på mörkt bokstäver på en ljus bakgrund. (Allt som hjälper läsbarhet.)
Vet inte mycket om dessa typer av stilar? Här är en snabb primer på var och en av dessa "nya" skola serifs:
- Old-style: Lettering har en gammal vibe som överför från några blackletter och gotiska stilar från tidiga åldrar av utskrift. Letterforms har ofta små serifs (de små stroke i slutet av längre stokes) och en rundad form. RSQ, nedanför, är en perfekt framställning av gammal typografi.
- Modernt: Denna typ av bokstäver är ganska vanligt i tryckt design, som tidningar och tidskrifter, men börjar precis gå in i webprojekt. Moderna serif har alternerande tjocka och smala slagbredd i varje brevform, ibland med stora mängder kontrast. Bläck + Volt, nedanför, använder en vacker modern serif. Men notera också hur bokstäverna används. Typen är inuti en vit låda så att de tunna delarna av varje bokstav inte går vilse i videobakgrunden, vilket skulle begränsa läsbarheten. Det här är den perfekta lösningen för att använda en modern serif.
- Övergång: Dessa brevformar ser mycket ut som moderna serifs med en stor skillnad - bokstäverna har enhetliga slagbredd. Detta gör det lättare att använda traditionella serifs eftersom de kan vara mer läsbara i fler konstruktionssituationer.
Inte all gammal-skol typografi faller i en serif kategori. Några av de gamla skolstilarna som dyker upp påminner oss om en annan gång, som den som används av The Frontend Guide, nedan. Den funky, kantade, sena 1970-talet-80-talet tar verkligen dig till en annan tid och plats. (Och det är helt gammalskola.)
2. Definierade rutor
Ibland kan du se rutnätet, ibland kan du inte. Hur som helst, ett solidt nät är grunden för en design som är ren organiserad och lätt på ögonen.
Mer definierade grids gör en comeback. En del av det kan vara en påverkan av Material Design, som innehåller många element i snygga kolumner och rader, och en del av det kan vara lätt att flytta och omorganisera element i responsiva ramar.
Hur som helst kan definierade rutor se fantastiskt ut för en mängd olika projekt på stort sett vilken skärm som helst. Vad är trevligt med att använda ett definierat rutnät, det är att det gör livet riktigt enkelt för designern. När du får hänga med att arbeta inom ett rutnät, presenterar placeringar, limning och designalternativ tydligt för dig.
Tricket att använda definierade rutor ska inte se för strukturerat eller överdriven. För många designers betyder det att man byter upp storlekar på olika "skärmar", som att ha en helbreddsbild över ett raster av element. Den eleganta måsens "Decad" -sida, nedan gör det här snyggt. Webbplatsen innehåller också subtilt gridding på hemsidan i bilden, vilket är mörkt något mystiskt, vilket leder dig till mystery-themed rutnät sidor. High Tide, nedanför, gör något liknande med en cool intro video ovanför rutnätblock.
Men ett rutnät kan vara väldefinierat och lite mindre boxat. Zumtobel, nedan, använder bokstäverna i namnet för att skapa rutblock för specifik produktinformation. Endast på svävar ser du rutorna med perfekt storlek, även om placeringarna är idealiskt åtskilda horisontellt och vertikalt i ett rent nät.
Ju mer du tänker på gallret, desto mer kommer du att börja se dem genom designerns ögon som skapade var och en. Du kan börja med några av de gemensamma webbnätverket om du inte är bekväm med idén eller skapa din egen. Tricket är att du måste använda nätet konsekvent för verklig visuell framgång.
3. Minimala meddelanden ovanför "vikten"
Frågan om dagen är detta: Finns det tillräckligt med information ovanför bläddern för att intressera dig tillräckligt för att fortsätta titta på webbplatsen? Det kan vara svårt att svara på. Men många designers satsar på att du kommer att klicka eller bläddra, även om det bara finns ett ord på skärmen.
Med andra bilder som video, rullningsreglage eller lockande produktdisplayer kan användarna göra just det. Men det kan vara en spelning, speciellt med mönster som inte innehåller en navigationsmeny med minimal budskap.
Då finns det här: Massor av användare skriver in webbplatser via andra sidor än hemsidan, varför inte riskera det? Titta på data och klick, se vad som händer.
Detta är en av de trender som kommer att vara intressant att titta på. Det kan försvinna nästan lika snabbt som det har dykt upp, men det finns många webbplatser som använder den här modellen.
Slutsats
Det är mycket roligt att se designtrenderna går tillbaka till mode. Vad är trevligt om två av dessa trender - gammal skol typografi och definierade grids - är att de är mycket användbara i ett antal design stilar.
Vilka trender älskar du (eller hatar) just nu? Jag skulle gärna se några av de webbplatser som du är fascinerad av. Släpp mig en länk på Twitter ; Jag skulle gärna höra från dig.