1-Bit Icon Design

1ビットアイコン / 1982–1990s / Técnica / Estilos de interfaz

La manera de dibujar iconos usando solo blanco y negro que Susan Kare estableció para el Macintosh. Resolvía cada diseño sobre papel cuadriculado, con un cuadro por píxel, y reformulaba las órdenes como objetos corrientes, unas tijeras para cortar y una papelera para borrar, de modo que el conjunto se leyera sin rótulo en cualquier país. Su cuaderno de bocetos forma parte hoy de la colección de un museo.

1-Bit Icon Design — Escritorio de Macintosh System 2 — Wikimedia Commons / CC0
Escritorio de Macintosh System 2 — Wikimedia Commons / CC0 · CC0
1-Bit Icon Design — Susan Kare, Sad Mac — Wikimedia Commons / Public domain
Susan Kare, Sad Mac — Wikimedia Commons / Public domain

De un vistazo

Rasgos visuales

  • Solo dos valores, blanco y negro, y el gris sustituido por un damero de puntos alternos
  • Un contorno de un píxel que cierra cada forma, y un interior que o es macizo o es de puntos, nunca degradado
  • Objetos corrientes, unas tijeras, una papelera, una hoja de papel, ocupando el lugar del nombre de la orden
  • Se ve el rastro de un punto colocado por cuadro de la retícula, así que las diagonales se quiebran en escalones

Usos idóneos

  • Hacer que pequeños signos figurativos representen órdenes sin rótulo y se lean igual en cualquier lengua
  • Conseguir que las formas sigan distinguiéndose dentro de un marco pequeño que no admite escalado ni suavizado

Usar este estilo

Lleva el resumen al proyecto o entrega la especificación estructurada a una herramienta de IA.

Guía detallada y fuentesReglas de producción, obras de referencia, comparaciones, investigación y citas

Entrada del diccionario

Tipografía
Mantén las letras fuera del dibujo y pon el rótulo en una línea aparte. La tipografía que lo acompañe se asienta en la misma retícula de mapa de bits, sin cursivas ni adornos.
Composición
Traza primero la retícula y dibuja con un cuadro por píxel. Cierra el contorno antes de decidir el interior y deja un cuadro de holgura dentro del marco.
Material
Solo dos colores, negro y blanco. Cuando haga falta un brillo intermedio, constrúyelo aclarando los puntos en damero en lugar de introducir gris. Deja las diagonales en escalones y no las suavices.
Precaución
Añadir grises o medios tonos para ampliar la gama cuesta el contorno duro que solo dos valores pueden dar, y la forma deja de leerse al tamaño en que realmente se usa.
Para profundizar
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

Entradas relacionadas

Más de Estilos de interfaz

Continúa con estilos de Estilos de interfaz, priorizados por sus efectos compartidos.

Ver todas las entradas de Estilos de interfaz

Citar esta entrada

El diccionario existe para que se enlace. Toma la forma que encaje donde estés escribiendo.

Link
https://indexstyle.org/es/styles/one-bit-icon
Markdown
[1-Bit Icon Design — IndexStyle](https://indexstyle.org/es/styles/one-bit-icon)
HTML
<a href="https://indexstyle.org/es/styles/one-bit-icon">1-Bit Icon Design — IndexStyle</a>

Volver a su posición en el índice