Essentiële ontwerptrends, oktober 2016
Zoals het gezegde luidt: alles oud is weer nieuw. Dat is zeker waar in het ontwerp. Deze maand zijn enkele van de grootste trends in webdesign helemaal niet zo nieuw. Ontwerpers vinden old-school typografie-stijlen opnieuw, komen terug op het grid en herdenken berichten op de startpagina.
Het is een interessante combinatie van visuele elementen die we in het verleden hebben gezien en waarschijnlijk ook in de toekomst zullen zien. Dit is de trend in het ontwerp van deze maand:
1. Old school typografie
Meer ontwerpers kiezen voor een old-school benadering om typografie weer te geven. Voorbij zijn de ultradunne of gecondenseerde schreefloze lettertypen en de meer traditionele lettertypen zijn in gebruik. Ouderwetse, moderne en overgangsreeksen zijn de nieuwe stijl van het type go-to-display.
Het is eigenlijk een beetje verrassend. Voor jaren. De "regel" was om schreefloos te gebruiken om de leesbaarheid te verbeteren en ontwerpers deden precies dat, vaak zonder enige twijfel. Het nieuwe gebruik van serifs voor groot type - en zelfs een kleiner type - is verfrissend en redelijk leesbaar. De ontwerpen leven vaak in een minimale ruimte, dus dat type hoeft niet te strijden om aandacht en combinaties richten zich op donkere letters op een lichte achtergrond. (Alle dingen die de leesbaarheid bevorderen.)
Weet niet veel over deze typestijlen? Hier is een snelle inleiding op elk van deze "nieuwe" old-school-reeksen:
- Ouderwets: belettering heeft een ouderwetse sfeer die overblijfselen uit sommige blackletter- en gotische stijlen uit de vroege boekdrukjaren overbracht. Lettervormen hebben vaak kleine schreven (die kleine streepjes aan het einde van langere stroken) en een afgeronde vorm. RSQ, hieronder, is een perfecte showcase van typografie in oude stijl.
- Modern: deze stijl van letters komt vrij vaak voor in gedrukte ontwerpen, zoals kranten en tijdschriften, maar begint net zijn weg te vinden naar webprojecten. Moderne reeksen hebben afwisselend dikke en dunne streekbreedten in elke lettervorm, soms met grote hoeveelheden contrast. Inkt + Volt, hieronder, gebruikt een prachtige moderne serif. Maar let ook op hoe de belettering wordt gebruikt. Het type bevindt zich in een witte doos, zodat de dunne delen van elke letter niet verloren gaan in de achtergrond van de video, wat de leesbaarheid zou beperken. Dit is de perfecte oplossing voor het gebruik van een moderne serif.
- Overgangsperiode: deze lettervormen lijken veel op moderne schreven met een groot verschil - letters hebben uniforme lijnbreedten. Dit maakt traditionele reeksen gemakkelijker te gebruiken omdat ze leesbaarder zijn in meer ontwerpsituaties.
Niet alle old-school typografie valt in een serif-categorie. Sommige old-schoolstijlen die opduiken herinneren ons slechts aan een andere keer, zoals die gebruikt door The Frontend Guide, hieronder. Het funky, gekantelde eind jaren 70-begin van de jaren 80 brengt je echt naar een andere tijd en plaats. (En dat is helemaal old-school.)
2. Gedefinieerde rasters
Soms zie je het raster, soms niet. Hoe dan ook, een solide raster vormt de basis voor een ontwerp dat overzichtelijk en gemakkelijk in het oog is.
Meer gedefinieerde roosters maken een comeback. Een deel daarvan kan zijn van de invloed van Material Design, dat veel elementen bevat in nette kolommen en rijen, en een deel daarvan is het gemak van het verplaatsen en herschikken van elementen in responsieve frameworks.
Hoe dan ook, gedefinieerde rasters kunnen op vrijwel elk scherm er geweldig uitzien voor een verscheidenheid aan projecten. Wat leuk is aan het gebruik van een gedefinieerd raster, is dat het het leven heel gemakkelijk maakt voor de ontwerper. Als u eenmaal onder de knie bent van het werken binnen een grid, presenteren plaatsingen, dimensionering en ontwerpopties zich duidelijk aan u.
De truc om gedefinieerde rasters te gebruiken is niet om er te gestructureerd of te gridig uit te zien. Voor veel ontwerpers betekent dit dat de grootte op verschillende "schermen" wordt overschreden, zoals het hebben van een heldbeeld over de volledige breedte over een raster van elementen. De elegante "Decade" -pagina van Seagulls hieronder doet dit mooi. De website bevat ook subtiele rastering op de startpagina in de afbeelding, die op een mysterieuze manier donker is en je naar de rasterpagina's met mysterie-thema leidt. Hoogtij, hieronder, doet iets soortgelijks met een coole introvideo boven rasterblokken.
Maar een raster kan goed gedefinieerd zijn en iets minder ingepakt. Zumtobel, hieronder, gebruikt de letters in zijn naam om rasterblokken te maken voor specifieke productinformatie. Alleen bij zweven zie je de rasters van perfect formaat, hoewel de plaatsingen idealiter horizontaal en verticaal in een schoon raster worden verdeeld.
Hoe meer je denkt over rasters, hoe meer je ze gaat zien door de ogen van de ontwerper die ze heeft gemaakt. U kunt beginnen met enkele van de gemeenschappelijke webnetwerken als u niet vertrouwd bent met het idee of uw eigen rasters wilt maken. De kunst is dat je het raster consequent moet gebruiken voor echt visueel succes.
3. Minimaal berichtenverkeer boven de "vouw"
De vraag van de dag is deze: Is er genoeg informatie boven de scroll om je genoeg interesse te geven om naar de website te blijven kijken? Het kan moeilijk zijn om te antwoorden. Maar veel ontwerpers wedden op het idee dat u zult klikken of scrollen, zelfs als er maar één woord op het scherm is.
Met andere beelden, zoals video, schuifregelaars of aantrekkelijke productdisplays, kunnen gebruikers dat precies doen. Maar het kan een gok zijn, vooral met ontwerpen die geen navigatiemenu met minimale berichten bevatten.
En dan is er nog het volgende: veel gebruikers gaan websites binnen via andere pagina's dan de startpagina, dus waarom zou u daar geen risico nemen? Bekijk de gegevens en klikken, kijk wat er gebeurt.
Dit is een van die trends die interessant zullen zijn om naar te kijken. Het kan bijna net zo snel verdwijnen als het is verschenen, maar er zijn veel sites die dit model gebruiken.
Conclusie
Het is erg leuk om te zien hoe designtrends teruggaan naar de mode. Wat leuk is aan twee van deze trends - old-school typografie en gedefinieerde rasters - is dat ze zeer bruikbaar zijn in een aantal ontwerpstijlen.
Van welke trends hou je nu (of haat)? Ik zou graag enkele van de websites willen zien waar je gefascineerd mee bent. Stuur me een link op Twitter ; Ik hoor graag van je.