mardi 29 janvier 2013

Tendance Web : les fontes d’icônes.

Il semble qu’une tendance émerge sur le Web depuis l’utilisation de fontes telles que celles proposées par Google Web Fonts. Il s’agit de l’utilisation de fontes d’icônes.


En effet, il y a quelque temps, les fontes utilisées devaient être disponibles sur le poste de la majorité des utilisateurs d’un site Web. On appelait Web Safe Fonts la liste de fontes pouvant être utilisée. On pouvait contourner le problème en affichant une image plutôt qu’un texte…ce qui était moins pratique pour l’utilisateur (le texte ne pouvant être agrandi ou réduit) et pour le référencement (il fallait se servir de la balise ALT pour compenser cette lacune).

Bien sûr, on avait utilisé les fontes comme Wingdings pour insérer des pictogrammes. Mais le peu de formes disponibles dans ces fontes fit qu’on se lassa assez rapidement de voir les mêmes icônes.

Par la suite, des sites tels que Google Web Font et Font Squirrel proposèrent d’intégrer un lien vers un serveur, lequel se chargerait d’afficher la fonte sans que l’utilisateur ne la possède. Ceci ouvra la porte à un Web plus riche au niveau typographique, et ce sans utilisation d’images.

Ce n’est que récemment que les Web designers ne recommencèrent à utiliser les pictogrammes contenu à même les fontes. Le fait que la communauté Internet est vaste pousse aussi dans cette direction car on voit apparaître des fontes faciles à utiliser contenant beaucoup de symboles.

Les avantages d’utiliser les fontes d’icônes :
  • On peut les redimensionner 
  • Elles sont compatibles avec tous les navigateurs 
  • On peut leur appliquer différentes couleurs 
  • On peut leur appliquer des effets (les mêmes effets applicables à un texte)
Liens intéressants :
http://typicons.com/
http://fortawesome.github.com/Font-Awesome/
http://www.entypo.com/
http://www.zurb.com/playground/foundation-icons
http://tipogram.com/
http://icons.marekventur.de/
http://www.fontsquirrel.com/fonts/modern-pictograms
http://css-tricks.com/flat-icons-icon-fonts/
http://sixrevisions.com/resources/free-icon-fonts/
http://css-tricks.com/examples/IconFont/
http://css-tricks.com/html-for-icon-font-usage/


Source :
http://en.wikipedia.org/wiki/Wingdings

jeudi 17 janvier 2013

Design Web : Tendances 2013


Article intéressant à propos des tendances pour le design Web en 2013. http://thenextweb.com/dd/2012/12/30/10-new-web-design-trends-you-can-expect-to-see-in-2013/?fromcat=dd

vendredi 11 janvier 2013

Est-ce le retour des GIFs animés?

Voici un article intéressant à propos du retour des GIFs animés; ces images autrefois si populaires pouvant être animées. (anglais)

http://contently.com/blog/2012/08/29/what-the-rise-of-animated-gifs-means-for-content/

lundi 7 janvier 2013

jeudi 3 janvier 2013

Tendances visuelles découlant de systèmes d’exploitation : après le web 2.0 provenant d’Apple, l’interface de Windows 8 fait son apparition.

Nous voyons depuis quelques années, beaucoup de dégradés, d’ombres, d’effets de réflexions et de miroirs. Ces éléments graphiques furent à l’origine inspirés de design créés par Apple. Cette fois, c’est Microsoft qui part le bal en introduisant la nouvelle interface Windows, fortement inspiré par le style typographique international aussi appelé style suisse. Ce style prône la simplicité et l’efficacité et utilise la typographie et des formes de base. L’interface fût pensé pour être facile d’utilisation sur une tablette ou un téléphone à écran tactile car on le sait, les gros boutons ayant peu de texte facilite la navigation sur ce genre d’appareils.

Microsoft décline son design par la présence d’icônes simples et épurées de couleur blanche, par l’usage de typographie sans sérif et par la présence de masses de couleur rectangulaires ou carrées. La palette de couleur utilisée y est assez vive.

Appelé au départ «interface Metro » (Metro style), Windows dût abandonner cette appellation suite à la menace de poursuite judiciaire de la part de la chaîne allemande Metro AG. Les noms les plus communément utilisés sont Modern UI, interface Windows ainsi qu’interface Windows 8. Le débat fait toujours rage sur le Web au sujet du nom définitif à donner à cette interface et seul l’avenir nous éclairera à ce sujet.

Sources : 
http://www.theinquirer.net/inquirer/news/2198399/microsoft-renames-metro-to-modern-ui
http://www.neowin.net/news/is-metro-now-called-modern-ui
http://www.tomsguide.fr/actualite/Windows8-WindowsRT-Interface-Windows-Metro,18720.html
http://www.pcinpact.com/dossier/600-l%E2%80%99interface-le-mauvais-carreau-de-windows-8/1.htm
http://fr.wikipedia.org/wiki/Windows_8
http://onepartscissors.com/2012/04/web-design-trends-into-2013.html
http://en.wikipedia.org/wiki/Metro_(design_language)
http://www.fastcodesign.com/1669407/microsoft-gets-brutally-honest-about-redesigning-windows
http://fr.wikipedia.org/wiki/Style_typographique_international
http://www.01net.com/editorial/571209/windows-8-microsoft-renomme-l-interface-metro-en-windows-8/