Tag Archives: dropshadow

Mooi ontwerp inspireert

Screenshot onwiredIn de Design View blog van Sitepoint werd de website Scrnshots besproken. Op deze site, met de tagline “share your inspiration”, kan iedereen screenshots van websites met een goed design plaatsen. Uiteraard is dit niet de eerste en enige website waar ontwerp inspiratie opgedaan kan worden, maar ik vind dit soort initiatieven altijd erg inspirerend.

Op deze pagina viel mij vooral het ontwerp van de website onwired.com op. Deze site gebruikt inmiddels veel gebruikte effecten zoals schaduwen en gradients, maar dan net wat subtieler. Zo loopt de schaduw vanuit het midden naar de zijkanten weg waardoor er een bolling in de pagina lijkt te zitten. Ook zit er een lichteffect op de achtergronden waardoor de site in het midden lichter is dan aan de zijkanten.

En dan de paperclip met details over één van de projecten, die maakt deze site helemaal af. Ook hier zit een schaduw achter, maar ook deze is interessant vervormt waardoor het lijkt alsof het puntje omhoog komt. Hoe je dit effect kan bereiken wordt ook uitgelegd op de website. Door dit element (dat overigens mooi gebruikt maakt van PNG’s alpha transparency) komt de website speelser over en is het minder ‘boxy’.

De website maakt ook gebruik van sIFR waarmee speciale lettertypen op de website gebruikt kunnen worden zonder gebruik te maken van plaatjes. Hierdoor blijft de website toegankelijk en goed indexeerbaar door de zoekmachines. Typografie krijgt óók op websites een steeds belangrijkere rol! Verder is de site leuk en uitdagend geschreven en staan er een aantal interessante artikelen op!

Het wordt tijd dat ik mijn site en de site van Smit & Flink Media ook een keer een update geef! -zucht-