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/330 mostradas

Interpretado comoLuxury

293

Devětsil — Karel Teige, Pozdrav z cesty, 1923 — Wikimedia Commons / Public domain

Devětsil

デヴィェトシル / 1920–1931 / Estilo / Edición y publicación

Por qué se acercaCoincide el nombreCoincide el texto

Teige dio al grupo de vanguardia checo su poema visual. Al componer fotografía, tipografía y signo como si fueran verso, esta vertiente lírica del constructivismo hizo de la Praga de entreguerras un laboratorio del diseño de libros.

Poemas visuales / Fotografías fundidas con la tipografía / Geometría usada líricamente / Encuadernación constructivista

design.mdprompt de imagen

300

Mexico 68 Identity — Emblema de México 68 — Wikimedia Commons / Public domain

Mexico 68 Identity

メキシコ68 / 1966–1968 / Estilo / Diseño público

Por qué se acercaCoincide el nombreCoincide el texto

La identidad olímpica que Wyman construyó para Ciudad de México: líneas concéntricas que irradian del logotipo hacia sedes, uniformes y sellos, fundiendo el Op art con el arte popular y envolviendo una ciudad entera en imaginería pulsante.

Líneas concéntricas radiantes / Vibración Op art / Fusión con el arte popular / Despliegue a escala de ciudad

design.mdprompt de imagen

308

Cracktro — Jovis, pixel art de la demoscene de Atari ST, 1989–1994 — Wikimedia Commons / CC BY-SA 4.0 · © Dpla-fr

Cracktro

クラックトロ / 1980s-1990s / Estilo / Arte digital

Por qué se acercaCoincide el nombreCoincide el texto

Una pantalla breve enganchada al principio de un programa pirateado, a modo de tarjeta de presentación del grupo. Un nombre de grupo enorme, texto que se desplaza sin fin y una tanda de saludos convirtieron la pantalla del ordenador doméstico en un escenario.

Texto que se desplaza sin fin de un lado a otro de la pantalla / Bandas de color corriendo por detrás / Un nombre de grupo enorme fijado en el centro / Una tanda de saludos que nombra a otros grupos

design.mdprompt de imagen

314

i-mode Emoji — VSchagow撮影《絵文字を象った収集玩具》2019年 — Wikimedia Commons / CC BY-SA 4.0

i-mode Emoji

iモード絵文字 / 1998-1999 / Estilo / Sistemas de signos

Por qué se acercaCoincide el nombreCoincide el texto

Ciento setenta y seis pictogramas que distinguen caras, tiempo atmosférico y objetos solo por la disposición de los puntos dentro de una retícula de 12×12. Shigetaka Kurita los dibujó para el i-mode de NTT DOCOMO, y el MoMA conserva el conjunto original.

Figuras que caben en una retícula de 12×12 / Formas hechas de masa y no de línea / Colocados dentro del texto al tamaño de una letra / Caras, tiempo atmosférico y signos con un mismo grano

design.mdprompt de imagen

315

Generative Art — Vera Molnár, Interruptions à recouvrements, 1969 — Wikimedia Commons / CC0

Generative Art

ジェネラティブアート / 1965- / Técnica / Arte digital

Por qué se acercaCoincide el nombreCoincide el texto

Una manera de trabajar en la que quien firma escribe solo la regla y el mecanismo de azar, y deja el trazo a la máquina. Como en los dibujos de plóter de Nees, el resultado se muestra en varias variaciones nacidas de una sola regla.

Un único elemento simple repetido hasta llenar el campo / Variaciones de una misma regla puestas una junto a otra / Una repetición que se desvía poco a poco en ángulo y posición / Una densidad y una precisión que ninguna mano alcanza

design.mdprompt de imagen

316

Powell Peralta Deck Graphics — interpretación generada por IA
Interpretación de IA, no una referencia

Powell Peralta Deck Graphics

パウエル・ペラルタのデッキ図像 / 1980s / Estilo / Estilos de ilustración

Por qué se acercaCoincide el nombreCoincide el texto

Imágenes que llenan todo el envés de una tabla con un solo emblema. Huesos, calaveras y dragones de contorno grueso, puestos sobre la tabla como bandera de un equipo a sabiendas de que el roce los borrará.

Un solo emblema llenando el envés de la tabla / La figura sostenida en simetría sobre el centro / Contorno negro y grueso sobre color plano / Una heráldica hecha de huesos y calaveras

design.mdprompt de imagen

328

Playing Card Design — El rey de corazones de Pierre Maréchal (Ruan) comparado con el rey de oros de la baraja española — Wikimedia Commons / Public domain

Playing Card Design

トランプの意匠 / 15th century– / Estilo / Juegos y naipes

Por qué se acercaCoincide el nombreCoincide el texto

El diseño de 52 naipes pulido por siglos de uso: figuras de doble cabeza, la semiótica de los palos, patrones de reverso repetidos. El desgaste y el reconocimiento produjeron una completitud que es también la prehistoria del diseño de UI.

Figuras de doble cabeza / Signos de los palos / Índices en las esquinas / Reversos de patrón repetido

design.mdprompt de imagen

346

The Decisive Moment — Henri Cartier-Bresson, Madre jugando al tenis 1950 — Wikimedia Commons / Public domain

The Decisive Moment

決定的瞬間 / 1932- / Técnica / Técnicas fotográficas

Por qué se acercaCoincide el nombreCoincide el texto

Una manera de fotografiar que espera el instante en que el suceso y la forma del encuadre coinciden, y dispara una sola vez. Cartier-Bresson la expuso en su libro de 1952 y puso como condición usar el encuadre entero, sin recortar después.

El encuadre aprovechado hasta los bordes, sin recorte / El borde negro que deja el negativo completo / Figura y fondo que se alinean por un instante / Una calle nítida hasta el fondo

design.mdprompt de imagen

355

Carte de Visite — Carte de visite de Disdéri, años 1860 — Wikimedia Commons / Public domain

Carte de Visite

名刺判写真 / 1854–1900s / Estilo / Edición y publicación

Por qué se acercaCoincide el nombreCoincide el texto

Disdéri patentó un retrato en formato tarjeta producido en cantidad. Imprimir ocho poses en una sola placa de vidrio abarató el retrato lo suficiente para democratizarlo, y en el coleccionismo de tarjetas de celebridades y en la cultura del álbum que lo rodeó empieza el rostro compartido.

Monturas en formato tarjeta / Poses de estudio de cuerpo entero / El logotipo del estudio al dorso / Coleccionismo en álbum

design.mdprompt de imagen

363

Moss Garden — Jardín de musgo de Saihō-ji (CC BY 4.0) · © Hyppolyte de Saint-Rambert

Moss Garden

苔庭 / 14th century– / Estilo / Estilos de jardín

Por qué se acercaCoincide el nombreCoincide el texto

Un jardín que crían el tiempo y la humedad, como en Saihō-ji, donde más de cien especies de musgo alfombran el suelo. Sus superficies se componen solo de gradaciones de verde, demostración del equilibrio japonés entre cuidar un lugar y dejarlo en paz.

Gradaciones de musgo / Luz moteada diseñada / El tiempo como material principal / La presencia de la humedad

design.mdprompt de imagen

372

Cottage Garden — El Jardín Blanco de Sissinghurst (CC BY-SA 2.0) · © Brian Whittle

Cottage Garden

コテージガーデン / 19th century– / Estilo / Estilos de jardín

Por qué se acercaCoincide el nombreCoincide el texto

El jardín inglés de plantación mixta desbordante, estilizado a partir del huerto de labor. Los esquemas cromáticos de Jekyll y el White Garden de Sissinghurst elevaron la naturalidad planificada a la categoría de arte.

Plantación mixta desbordante / Senderos y materiales envejecidos / Bandas de color diseñadas / Naturalidad planificada

design.mdprompt de imagen

374

Hedge Maze — Laberinto de Hampton Court (CC BY-SA 2.0) · © Kris Arnold

Hedge Maze

迷路園 / 16th century– / Composición / Estilos de jardín

Por qué se acercaCoincide el nombreCoincide el texto

Un sector del jardín donde los muros de seto tejen los pasillos y perderse es el juego previsto. La figura completa solo se ve desde arriba, mientras quien camina dentro solo ve muros y bifurcaciones.

Setos más altos que una persona a ambos lados, que cortan la vista al llegar al siguiente giro / Vistos desde arriba, pasillos y muros se leen como una sola figura / Un callejón sin salida en cada bifurcación, con el ancho del camino siempre igual / Una plazoleta o una casita en el centro como meta

design.mdprompt de imagen

396

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

Care Symbols

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

Por qué se acercaCoincide el nombreCoincide el texto

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

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

Por qué se acercaCoincide el nombreCoincide el texto

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

415

Golden and Silver Age Comic Book Style — Portada de cómic de la Edad de Oro, 1948 — Wikimedia Commons / Public domain

Golden and Silver Age Comic Book Style

黄金期・銀の時代のアメコミ / 1938–1970 / Estilo / Estilos de ilustración

Por qué se acercaCoincide el nombreCoincide el texto

Una gramática de la exageración salida de imprimir a cuatro colores sobre papel de periódico barato. Un contorno negro y grueso cerca cada forma, las superficies se llenan con primarios sobreimpresos y tramas de puntos, y tanto el movimiento como el sonido se dibujan como formas en sí mismas.

Un contorno negro, grueso y de ancho constante que cerca por igual figuras y fondos / Superficies llenas de primarios sobreimpresos y de una trama de puntos lo bastante gruesa para verse / Onomatopeyas rotuladas a mano en mayúsculas dentro de un estallido perfilado / Figuras que pisan fuera del marco de la viñeta, con líneas de velocidad trazadas en la dirección del movimiento

design.mdprompt de imagen

438

Unism — Władysław Strzemiński, Composición abstracta, 1933 — Wikimedia Commons / Public domain

Unism

ユニスム / 1923–1936 / Estilo / Abstracción geométrica

Por qué se acercaCoincide el nombreCoincide el texto

Una teoría polaca que predicó que el cuadro no debe contener contraste ni centro, sino constituirse como un único organismo homogéneo. Borra la jerarquía entre figura y fondo, y la superficie de color continúa con igual valor hasta el borde. El antepasado teórico de la retícula homogénea y de la composición all-over.

Eliminación del centro y del contraste / Superficies de color que continúan por igual hasta el borde / Supresión de la jerarquía figura-fondo / Campo total construido con diferencias mínimas

design.mdprompt de imagen

448

Hard-Edge Painting — Ellsworth Kelly, Rojo amarillo azul blanco y negro — Wikimedia Commons / Public domain

Hard-Edge Painting

ハードエッジ・ペインティング / 1959–1970s / Estilo / Abstracción geométrica

Por qué se acercaCoincide el nombreCoincide el texto

Pintura que mantiene los límites absolutamente nítidos y construye el cuadro únicamente con planos de color uniformes. Excluye la pincelada y la gradación: el borde del plano cromático es el único acontecimiento. Ese filo exacto, obtenido con cinta de enmascarar, es el antepasado directo del flat design y de la expresión vectorial.

Bordes de color perfectamente nítidos / Aplicación plana sin gradación / Pocos planos de color de gran tamaño / La forma misma determina el soporte

design.mdprompt de imagen

449

Funk Art — Robert Arneson, Retrato de George Moscone — Wikimedia Commons / CC BY 2.0 · © Gary Stevens

Funk Art

ファンク・アート / 1960s–1970s / Estilo / Arte estadounidense de posguerra

Por qué se acercaCoincide el nombreCoincide el texto

Movimiento de cerámica y escultura surgido en la bahía de San Francisco que ensució deliberadamente el buen gusto y la autoridad de la abstracción. Colores chillones, humor corporal y un mal uso intencionado de los materiales artesanales se ríen de la propia jerarquía del arte. Un precedente del uso de la tosquedad como estrategia.

Vidriados de colores chillones / Motivos corporales y groseros / Mal uso intencionado de los materiales artesanales / Acabados que conservan la tosquedad de lo hecho a mano

design.mdprompt de imagen

452

Estridentismo — Ramón Alva de la Canal, El desembarco de los españoles — Wikimedia Commons / CC BY-SA 4.0 · © Luis Alvaz

Estridentismo

エストリデンティスモ / 1921–1927 / Estilo / Vanguardias

Por qué se acercaCoincide el nombreCoincide el texto

Vanguardia mexicana que gritó su exaltación de la ciudad, las ondas de radio y la máquina en el país posrevolucionario. La línea afilada del grabado en madera, las cajas tipográficas en diagonal y la iconografía de cables y antenas estallaron en pocos años a través de revistas y volantes. El momento en que la vanguardia latinoamericana adquirió velocidad propia.

Línea afilada del grabado en madera / Composición tipográfica en diagonal / Iconografía de cables, antenas y máquinas / Fuerte contraste de la impresión a dos tintas

design.mdprompt de imagen

472

Material Design — Google, componentes de interfaz de Material Design — Wikimedia Commons / Public domain

Material Design

マテリアルデザイン / 2014– / Estilo / Google UI

Por qué se acercaCoincide el nombreCoincide el texto

Sistema de diseño que traduce la metáfora física del papel y la tinta en reglas de sombra y superposición. Los elementos reciben una altura, la sombra indica la jerarquía y el movimiento porta una causalidad física. Se convirtió en el modelo de que el diseño de interfaz se distribuya como sistema.

Jerarquía y sombra expresadas por la altura / Superficies superpuestas como hojas de papel / Movimiento que muestra causa y efecto / Unidad de espaciado normalizada

design.mdprompt de imagen

480

Apple Desktop Interface — Pantalla de Macintosh System 3, 1986 — Wikimedia Commons / CC0

Apple Desktop Interface

アップル・デスクトップ・インターフェース / 1984–1997 / Estilo / Apple UI

Por qué se acercaCoincide el nombreCoincide el texto

El lenguaje de pantalla de la primera generación de Macintosh, al que Apple puso el nombre de The Apple Desktop Interface en su libro de directrices de 1987. Bajo la restricción de un único bit en blanco y negro, dejó por escrito un repertorio formal, los medios tonos de trama de puntos, las ventanas de esquinas redondeadas, la barra de título hecha de filetes horizontales superpuestos y una tipografía de mapa de bits de trazo grueso.

Solo dos valores, blanco y negro, y el gris se finge con puntos negros dispuestos en damero / Las cuatro esquinas de la ventana son redondeadas y por la barra de título corren varios filetes horizontales finos / Una barra de menús fija en el borde superior de la pantalla, con la manzana de Apple en su extremo izquierdo / Chicago, una tipografía de mapa de bits de trazo grueso cuyas letras se comprimen en una celda de 9×7 puntos

design.mdprompt de imagen

481

visionOS Spatial Design — Pantalla de inicio de visionOS 2, 2025 — Wikimedia Commons / CC0

visionOS Spatial Design

visionOS 空間デザイン / 2023– / Estilo / Apple UI

Por qué se acercaCoincide el nombreCoincide el texto

El lenguaje de pantalla que Apple fijó para Vision Pro en sus directrices. Una ventana es un plano vertical de un material llamado cristal, a través del cual se ve la habitación, mientras los reflejos especulares y las sombras informan de dónde está el plano y de qué tamaño es. Como el punto se define por un ángulo y no por píxeles, el tamaño aparente no cambia aunque la ventana se aleje.

Un plano vertical de cristal cuyo fondo no se puede sustituir, que deja ver la habitación y recibe reflejos especulares y sombras / La ventana por defecto mide 1280x720 pt, se abre a unos dos metros y su anchura aparente ronda los tres metros / Un efecto de hover que ilumina solo el elemento mirado, con una única zona sensible de esquinas redondeadas por control / En un volume, que no tiene marco visible, el botón de cerrar y la barra de ventana giran hacia quien camina a su alrededor

design.mdprompt de imagen

494

GOV.UK Design System — GDS Transport compuesto en la página de inicio de GOV.UK, 2025 — Wikimedia Commons / Public domain

GOV.UK Design System

GOV.UK デザインシステム / 2012– / Estilo / Lenguajes de pantalla

Por qué se acercaCoincide el nombreCoincide el texto

El lenguaje de diseño que el Government Digital Service del gobierno británico publica y mantiene para los servicios públicos. Todo va en una sola columna alineada a la izquierda y sin adornos, compuesta en GDS Transport, y el botón verde conserva las esquinas rectas y gana grosor con una banda de verde más oscuro en su borde inferior, hundiéndose exactamente ese grosor al pulsarlo. Lo que tiene el foco del teclado se vuelve amarillo con una raya negra debajo.

Una sola columna alineada a la izquierda y sin adornos, casi sin recuadros y sin sombras / Un botón verde de esquinas rectas con una banda de verde más oscuro en el borde inferior, que se hunde justo esa profundidad al pulsarlo / Lo que tiene el foco del teclado se vuelve amarillo con una raya negra trazada debajo / Los tamaños de letra saltan de 48 a 36, 24, 19 y 16px sin nada intermedio

design.mdprompt de imagen

501

1-Bit Icon Design — Escritorio de Macintosh System 2 — Wikimedia Commons / CC0

1-Bit Icon Design

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

Por qué se acercaCoincide el nombreCoincide el texto

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.

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

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