Als op 31 december de vuurpijlen de lucht in gaan, breekt er precies op dat moment een nieuw jaar aan! Het lijkt me nu dan ook een goed moment om even te kijken wat de tussenstand is betreft de trends op het gebied van webdesign. Sommige staan nog in de kinderschoenen, andere zijn inmiddels in volle bloei en zullen in 2012 de standaard bepalen. Leest u even mee?
Responsive design
Favoriet! Responsive design zorgt dat de pagina-layout zich aanpast aan de afmetingen van het scherm waarin de pagina bekeken wordt. We hebben er al vaker over geschreven op ons blog. Deze trend zal zich zeker doorzetten. Dit komt natuurlijk door het gebruik van de verschillende apparaten (Pc’s / laptops/ iPads / iPhones) waarop websites bezocht worden. Wij zijn hier ondertussen een paar mooie responsive sites aan het ontwerpen en ontwikkelen: daarover later meer op dit blog.
Gebruik van grote foto’s
Het gebruik van beeldvullende foto’s op de achtergrond van een website is erg hip! Ook zien we steeds vaker video’s als achtergrond. Ik ben er fan van. Er zijn mooie technieken voor zoals het mooie bewegende Parallax-effect (zie voorbeeld) en jQuery-scripjes die de foto mooi mee laten schalen met de afmeting van je beeldscherm, zoals Supersize (zie voorbeeld). Prachtig.
Minimalisme: rust, ritme en regelmaat
Maak je website zo ‘zen’ mogelijk. Hoe simpeler de website lijkt, hoe meer ontwerpwerk er in gestoken is. De trend is dat er maar één duidelijke boodschap gecommuniceerd wordt op de site. Één beeld en een pakkende grote tekst. (Zoals een goede advertentie die je langs de snelweg bekijkt.) Er valt weinig meer te ‘verstoppen’ met content en graphics, dus wat men ziet moet ook goed zijn. Het is de bedoeling dat de bezoeker naar het goede punt geleid wordt, zonder teveel afleiding. Laat het een pure ervaring zijn. Een mooi voorbeeld vind ik de website zoals hierboven afgebeeld : collectionsocietegenerale.com
Single page websites
De website bestaat maar uit 1 pagina, waarop alles gebeurt. Je navigeert van boven naar onder, van links naar rechts. Je navigeert dus niet naar een andere pagina. Door het gebruik van iPads en andere tablets werkt dit erg intuïtief. Collega Gijs heeft er onlangs een mooi blogje aan gewijd. Occhio heeft recent twee ‘single page websites’ opgeleverd, te weten: gaystraightalliance.nl en micompany.nl (Ontwerp: Buro RuSt)
‘Design below the fold’
Dit heeft natuurlijk ook met het responsive design en met de single page designs te maken: de ‘vouw in de pagina’ wordt wat minder belangrijk. Natuurlijk is het nog steeds het eerste dat je ziet, maar mensen scrollen er tegenwoordig lustig op los. De pagina kan bijna niet lang genoeg zijn! Zorg er dus voor dat de content onderaan net zo aantrekkelijk is als de bovenkant. Live below 600px is een leuke pagina over dit onderwerp.
Structuur
En dat bedoel ik dan letterlijk. Ik heb er al eerder over geschreven, maar er lijkt een (terechte) hang te zijn naar echte producten en structuren, zoals papier, gedrukte letters en nostalgische kleuren. Je moet de inkt op de website bijna kunnen ruiken.
Typografie
Fonts galore! Het liefst zo groot, nostalgisch, vet en massief mogelijk, gecombineerd met prachtige sierlijke letters. Dit wordt alles mede mogelijk gemaakt door Google web fonts en Cufon. Fantastisch.
Illustraties
Zeg het met een mooie duidelijke tekening. En dan het liefst zo groot mogelijk in de header. Duidelijke boodschap!
Infographics
In 1 oogopslag een ingewikkelde kwestie uitleggen met tekst en beeld. Op deze manier krijg je een goed gevoel voor verhoudingen, zoals bij grafieken! Prachtige manier van informatie overbrengen. Beeld via coolinfographics.com.
Alvast een fijn 2012!