Vous êtes sur Barbablog et tu kiffes jeune. Cherche sur ce blog...

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

2 réponses à “5 règles pour faire des sites « à la New York Times »”

  1. zdar dit :

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

  2. bruno bichet dit :

    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.