Notes Sébastien Desbenoit

Des icônes pour WebPlatform

Explications autour des nouvelles icônes pour WebPlatform.

La nouvelle page d’accueil de la documentation WebPlatform a été mise en ligne aujourd’hui et elle comprend notamment 8 icônes que j’ai dessiné avec la communauté autour de ce projet.

PNG - 14.3 ko
Les icônes de webplatform

Pour les icônes, nous avons pris le parti de nous appuyer sur les logotypes des langages (SVG, HTML, JS) ou de reprendre des pictogrammes reconnus et liés de façon quasi immédiate aux différents concepts portés : le pictogramme "universel" pour l’accessibilité, le jeu de cubes 1-2-3 pour le manuel des débutants et le livre pour les concepts. Au final, seul les pictogrammes DOM et CSS ont été dessinés de zéro : DOM par Doug Schepers et CSS par moi-même.

PNG - 7.6 ko
L’évolution du style

Côté style, j’étais parti sur quelque chose de très proche du logo WebPlatform mais avec les différentes itérations et les contraintes de tailles (32x32px), nous avons décidé par la suite d’abandonner les différents produits de couleurs, puis les différentes couleurs afin d’améliorer la lisibilité et la reconnaissance. Nous gardons en tête que ces icônes ne sont pas des illustrations mais des éléments d’aide à la navigation.

PNG - 1.5 ko
En petit...

Et ce n’est pas fini, de nouvelles icônes sont en préparation... Celle-ci seront bientôt disponible en licence Public Domain, pour en faire ce que vous voulez, sur theNounProject.

Cette note a été publiée le par sous licence Creative Commons - BY et est classée dans : Aventures, Contributions, Design, icônes, pictogrammes.