6 novembre 2007

5 règles pour faire des sites « à la New York Times »

Khoi Vinh, le designer du New York Times, nous donne son cahier de styles personnel : 5 règles à suivre si vous voulez créer des des sites dans un style minimaliste et efficace :

  1. Use a grid : utilisez une grille
  2. Left-aligned, top-aligned and nudged elements : évitez de centrez les éléments. Ferrez les plutôt à gauche, et alignez les verticalement
  3. Flat, simple and geometric : utilisez des éléments graphiques simples, sans effet de relief, de forme géométrique plutôt que des boutons avec des effets 3D et des dégradés
  4. Hang’ meta information in a left-to-right hierarchy : affichez les meta-informations selon une hiérarchie gauche droite
  5. Use Helvetica : utilisez la police Helvetica

J’aime beaucoup ce genre de design tiré au cordeau. Par contre, l’utilisation minimaliste de la couleur et des icônes chez Khoi heurte mon côté gamin-de-3-ans-qui-repeint-les-murs-avec-sa-premiere-boîte-de-crayon-de-couleurs. J’avoue : j’aime les couleurs un peu flashy.

Ca m’a d’ailleurs valu quelques remarques de notre nouveau publisher qui en voyant mes dernières maquettes a suggéré qu’on change mon PC pour un vieil Atari ST :

Comme ça au moins, t’auras que la palette 16 couleurs de l’époque.

Mais même avec 16 couleurs on peut faire un design avec des couleurs qui frottent Emmanuel 😉 [1]

  1. En plus sur Atari, il y avait Degas Elite

Réagissez

Si ce billet vous a plu ou si vous voulez apporter des précisions, ou si vous n’êtes pas d’accord avec ce que je raconte, c’est ici qu’il faut vous manifester. Je me réserve toutefois le droit de supprimer toute contribution insultante ou qui n’aurait rien à voir avec la choucroute.

  1. On voit que vous y connaissez rien à l’informatique… Tout le monde sait que l’Amiga était bien meilleur…

  2. J’avoue être également très attiré par les couleurs un peu flashy et les designs basés sur une grille… à condition qu’elle se fasse oublier (la grille, hein, pas les couleurs ) 😉

    @zdar > C’est bien vrai, ça… Il me manque un peu mon Amiga 500+ 🙂

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.