U.S. Web Design System (USWDS)
合衆国ウェブデザインシステム / 2015– / Style / Systèmes de design
Le langage de conception des sites fédéraux des États-Unis, publié par la General Services Administration. La couleur, les blancs et les corps de texte sont quantifiés en un jeu limité de paliers fixes au lieu de la plage ouverte que permet CSS, et le système fournit Public Sans, un caractère neutre tiré de Libre Franklin, pour que le site de chaque agence parle de la même voix.
Le texte courant est grand et les lignes se coupent entre 45 et 90 signes / Les deux mêmes couleurs reviennent d'une agence à l'autre, un bleu profond #005EA2 et un rouge d'alerte #D83933 / Les blancs ne tombent jamais sur un nombre arbitraire, seulement sur les paliers d'une échelle fixe / Public Sans porte tout, des titres au texte courant, large de chasse et sans manière
Entrée du dictionnaire
- Usages idéaux
- Quand on fabrique les sites d'un organisme public dont les services ne doivent pas dériver vers des apparences séparées · Quand il faut produire un formulaire qui reste lisible pour des gens dont on ne choisit ni l'appareil ni la connexion
- Typographie
- Public Sans partout, texte courant à 16px au moins, lignes tenues entre 45 et 90 signes, interlignage d'au moins 1,5 pour les longs passages.
- Composition
- Chaque marge et chaque mesure se prend sur une échelle fixe, la colonne unique est la règle et les écarts entre éléments répètent les mêmes paliers.
- Matière
- Le bleu profond #005EA2 mène et le rouge #D83933 suit, les gris ne se prennent que dans la série fixe qui va de #1B1B1B à #F0F0F0, sans rien inventer entre deux.
- Précaution
- Ajoutez une seule valeur intermédiaire pour combler un trou dans l'échelle et le système disparaît, car chaque page se met alors à inventer ses propres mesures.
- Pour approfondir
- USWDSのdesign tokensのページ（段の刻み方そのものが書いてある） / Public Sansと元になったLibre Franklinを並べ、字形をどこで整理したか見る / 実際の連邦サイトを数枚開き、余白と文字寸法が本当に段の上に載っているか測る
Entrées liées
Citer cette entrée
Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.
- Link
- https://indexstyle.org/fr/styles/uswds
- Markdown
- [U.S. Web Design System (USWDS) — IndexStyle](https://indexstyle.org/fr/styles/uswds)
- HTML
- <a href="https://indexstyle.org/fr/styles/uswds">U.S. Web Design System (USWDS) — IndexStyle</a>