Trendwatching: webtrends in 2011 #3(D)
vrijdag 04 maart 2011 17:06  |  Door: Ingebritt ter Veld  

Wat webdesigntrends betreft heb ik het lekkerste voor het laatst bewaard. Dé trend van 2011 is toch wel 3D, het creëren van diepte.

Row to the poleMisschien heb je ’m wel gezien, dé 3D-film Avatar die eind 2009 alle records brak. Nou, zo spectaculair hoef je het op het web niet te verwachten. Zie 3D meer als een element in de website, in de achtergrond, als header of footer. Het is namelijk niet de bedoeling dat de bezoeker in een soort Tomb Raider 4 terechtkomt en van schrik snel je website wegklikt. Neem dit voorbeeld: http://www.rowtothepole.com/. Het effect van diepte bij het naar beneden scrollen is subtiel én voegt iets toe.

Parallax-scrolling
Wat je in bovenstaand voorbeeld ziet, heet: parallax-scrolling. Dit is een techniek waarbij het beeld in de achtergrond langzamer beweegt dan dat op de voorgrond. Dit verschil in snelheid creëert het effect van diepte in een 2D-omgeving. Dankzij slim gebruik van JQuery (Javascript) en lagen is dit effect niet langer afhankelijk van Flash. Zie: http://www.spritely.net/, sleep de vogeltjes en de ‘drag me!-pijl' van links naar rechts en bewonder het effect.

Flash is niet dood
Ja ja, Javascript is het helemaal, maar het zou me pijn doen Flash nu dood te verklaren. Een mooi voorbeeld van 3D in Flash vind je op http://www.nike.com/jumpman23. Een speelse website met weetjes over basketballegende Michael Jordan.

Jumpman 23

Dus, gebruik 3D bij voorkeur als secundair element in je siteontwerp, om diepte te creëren of beweging te suggereren. Maar probeer niet je bezoeker ermee te overdonderen.

Tot zover de belangrijkste trends van 2011 op het gebied van webdesign. Hoop dat je het leuk vond. Weten hoe deze trends in te passen in de vormgeving van je eigen webomgeving? We wisselen graag met je van gedachten!

Plaats reactie

 

Beveiligingscode
Vernieuwen