Sept axes, sept choixSeven axes, seven choices
Je choisis un design comme on mène une expérience : sept axes, sept choix par axe, chaque choix une fois.I choose a design the way one runs an experiment: seven axes, seven choices per axis, each choice used once.
Pour l'accueil de mon site personnel, je n'ai pas dessiné une page pour la retoucher ensuite : j'en ai construit sept d'un coup, comme on monte un plan d'expérience. Sept axes : les couleurs, la police, la mise en page, l'accueil, la tuile, les filtres, les effets. Chaque axe est rangé sur une échelle (du plus sombre au plus clair, du plus calme au plus animé…) et offre sept choix. Chaque page prend un choix différent sur chaque axe : dans chaque colonne du tableau, chacun des sept choix sert une fois et une seule. C'est un hypercube latin. Les appariements, eux, sont choisis à la main, pour que chaque page tienne debout.
For the home page of my personal website, I did not draw one page and then touch it up: I built seven at once, the way one sets up an experimental design. Seven axes: colours, typeface, layout, welcome, tile, filters, effects. Each axis is ordered on a scale (darkest to lightest, calmest to liveliest…) and offers seven choices. Each page takes a different choice on every axis: in each column of the table, each of the seven choices is used once and only once. That is a Latin hypercube. The pairings themselves are chosen by hand, so that every page holds together.
Chaque choix porte un code. Pour mélanger, je cite les codes, comme on combine des facteurs : « M2 et T6 de la 7, avec C5 ».
Each choice has a code. To mix, I quote the codes, the way one combines factors: “M2 and T6 from 7, with C5”.
| N° | CouleursColoursdu plus sombre au plus clairdarkest to lightest | PoliceTypefacede la plus classique à la plus techniquemost classic to most technical | Mise en pageLayoutde la plus libre à la plus rangéefreest to tidiest | AccueilWelcomedu plus discret au plus imposantquietest to boldest | TuileTilede la plus sobre à la plus expressiveplainest to most expressive | FiltresFiltersdu plus implicite au plus explicitemost implicit to most explicit | EffetsEffectsdu plus calme au plus animécalmest to liveliest |
|---|---|---|---|---|---|---|---|
| 1nuit étoiléestarry night | C1 Nuit bleueNight blue | P3 Sérif douceSoft serif | M1 DispersionScatter | A5 La phrase seuleThe sentence alone | T5 Pastille rondeRound badge | F5 Légende coloréeColour legend | E7 Fond vivantLiving background |
| 2terminal | C2 ArdoiseSlate | P7 Mono techniqueTechnical mono | M7 Index | A2 Ligne de commandeCommand line | T1 Texte d'abordText first | F3 RechercheSearch | E6 Machine à écrireTypewriter |
| 3afficheposter | C4 Riso | P4 Affiche condenséeCondensed poster | M3 Bento | A7 Nom géantGiant name | T3 FicheIndex card | F6 PastillesPills | E1 ImmobileStill |
| 4brutraw | C7 Blanc brutRaw white | P6 Grotesque suisseSwiss grotesque | M5 Grille carréeSquare grid | A1 Carte de visiteBusiness card | T7 Carte épaisseThick card | F4 Onglets soulignésUnderlined tabs | E4 Réarrangement animéAnimated reshuffle |
| 5programme de concertconcert programme | C3 Ivoire et laitonIvory and brass | P2 Didone éditorialeEditorial Didone | M4 Rubans par familleRibbons by family | A6 Portrait en grandLarge portrait | T2 Image et légendeImage and caption | F1 SommaireContents | E3 Apparition en cascadeCascade reveal |
| 6zellige | C5 Chaux et zelligeLime and zellige | P1 Garamond de livreBook Garamond | M6 CarrelageTiling | A3 MonogrammeMonogram | T4 Titre en surimpressionOverlaid title | F7 Phrase à trousFill-in sentence | E2 Survol révélateurRevealing hover |
| 7album | C6 AubeDawn | P5 GéométriqueGeometric | M2 MaçonnerieMasonry | A4 Le manifeste d'abordManifesto first | T6 PolaroïdPolaroid | F2 Menu déroulantDrop-down menu | E5 Inclinaison au survolTilt on hover |






