IndexStyle

Un diccionario de estilos de diseño, escrito a partir de las obras mismas.

Es HTML puro. Se abre en cualquier navegador y en cualquier dispositivo, sin app y sin cuenta, y las máquinas leen la misma página.

Términos776

Diccionario

Busca por estilo o describe lo que quieres crear. Los nombres tienen prioridad; el propósito, el efecto y el medio añaden alternativas.

PruebaBauhausun sitio de empleo premiumuna app financiera fiable

24/776 mostradas

385

Player Piano Roll — Rollo de pianola (CC BY-SA 4.0) · © Draconichiaro

Player Piano Roll

自動ピアノロール / 1896–1930s / Estilo / Sistemas de notación

Un soporte de grabación de papel enrollado en el que los orificios perforados son la interpretación misma. Marca el paso de las partituras que leen las personas a los códigos que leen las máquinas, y es el antepasado de la tarjeta perforada y del secuenciador digital.

Hileras de perforaciones / El rollo que se desplaza / Música legible por máquinas / La interpretación registrada físicamente

design.mdprompt de imagen

386

Spectrogram — Espectrograma de canto de ave — Wikimedia Commons / Public domain

Spectrogram

スペクトログラム / 1940s– / Técnica / Diagramas y esquemas

Una visualización que sitúa el sonido en un plano de tiempo, frecuencia e intensidad. Del estudio del canto de las aves a la pantalla del DAW se impuso como la forma estándar de ver la forma de un sonido, y desde entonces hay artistas que esconden imágenes dentro.

El plano tiempo-frecuencia / La intensidad como sombreado / Patrones de huella de voz / El juego de las imágenes ocultas

design.mdprompt de imagen

387

Cymatics — Patrón en una placa de Chladni (CC BY-SA 4.0) · © Exhibit made by Estes Objethos Atelier, photo by Rodrigo Tetsuo Argenton

Cymatics

サイマティクス / 1787– / Técnica / Diagramas y esquemas

Ver el sonido como un patrón en la materia empieza con las figuras de Chladni, las que dibuja la arena sobre una placa vibrante. Cada frecuencia hace aparecer su propia geometría, y por eso este es el dispositivo más antiguo para presenciar la correspondencia entre sonido y forma.

Figuras de Chladni / Ondas estacionarias en arena y polvo / Un patrón para cada frecuencia / La inmediatez del aparato

design.mdprompt de imagen

388

Labanotation — ラバノーテーションによる譜 — Wikimedia Commons / CC BY-SA 4.0 · © Raphaël Cottin

Labanotation

ラバノーテーション / 1928– / Estilo / Sistemas de notación

Una notación que traduce el movimiento del cuerpo a una sola columna vertical que se lee de abajo arriba. La forma del signo lleva la dirección, su sombreado lleva el nivel, su longitud lleva la duración, y el lugar que ocupa a lo ancho de la columna dice qué parte del cuerpo se mueve.

Signos apilados sin huecos en una columna vertical que se lee de abajo arriba / Formas de signo que dan nueve direcciones, con la línea central separando el lado derecho del izquierdo / El sombreado interior de cada signo indicando nivel bajo, medio o alto / La longitud del signo igualada a la duración, con las marcas de pulso y las barras de compás cruzando la columna

design.mdprompt de imagen

389

Origami Diagram — Patrón de pliegues de origami (CC BY 4.0) · © Nicoguaro

Origami Diagram

折り図 / 1950s– / Estilo / Diagramas y esquemas

El lenguaje de líneas de puntos y flechas sistematizado por Akira Yoshizawa para escribir el plegado tridimensional en páginas planas. Los pliegues en monte y en valle se leen en cualquier idioma, y el patrón de pliegues se volvió objeto de la matemática.

Estilos de línea para monte y valle / Flechas que guían cada paso / Diagramas de pasos secuenciales / La geometría de los patrones de pliegues

design.mdprompt de imagen

390

Knitting Chart — Marie Niedner / Gussi von Reden, símbolos de punto de Beyers Handarbeitsbücher 45: Kunst-Stricken I 1921 — Wikimedia Commons / Public domain

Knitting Chart

編み図 / 19th century– / Estilo / Sistemas de notación

La partitura de la labor de aguja, donde los puntos se vuelven símbolos dispuestos en una retícula. Los símbolos JIS japoneses comprimen cada operación en una sola figura, de manera que el patrón se ve antes de leerse, al contrario que las instrucciones escritas en las que se apoya Occidente.

La retícula de símbolos de punto / Un punto, un símbolo / Coordenadas de vueltas y puntos / Correspondencia con el tejido acabado

design.mdprompt de imagen

391

Braille — Seis sistemas de letras en relieve anteriores al braille — Wikimedia Commons / Public domain

Braille

点字 / 1824– / Estilo / Sistemas de signos

Un sistema de escritura táctil que Louis Braille diseñó a los quince años y que da a cada letra una celda de dos por tres puntos. Ajustar esa celda a una sola yema del dedo es uno de esos raros casos en que la ergonomía y la tipografía llegan a la misma respuesta.

La celda de puntos de 2x3 / Dimensiones ajustadas a la yema del dedo / Lectura táctil de izquierda a derecha / La materialidad del relieve

design.mdprompt de imagen

392

Signal Flags — Tabla de banderas del Código Internacional de Señales — Wikimedia Commons / Public domain

Signal Flags

国際信号旗 / 1857– / Estilo / Sistemas de signos

El sistema de banderas para deletrear letras y frases convenidas en el mar. Una geometría de alto contraste elegida solo por su legibilidad a distancia se convirtió en una colección magistral de abstracción nacida de la función.

Geometría de alto contraste / Diseñadas para la distancia / Una bandera, una letra / Izadas en drizas hasta el tope del mástil

design.mdprompt de imagen

393

Weather Map — Mapa meteorológico de superficie 1947 — Wikimedia Commons / Public domain

Weather Map

天気図 / 1851– / Estilo / Diagramas y esquemas

La atmósfera dibujada en una sola hoja con isobaras, símbolos de frentes y signos del tiempo. Hacer visibles los campos de presión invisibles mediante la densidad de las curvas se convirtió en el gráfico científico del gran público, del periódico a la televisión.

La densidad de las isobaras / Símbolos de frente frío y cálido / El sistema de símbolos meteorológicos / Altas y bajas presiones rotuladas

design.mdprompt de imagen

394

Circuit Diagram — Esquema eléctrico de un receptor de radio 1920 — Wikimedia Commons / Public domain

Circuit Diagram

回路図 / 1890s– / Estilo / Diagramas y esquemas

Un lenguaje de la ingeniería que dibuja los circuitos con símbolos normalizados y líneas ortogonales. Al descartar la disposición física para registrar solo la conexión, llegó a una manera topológica de dibujar mucho antes que el plano de transporte.

Símbolos de componentes normalizados / Cableado ortogonal / Puntos de conexión / Abstracción de la disposición física

design.mdprompt de imagen

395

Flowchart — Símbolos del diagrama de procesos de Gilbreth 1921 — Wikimedia Commons / Public domain

Flowchart

フローチャート / 1921– / Composición / Diagramas y esquemas

Los Gilbreth inventaron este diagrama de procesos para el análisis del trabajo. Su gramática de formas asigna un rombo a cada decisión y un rectángulo a cada proceso, y a través de la programación se volvió el lenguaje común para pensar por pasos.

Una gramática de formas / El rombo de decisión / Flechas de flujo / Terminales de inicio y fin

design.mdprompt de imagen

396

Care Symbols — Etiqueta de cuidado textil — Wikimedia Commons / Public domain

Care Symbols

洗濯表示 / 1958– / Estilo / Sistemas de signos

Cuatro figuras, la cubeta, el triángulo, el cuadrado y el círculo, transmiten el cuidado de la ropa sin importar la frontera. Lavado, blanqueo, secado y planchado se comprimen en una etiqueta de pocos milímetros, diseño de información trabajado en la superficie más pequeña posible.

Cubeta, triángulo, cuadrado y círculo / La X de prohibición y los puntos de temperatura / Compresión en milímetros / Normalización internacional

design.mdprompt de imagen

397

Alchemical Symbols — Tabla de símbolos químicos y filosóficos siglo XVII — Wikimedia Commons / Public domain

Alchemical Symbols

錬金術記号 / medieval–18th century / Estilo / Sistemas de signos

Los signos que registraron sustancias y operaciones entre el secreto y el intercambio. El sistema que ligaba planetas y metales se desvaneció en la notación química, pero sobrevive como gráfica del misterio, citada hasta hoy.

Correspondencias planeta-metal / Geometría compuesta con cruces / Secretismo de cifra / Tablas transmitidas

design.mdprompt de imagen

398

Proofreading Marks — Prueba corregida con signos de corrección — Wikimedia Commons / Public domain

Proofreading Marks

校正記号 / 16th century– / Técnica / Sistemas de signos

Un lenguaje de signos que corrige la página compuesta dialogando con sus márgenes. El ir y venir entre tachar y restituir, o el dele de la práctica occidental, se afinaron junto con la historia de la imprenta hasta formar un protocolo de edición que respalda toda obra compuesta, este diccionario incluido.

Líneas que enlazan texto y margen / Intercambios de supresión y restitución / Signos de inserción y transposición / La jerarquía del rojo

design.mdprompt de imagen

399

Aqua — Cuadro de diálogo Aqua en Mac OS X 2007 — Wikimedia Commons / Public domain

Aqua

アクア / 2000–2014 / Estilo / Apple UI

El lenguaje de diseño que Mac OS X presentó con sus botones que dan ganas de lamer. El brillo de gelatina, las rayas finas, las sombras profundas y el efecto genio escenificaban las piezas digitales como objetos que se pueden tocar, y fijaron las reglas de la interfaz durante toda la década de 2000. Lo que la web de entonces hizo de todo esto con imágenes se llama Web 2.0 Gloss.

Botones con brillo de gel / Fondos de rayas finas / Sombras arrojadas profundas / Metáforas de agua y luz

design.mdprompt de imagen

400

Luna — Menú Inicio y barra de tareas de Windows XP 2006 — Wikimedia Commons / CC BY-SA 2.5 · © Mickfuzz at English Wikibooks

Luna

ルナ / 2001–2006 / Estilo / Microsoft UI

El aspecto de Windows XP: barra de tareas azul, botón Inicio verde, ventanas redondeadas y un fondo de pradera que repintan la gris máquina de oficina como optimismo doméstico.

La barra de tareas azul / El botón Inicio verde / Marcos redondeados / Optimismo de pradera y cielo

design.mdprompt de imagen

401

Aero — PuTTY mostrado con la composición Aero de Windows Vista 2009 — Wikimedia Commons / CC BY-SA 3.0 · © Lanman132

Aero

エアロ / 2006–2012 / Estilo / Microsoft UI

La UI de cristal translúcido de Vista y 7: marcos de ventana esmerilados, miniaturas en vivo y profundidad compuesta por GPU que hicieron del 'a través del cristal' el vocabulario estándar del sistema operativo.

Marcos esmerilados / Reflejos y brillos / Miniaturas en vivo / Profundidad compuesta por GPU

design.mdprompt de imagen

402

Metro — Pantalla de radio del Microsoft Zune HD — Wikimedia Commons / CC BY-SA 2.0 · © Manimecker

Metro

メトロ / 2010–2015 / Estilo / Microsoft UI

El lenguaje plano de Windows Phone dio el papel protagonista a la tipografía en lugar de a los iconos. Tipografía grande, live tiles de color plano y composiciones que se salen del borde de la pantalla trasplantaron a la interfaz la claridad de la señalética de transporte, y abrieron la era flat antes que iOS 7.

La tipografía como protagonista / Tiles de color plano / Composiciones que desbordan la pantalla / El chrome eliminado

design.mdprompt de imagen

403

Brushed Metal — Pantalla de Transmission 1.50, 2009 — Wikimedia Commons / CC BY-SA 3.0 · © Alv

Brushed Metal

ブラシドメタル / 1999–2007 / Estilo / Apple UI

Las ventanas de metal cepillado de iTunes y Safari: una rama esqueuomórfica que expresa el propósito de una aplicación a través del material, llevando la confianza del equipo profesional al escritorio.

Superficies de metal cepillado / Detalles a modo de remaches / Metáforas de equipo técnico / Gamas tonales de gris

design.mdprompt de imagen

404

Vorticism — BLAST, número inaugural 1914 — Wikimedia Commons / Public domain

Vorticism

ヴォーティシズム / 1914–1918 / Estilo / Vanguardias

La vanguardia británica detonada en la revista BLAST: líneas diagonales de corte mecánico, tipografía roma y pesada y listas de blasts y blessings que convierten la tipografía en una declaración de guerra.

Líneas diagonales de corte mecánico / Tipografía roma y pesada / Las listas BLAST/BLESS / La dinámica del vórtice

design.mdprompt de imagen

405

CoBrA — Karel Appel, mural de vidrio (Hospital Slotervaart, Ámsterdam) — Wikimedia Commons / CC BY-SA 4.0 · © Ceescamel

CoBrA

コブラ / 1948–1951 / Estilo / Vanguardias

Una vanguardia de posguerra que unió Copenhague, Bruselas y Ámsterdam. Levantando como bandera la franqueza del dibujo infantil y del arte popular, pintó criaturas de pincelada tosca en colores primarios y convirtió la desconfianza hacia el refinamiento en un estilo internacional.

La franqueza del dibujo infantil / Criaturas de pincelada tosca / Primarios en colisión / El rechazo de la planificación

design.mdprompt de imagen

406

Emigre — Zuzana Licko, Filosofia 1996 — Wikimedia Commons / CC BY-SA 4.0 · © Kateallalong

Emigre

エミグレ / 1984–2005 / Estilo / Clasificación tipográfica

La revista y fundición que convirtió la tosquedad digital en estética en cuanto apareció el Mac: tipos bitmap, capas en colisión y una defensa de la dificultad en el centro de los debates del diseño de los noventa.

Tipografías bitmap / Capas en colisión / Un experimento por número / Desafíos a la legibilidad

design.mdprompt de imagen

407

Modern American Book Jacket — Lustig, cubierta de La náusea (CC BY 2.0) · © Karen Horton, diseño de la cubierta de Alvin Lustig, The New Classics Series publicado por New Directions, c. 1952

Modern American Book Jacket

アメリカ近代ブックジャケット / 1940s–1950s / Estilo / Edición y publicación

El estilo de sobrecubierta que Lustig construyó en New Directions: sugerencia por signo y abstracción en lugar de ilustración, convirtiendo las cubiertas literarias en pequeñas obras modernas y elevando el diseño del libro estadounidense de posguerra.

Sugerencia abstracta del contenido / Composiciones de signo y forma / Rotulación manual con tipografía / Coherencia de colección

design.mdprompt de imagen

408

Onchi Kōshirō Book Design — Kobayashi Takiji, Kani kōsen (El barco fábrica), portada de la edición de Senkisha, 1929 — Wikimedia Commons / CC0

Onchi Kōshirō Book Design

恩地孝四郎の装幀 / 1910s–1950s / Estilo / Edición y publicación

Una encuadernación que trata la cubierta como una estampa por derecho propio y no como un marco donde meter una imagen. En lugar de ilustración figurativa se imprimen formas abstractas y planos de color, y las letras del título se colocan como una parte más de esa superficie.

Cubiertas armadas solo con formas abstractas y planos de color, sin ilustración figurativa / Las letras del título dibujadas a mano y no compuestas en tipos, sobre la misma superficie que la imagen / Pocos colores, con la forma hecha por planos superpuestos y sin línea de contorno / El color desnudo del papel dejado a la vista, con la imagen puesta directamente encima

design.mdprompt de imagen

Política editorial

IndexStyle no reúne cualquier término de diseño. Una entrada independiente debe describir un lenguaje visual reconocible, reproducible y distinguible de los vecinos. Criterio editorial

Volver arriba