Voir la source de Notions de web design

== Définition<br>  ==

Le web design désigne la conception de l'interface web&nbsp;: l’architecture interactionnelle, l’organisation des pages, l’arborescence et la navigation dans le site web. Il s’agit d’une phase essentielle dans la conception d’un tel site. La conception d'un design web tient compte des contraintes spécifiques du support Internet, notamment en termes d’ergonomie, d’utilisabilité et d’accessibilité. <br> 

source: [http://fr.wikipedia.org/wiki/Web_design http://fr.wikipedia.org/wiki/Web_design]<br> 

<br> 

== Site références:  ==

[http://www.w3.org/standards/webdesign/ http://www.w3.org/standards/webdesign/]&nbsp;: le W3C est chargé de promouvoir la compatibilité des technologies du web. LE site de référence.<br> 

[http://www.alistapart.com/ http://www.alistapart.com/]&nbsp;: Les meilleurs articles du web<br> 

[http://www.pompage.net/ http://www.pompage.net/]&nbsp;: de très bonnes ressources en français. <br> 

http://24ways.org/<br> 

http://net.tutsplus.com/<br> 

== Quelques sites proposant des galeries de pages d'accueil pour l'inspiration:<br>  ==

[http://www.minimalsites.com/ http://www.minimalsites.com/]&nbsp;: sites web au design épuré.<br> 

[http://www.thebestdesigns.com/ http://www.thebestdesigns.com/] <br> 

[http://designsnips.com/ http://designsnips.com/]&nbsp;: propose une collection de design web classés par catégories. 

[http://patterntap.com/ http://patterntap.com/ ]: collection d'élements composant une interface utilsateur ( navigation, formulaires, listes, icônes ...)<br> 

== Des templates&nbsp;: <br>  ==

[http://www.openwebdesign.org/ openwebdesign]<br> 

[http://www.smashingmagazine.com/2008/12/01/100-free-high-quality-xhtmlcss-templates/ http://www.smashingmagazine.com/2009/01/25/35-free-high-quality-e-commerce-templates/]&nbsp;: templates ecommerce

[http://www.templateworld.com/free_templates.html templateword]

== La question des polices  ==

La gestion des polices est une question d'esthetique mais est également une contrainte technique: Une police ne s'affichera qui si l'utilisateur la possède sur son ordinateur.

Un article d'introduction&nbsp;:&nbsp;http://www.alsacreations.com/article/lire/631-quelles-polices-pour-un-site-web.html <br> 

collection de polices standards&nbsp;: http://covertprestige.info/css/collections-polices/<br> 

http://www.typetester.org/<br> 

http://www.fontsquirrel.com/<br> 

http://www.smashingmagazine.com/2009/04/03/8-simple-ways-to-improve-typography-in-your-designs/<br> 

'''Utiliser des polices en ligne:'''<br> 

http://kernest.com/<br> 

http://code.google.com/intl/fr/apis/webfonts/<br> 

http://www.guillaumevoisin.fr/blog/css/astuce-utiliser-une-police-particuliere-avec-google-font-api&nbsp;: un exemple simple d'utilisation des polices hebergées par Google<br>

== Choix d'icônes:<br>  ==

[http://www.famfamfam.com/ http://www.famfamfam.com/]<br> 

[http://min.frexy.com/articles/category/icon_design/ http://min.frexy.com/articles/category/icon_design/]<br> 

== Quelques sites dédiés à la visualisaton de données:<br>  ==

[http://www.visual-literacy.org/periodic_table/periodic_table.html http://www.visual-literacy.org/periodic_table/periodic_table.html]: table périodique des différents types de visualisation.<br> 

[http://jess3.com/ http://jess3.com/]&nbsp;: très beaux exemples<br> 

[http://infosthetics.com/ http://infosthetics.com/]: très beaux exemples<br> 

[http://blogof.francescomugnai.com/2009/04/50-great-examples-of-infographics/ http://blogof.francescomugnai.com/2009/04/50-great-examples-of-infographics/]&nbsp;: <br> 

[http://flowingdata.com/ http://flowingdata.com/]&nbsp;: de beaux exemples d'interactions entre designers, developpeurs et statisticiens.<br> 

== Webzines&nbsp;: <br>  ==

[http://webdesign.2803.com/page/2/ http://webdesign.2803.com/page/2/]<br> 

[http://www.webdesignmag.fr/index.php http://www.webdesignmag.fr/index.php]<br> 

[http://www.smashingmagazine.com/ http://www.smashingmagazine.com/]&nbsp;: design et web design<br> 

[http://www.digital-web.com/ http://www.digital-web.com]/<br> 

[http://line25.com/ http://line25.com/] : articles, tutoriaux<br>

== Blogs&nbsp;:<br>  ==

http://www.zeldman.com/

[[Catégorie:Vrac]]