Les 13 tendances Webdesign 2010

---

Les tendances en webdesign changent, varient, évoluent aussi fréquemment que le web et ses technologies évoluent également.

Les 13 points explicités ci-dessous n’ont pas pour but de vous montrer TOUTES les tendances web 2010 mais celles que nous avons trouvées les plus claires jusqu’ici.

1. Des titres et des images de grande taille
   http://secondandpark.com/
   
   http://carsonified.com/
   
   http://www.elysiumburns.com/
   
   Beaucoup de sites utilisent aujourd’hui de beaux et grands titres et les illustrent avec de grandes images.
   En agissant de la sorte, les Webdesigners donnent de l’importance à ces 2 contenus pour captiver l’attention de leurs utilisateurs et les inviter à « entrer » dans le site. Une sorte d’immersion en « géant » dans le site.
   Cela crée un impact visuel fort qui va aider vos visiteurs à se souvenir de votre site.
   Plus tard, vous pourrez utiliser la force placée dans ces titres et visuels comme rappel dans toute autre communication qui servira de repère pour vos utilisateurs.
2. Des fonts personnalisées
   http://www.brizk.com/
   
   http://designinformer.com/grid-based-web-design-simplified/
   
   L’utilisation des fonts aujourd’hui est passée du stade du « j’utilise une font standard banale et commune » à « j’utilise enfin une font qui me plait vraiment, qui est en équation parfaite avec mon contenu et ça c’est super ! :-) ».
   En utilisant Typekit vous pouvez facilement utiliser de « vraies » fonts sur vos sites web.
   Dites aurevoir aux fonts standards et sélectionnez dès à présent de belles fonts lisibles qui seront en accord avec votre produit, votre site e-commerce ou votre portfolio.
3. L’influence du Print
   http://themanyfacesof.com/alan-rickman/
   

   http://designinformer.com/grid-based-web-design-simplified/

   
   Les fonts avec Serifs, plus de graphisme, le système de grille, et d’autres éléments de l’univers du print sont devenus une source d’inspiration qui a influencé le webdesign cette année. L’intérêt de se baser sur le design print est qu’il peut avoir un impact important pour attirer l’attention et communiquer clairement.

4. Les possibilités offertes par CSS3 et HTML5
   http://www.atebits.com/
   

   http://media.24ways.org/2009/14/5/index.html

   
   Avec les CSS3 et HTML5, les webdesigners ont à leur disposition des outils pour charger leurs pages plus rapidement tout en améliorant l’ergonomie et la navigation.
   Avec CSS3, les webdesigners n’auront plus besoin de créer des images pour faire de la « déco » sur leurs pages, tout est prévu pour créer cela à la volée (bords arrondis, dégradés, image de fond pour les bords, ombre portée sur texte et image et réglage de l’opacité).
   À côté de cela, HTML5 va introduire plus de tags sémantiques dans le code de vos pages avec l’apparition des tags <header>, <footer> et <nav>. L’insertion <audio> et <video> sera aussi facilitée grâce aux balises correspondantes.

5. Plus d’effets visuels
   http://billytamplin.com/
   

   http://sketch.odopod.com/

   

   http://www.duirwaigh.com/

   
   Faites bien attention aux différents fonds d’écran présents sur les sites que vous visitez. Les webdesigners remplacent progressivement les fonds d’écran fouillés par des fonds avec textures. Pas seulement car c’est plus joli et moderne et que ça fait + « web 3.0″, mais ça crée aussi un certain effet visuel pour le ton et le sentiment transmis sur le site que vous offrez à vos visiteurs.

6. Des design compatibles pour les téléphones mobiles
   http://www.hm.com/us/mobile
   

   http://www.procab.ch/iphone/

   

   http://www.alexbuga.com/v9/iphone

   
   La génération-mobile / smartphone a évidemment aussi un grand impact sur la création de sites web cette année. Cette année, de plus en plus de smartphones supportant le javascript et le CSS ont été la nouvelle tendance pour les webdesigners.

7. Des sites entiers qui tiennent sur une seule page
   http://www.cpeople.ru/
   

   http://www.jasonreedwebdesign.com/

   

   http://www.psdlayout.com/

   
   Si vous n’avez pas assez de contenu pour créer un site multi-pages, et bien ne créez pas plus de page qu’une seule dans ce cas-là !
   C’est dans cette optique que pas mal de monde a créé son site tenant sur une seule page avec tout le contenu tenant sur cette page car il aurait été sans intérêt de créer une page annexe pour y mettre 3 mots et une image.

8. Minimaliste & créatif
   http://chengis.me/
   

   http://jaxvineyards.com/

   

   http://www.getfinch.com/

   
   Contrairement aux sites web précédents au design complexes des années passées, les sites épurés, avec de grands espaces blancs, et au style « minimaliste » ont eu la part belle cette année.
   C’est propre, clair, ça reste dans les esprits et c’est aussi une façon d’être créatif.

9. Systèmes multi-colonnes / grilles
   http://www.leidsfilmfestival.nl/nl/
   

   http://www.yamaha.co.jp/yamahaginza/

   
   Le système de grille n’est pas vraiment quelque chose de neuf, mais les webdesigners prennent de plus en plus les avantages de ces systèmes « carrés » en créant des templates en colonnes multiples pour rendre leurs sites plus facile à utiliser.
   Cela permet de placer le bon contenu au bon endroit en gardant des zones de confort qui facilitent la lecture et la clarté du contenu.

10. Des illustrations perso et des icônes propres
    http://forrst.com/
    

    http://www.skype.com/intl/fr/home

    

    http://www.biola.edu/undergrad/

    
    De plus en plus de boites réalisent qu’il est essentiels d’attirer l’attention de leurs clients. Pas seulement en ayant un joli site bien pensé, mais en remplaçant leur image qui était à la base plutôt de type photo par des illustrations et des icônes.
    Ces illustrations et icônes « personnelles » sont à priori ce que les utilisateurs vont retenir.

11. Les réseaux sociaux sont incontournables
    http://oldloft.com/
    

    http://www.edgepointchurch.com/

    
    Les réseaux sociaux font, aujourd’hui, partie intégrante de la vie du web et vous DEVEZ en tenir compte dans la réalisation de vos sites web, c’est essentiel ! Presque tout le monde a son compte facebook !
    C’est un autre moyen d’interagir avec votre visiteur, donc n’hésitez pas à mettre en évidence vos plugins réseaux sociaux dans vos footers, vos barres d’outils, vos barres latérales.
    Bref, les réseaux sociaux sont capitaux à l’heure actuelle. S’en passer, c’est passer à côté d’un aspect essentiel du web pour cette année mais sûrement aussi pour les années à venir.

12. Se présenter (sisi ^^)
    http://www.zachklein.com/
    

    http://www.kylestanding.com/

    http://www.alessandro-cavallo.de/
    
    Dans cette ère de l’Internet, avoir un site web est une nouvelle façon de se présenter en tant que personne.
    Avoir un endroit sur son site web où on se présente de façon « solennelle » n’est plus ringuard (sisi), c’est devenu assez « tendance » d’introduire son site de cette façon. Disons que c’est une approche sympa qui est une porte d’entrée chaleureuse sur votre portail.

13. Les lightbox et dérivés (jQuery inside)
    http://frespiration.com/issues/
    

    http://digg.com/news

    

    http://www.istockphoto.com/

    
    On les appelle la nouvelle génération des « pop-up » (qui sont vraiment à oublier). Les lightbox et assimilés peuvent mettre facilement en scène du texte, des images ou de la vidéo.
    C’est propre, net et plus user-friendly que les vieux pop-up tout dégueulasses qu’on a que trop vu jusqu’ici.

Voici donc quelques pistes pour vous aider à éventuellement effectuer des choix pour la suite de vos créations, ce n’est nullement obligatoire mais ça peut servir de base pour la réflexion de vos prochaines créations.

Cet article a été traduit et complété à partir du site suivant :
http://www.1stwebdesigner.com/