1-Bit Icon Design
1ビットアイコン / 1982–1990s / Technique / Styles d'interface
La façon de dessiner des icônes en noir et blanc seulement que Susan Kare a mise au point pour le Macintosh. Elle travaillait chaque dessin sur papier quadrillé, un carreau valant un pixel, et traduisait les commandes en objets ordinaires, une paire de ciseaux pour couper et une corbeille pour supprimer, de sorte que la série se lise sans légende dans n'importe quel pays. Son carnet de croquis se trouve aujourd'hui dans la collection d'un musée.
En un coup d’œil
Signes visuels
- Deux valeurs seulement, le noir et le blanc, le gris étant remplacé par un damier de points alternés
- Un contour d'un pixel qui ferme chaque forme, et un intérieur soit plein soit tramé, jamais nuancé
- Des objets ordinaires, des ciseaux, une corbeille, une feuille de papier, tenant lieu de nom de commande
- On voit la trace d'un point posé par carreau de la grille, si bien que les diagonales se brisent en marches
Usages idéaux
- Faire que de petits signes figurés tiennent lieu de commandes sans légende et se lisent pareil dans toutes les langues
- Obtenir que les formes restent distinctes dans un petit cadre qui n'admet ni mise à l'échelle ni lissage
Utiliser ce style
Appliquez le brief concis au projet ou transmettez la spécification structurée à un outil d’IA.
Guide détaillé et sourcesRègles de production, œuvres de référence, comparaisons, recherche et citations
Entrée du dictionnaire
- Typographie
- Garde les lettres hors du dessin et place l'étiquette sur une ligne séparée. La typographie qui l'accompagne repose sur la même grille bitmap, sans italique ni ornement.
- Composition
- Trace d'abord la grille et dessine avec un carreau pour un pixel. Ferme le contour avant de décider l'intérieur et laisse un carreau de marge à l'intérieur du cadre.
- Matière
- Deux couleurs seulement, le noir et le blanc. Quand il faut une clarté intermédiaire, fabrique-la en éclaircissant les points en damier plutôt qu'en introduisant du gris. Laisse les diagonales en marches et ne les lisse pas.
- Précaution
- Ajouter du gris ou des demi-teintes pour élargir la gamme coûte le contour dur que seules deux valeurs produisent, et la forme cesse d'être lisible à la taille où elle sert vraiment.
- Pour approfondir
- the record of Kare's original drawing books jointly acquired by MoMA and SFMOMA / how far the idea of restating commands as everyday objects carried without explanation / the use of a two value checker to build midtones, and its limits
Entrées liées
- Pictogram System (案内用ピクトグラム)Effets partagés : Technique / Intimacy.Comparer 1-Bit Icon Design et Pictogram System
- Pixel Art (ピクセルアート)Effets partagés : Play / Technique.Comparer 1-Bit Icon Design et Pixel Art
Plus de Styles d'interface
Poursuivez avec des styles de Styles d'interface, classés par effets communs.
- Flat Design / Vector Minimalism (フラットデザイン / ベクターミニマリズム)Effets partagés : Intimacy / Play.
- Claymorphism (クレイモーフィズム)Effets partagés : Intimacy / Play.
- Diegetic UI (ダイエジェティックUI)Effets partagés : Play / Technique.
Voir toutes les entrées Styles d'interface
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/one-bit-icon
- Markdown
- [1-Bit Icon Design — IndexStyle](https://indexstyle.org/fr/styles/one-bit-icon)
- HTML
- <a href="https://indexstyle.org/fr/styles/one-bit-icon">1-Bit Icon Design — IndexStyle</a>