We love to think and talk about what we do. We make our speechbubbles pop and write our thoughts down in our blog.

Webdesign in 2009 deel 2

Als vervolg op deel 1 worden in dit tweede artikel over webdesign in 2009 duidelijk herkenbare trends besproken zoals het letterpress effect, illustraties (mascottes) en grote footers. Ik heb waar van toepassing, geprobeerd de beste tutorials te verzamelen, waarin uitgelegd wordt hoe je een trend kunt toepassen in webdesign.

Grote headings

Tegenwoordig speelt het gebruiksgemak en de overzichtelijkheid een grote rol in webdesign. De bezoeker heeft een korte attention span en wil zo snel mogelijk de informatie gepresenteerd krijgen. Grote headings zorgen er voor dat men snel weet waar de informatie staat en legt duidelijke focus points. Door een grote font te gebruiken ben je niet alleen bezig met contenthiërarchie, ook esthetisch gezien kan het gebruik van een grotere font-size een heus onderdeel worden van het design.

Catchy pagina introducties

Voortbordurend op het inspelen op de korte attention span van de gemiddelde bezoeker, is het gebruik van catchy pagina introductieteksten een duidelijk zichtbare trend.

Letterpressed teksten

Een trend die vooral door Apple populair is gemaakt (what else is new!) is het gebruik van het letterpress effect. Hiermee wordt de trend van layering in webdesign voortgezet en uitgebreid. Het letterpress effect kan een nieuwe dimensie toevoegen aan een webdesign, en is redelijk eenvoudig te bewerkstelligen. Helemaal met de ondersteuning van CSS3 door steeds meer browsers kan CSS gebruikt worden om het letterpress effect toe te passen.

Hieronder vindt je enkele tutorials waarin uitgelegd wordt hoe je letterpress teksten kunt creeëren met CSS3, Photoshop en Illustrator.

Illustraties (mascottes)

Je ziet het steeds vaker, een website of merk dat een illustratie gebruikt als mascotte of zelfs als logo. Originele Illustraties kunnen, waar gepast, helpen bij branding doordat een illustratie kunnen zorgen voor sterkere herkenning dan een logotype. Daarnaast het vrolijkt de boel ook een beetje op.

Tutorials:

Faders & slider

Met de introductie van Javascript frameworks als jQuery en Mootools is het leven van de webdesigner/programmeur een stuk eenvoudiger geworden. Sliders en faders hoeven niet meer per definitie in Flash gemaakt te worden, waardoor je de content van een fader of slider sneller kunt koppelen aan een database, waar een klant direct controle over kan uitoefenen. Sliders en faders zijn erg hot, voor de simpele reden dat het een webdesign dynamisch maakt. Je hoeft niet meer te werken met één statische afbeelding, maar kunt de bezoeker meerdere afbeeldingen op een pagina laten zien zonder dat er op refresh geklikt hoeft te worden. Uitermate geschikt voor websites die een portfolio sectie hebben.

Grote footers

Een vanzelfsprekend gevolg van inspelen op de behoefte van de bezoeker, is het verduidelijken van navigatiemogelijkheden op website. Voornamelijk op website met meerdere subpagina's en/of langere webpagina's help je de bezoeker zijn weg te vinden door middel van een uitgebreide footer. Zo'n grote footer helpt daarnaast mee om de bounce rates laag te houden. Wellicht ziet de bezoeker in de footer een onderwerp in de vorm van een subpagina die hij anders niet had bezocht. Bekijk deze blogpost op Webdesigndev.com om inspiratie op te doen voor het ontwerpen van een grote footer.

Blijf up to date...

Zoals in deel 1, vind je hieronder weer een lijst met CSS gallery's die je kunt bezoeken om een beetje up to date te blijven op het gebied van trends in hedendaags webdesign

terug naar blog