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

529

Gustavian Style — Castillo de Sturehov, la Sala Verde, 1781 — Wikimedia Commons / CC BY-SA 4.0 · © Holger.Ellgaard

Gustavian Style

グスタヴィアン様式 / 1770s–1790s / Estilo / Mobiliario e interiores

Neoclasicismo sueco tal como se formó bajo Gustavo III. Su modelo fue el clasicismo formal del estilo Luis XVI, y el rey visitó Versalles y llamó a artesanos franceses a su corte. Los materiales costosos, sin embargo, quedaron sustituidos por vidrio de fabricación nacional.

Un contorno neoclásico contenido, copiado directamente de las formas del estilo Luis XVI. / Los colgantes de cristal de roca quedan sustituidos por pequeñas cuentas de vidrio transparente. / Un poco de vidrio azul cobalto se introduce entre el vidrio incoloro. / Los herrajes y las cadenas dorados quedan a la vista como el esqueleto que enlaza el vidrio.

design.mdprompt de imagen

530

Droog — Marcel Wanders, Knotted Chair, 1996 — Wikimedia Commons / CC BY 4.0 · © Sandra Fauconnier

Droog

ドローホ / 1990s– / Estilo / Mobiliario e interiores

Es la manera común que adoptó un grupo de diseñadores neerlandeses reunido en los años noventa, y droog significa seco en neerlandés. Cosas conocidas, un cajón recuperado o un nudo, se conservan como estructura del objeto en lugar de ocultarse bajo el acabado. Al convertir la sencillez y el ingenio en un tipo compartido, se separó del diseño industrial pulido de esos mismos años.

Piezas ya fabricadas de procedencias distintas se atan en un solo mueble sin igualar su color ni su desgaste / Cintas y cuerdas que parecen fijaciones provisionales se quedan como estructura definitiva / El proceso del material permanece en la superficie acabada, con nudos y juntas sin lijar / Como las piezas cambian cada vez, no hay dos ejemplares iguales de un mismo diseño

design.mdprompt de imagen

531

Machine Art — interpretación generada por IA
Interpretación de IA, no una referencia

Machine Art

マシン・アート / 1934 / Estilo / Movimientos de diseño moderno

Es el nombre de una exposición que el Museo de Arte Moderno de Nueva York abrió en 1934. Muelles, ollas e instrumentos de medida, todos de fabricación en serie y de uso corriente, se colocaron sobre pedestales y se trataron como esculturas. La sala se montó tapando las molduras del edificio decimonónico de piedra arenisca, porque la condición del montaje era mostrar objetos sin ornamento en un entorno sin ornamento.

Sobre cada pedestal se posa una sola pieza industrial de uso corriente, separada de las demás / Las molduras de paredes y techos quedan cubiertas y el fondo no conserva ningún motivo / Los objetos son muelles, ollas e instrumentos, cosas que nunca se hicieron para ser miradas / En el lugar del autor figuran nombres de fábricas y no de personas

design.mdprompt de imagen

532

Xerox Star Interface — Escritorio e iconos del Xerox 8010 Star (ViewPoint) — Wikimedia Commons / CC BY 2.0 · © J R

Xerox Star Interface

ゼロックス・スター・インターフェース / 1981–1990s / Estilo / Lenguajes de pantalla

El lenguaje de pantalla que fijó el Xerox 8010 de 1981. Carpetas, bandejas de entrada y salida, cajones de archivo y otros útiles de oficina aparecen como figuras con rótulo, y el folleto de entonces llamó a ese conjunto un escritorio electrónico. Los objetos de la pantalla se mueven, se copian y se tiran libremente con el ratón.

Cada figura en pantalla lleva un rótulo de texto, de modo que el sentido nunca recae solo en el dibujo / Las figuras representan cosas de un escritorio de oficina, carpetas, bandejas de entrada y salida, cajones de archivo / Los objetos se agarran con el ratón, y mover, copiar y borrar forman una misma familia de gestos / La hoja de cálculo aparece como una retícula de filas y columnas, con las órdenes que actúan sobre ella reunidas en menús

design.mdprompt de imagen

533

PLATO Terminal Screen — Pantalla de plasma de un terminal PLATO V, 1981 — Wikimedia Commons / CC BY 3.0 · © Mtnman79 [1]

PLATO Terminal Screen

PLATO端末の画面 / 1972–1980s / Estilo / Lenguajes de pantalla

La pantalla de PLATO, la red educativa que la Universidad de Illinois puso en marcha a comienzos de los años sesenta. Sobre un panel plano de plasma sensible al tacto, las órdenes de TUTOR sitúan texto y dibujo por coordenadas, así que la página no avanza por líneas como un documento. Las pantallas de tablón y de conversación tomaron aquí su forma.

Sobre un plano negro, el texto y las líneas salen en un único naranja luminoso / Los caracteres no siguen un flujo de líneas sino coordenadas, y se meten dentro del dibujo / Texto y trazado comparten un mismo plano, sin marcos que separen las zonas / Hay preguntas que se contestan tocando la pantalla con el dedo

design.mdprompt de imagen

534

Breeze — Breeze en KDE Plasma 5, esquema de color claro (Kubuntu 20.10), 2020 — Wikimedia Commons / CC BY 4.0 · © Kubuntu, Breeze

Breeze

ブリーズ / 2014– / Estilo / Lenguajes de pantalla

El estilo visual por omisión que KDE introdujo junto con Plasma 5. El propio anuncio lo describe como un tema plano y de alto contraste, y ordena las figuras hacia formas simples y casi monocromas. En lugar de ornamento se apoya en la composición tipográfica para distinguir los elementos, y ofrece desde el principio una versión clara y otra oscura formando pareja.

Superficies planas sin sombreado, donde el límite entre elementos lo marcan solo la diferencia de color y el contraste / Iconos y figuras reducidos hacia el monocromo, con un recuento de colores muy corto / El contraste entre titular y texto hace el trabajo del ornamento, y la composición tipográfica sostiene la pantalla / Las mismas figuras existen en una versión clara y otra oscura formando pareja

design.mdprompt de imagen

535

Acme — Pantalla de acme en Plan 9 from Bell Labs — Wikimedia Commons / CC BY-SA 4.0

Acme

アクメ・インターフェース / 1994– / Estilo / Lenguajes de pantalla

La pantalla que Rob Pike presentó en un artículo de 1994, donde el sistema de ventanas, el intérprete de órdenes y el editor son una sola cosa. No tiene menús ni iconos, y cualquier cadena de texto de la pantalla se ejecuta con el botón central o se abre con el derecho. Las ventanas se apilan en columnas y constan solo de dos partes, una etiqueta de una línea y el cuerpo.

Las ventanas se apilan en columnas, y cada una es solo una etiqueta de una línea sobre un cuerpo / La barra de desplazamiento va en el borde izquierdo del cuerpo y en el derecho no hay nada / Al recorrer una cadena con el botón central, esta queda subrayada solo mientras el botón sigue pulsado / El cuerpo es amarillo pálido y la etiqueta azul pálido, y no hay un solo botón ni icono que pulsar

design.mdprompt de imagen

536

Oberon System Interface — Pantalla de Oberon-0, líneas de etiqueta y superficie en mosaico sin huecos — Wikimedia Commons / CC BY-SA 4.0 · © PeterEasthope

Oberon System Interface

オベロン・システムの画面 / 1988– / Composición / Lenguajes de pantalla

La pantalla del sistema que Wirth y Gutknecht construyeron en la ETH entre 1986 y 1989. Las ventanas no se superponen, la pantalla se corta en franjas verticales y dentro de cada franja se rellena de arriba abajo. Cualquier texto de la pantalla que tenga la forma M.P se ejecuta con el botón central, así que el sistema no necesita una pieza dedicada llamada menú.

Nada se superpone, la pantalla se corta primero en franjas verticales y luego se rellena de arriba abajo dentro de cada franja / Una franja estrecha a la derecha lleva arriba el registro y abajo un texto con las órdenes, y la franja ancha de la izquierda es la de trabajo / Cada visor tiene arriba un marco de una línea con el nombre del documento y órdenes como System.Close escritas como texto / Un bit por píxel, negro sobre blanco, con marcos de línea recta fina y sin sombra, sin redondeo y sin grises

design.mdprompt de imagen

537

Ribbon — Cinta de opciones al estilo de Office 2007 con pestañas contextuales — Wikimedia Commons / CC BY-SA 4.0 · © Halil Şimşek P

Ribbon

リボン / 2007– / Composición / Microsoft UI

Es una banda de órdenes que las dispone en una serie de pestañas en la parte superior de la ventana y sustituye a la vez a la barra de menús y a las barras de herramientas. Se introdujo con Office 2007, y Microsoft definió en sus directrices oficiales el vocabulario de pestañas, grupos, pestañas contextuales y galerías. Toda orden lleva rótulo, y su tamaño cambia según la frecuencia de uso.

En lo más alto de la ventana vive una banda que cambia por pestañas, con una altura fija de 48 píxeles / La banda se corta en grupos con nombre, y el nombre de cada grupo corre por su borde inferior / Los iconos de las órdenes vienen en dos tamaños, 32 por 32 y 16 por 16, y solo las órdenes frecuentes toman el grande y abren el grupo / Según el tipo de objeto seleccionado aparecen pestañas contextuales de color, y el nombre de ese conjunto de pestañas termina en Tools

design.mdprompt de imagen

538

Solarized — Xcode 4 con Solarized Light aplicado, 2011 — Wikimedia Commons / CC BY 2.0 · © Jason Brennan from Ottawa, Canada

Solarized

ソラライズド / 2011– / Estilo / Estilos de interfaz

Son dieciséis colores para terminal y editor que Ethan Schoonover publicó con todos sus valores a la vista. Se componen de ocho tonos de base y ocho colores de acento, y las diferencias de claridad CIELAB entre los tonos de base son simétricas, de modo que cambiar el fondo claro por el oscuro no altera el tono de la lectura. Baja la diferencia de luminosidad y distingue las palabras por la diferencia de matiz.

Los fondos no son ni negro puro ni blanco puro, uno tira a verde azulado y otro a crema / La diferencia de claridad entre texto y fondo es pequeña, y el texto se lee con un golpe más suave que el negro sobre blanco / Los ocho acentos tienen una claridad casi igual y se distinguen solo por el matiz / Al cambiar entre fondo claro y oscuro, el mismo acento reaparece con el mismo papel

design.mdprompt de imagen

539

Skeleton Screen — interpretación generada por IA
Interpretación de IA, no una referencia

Skeleton Screen

スケルトン・スクリーン / 2013– / Técnica / Estilos de interfaz

Es una forma de tratar la carga que renuncia al indicador giratorio y muestra antes la página vacía, para ir vertiendo la información poco a poco. Luke Wroblewski la presentó con este nombre en 2013, a partir de lo aprendido con su propia aplicación Polar. Enseña que algo avanza en lugar de enseñar que se está esperando.

Durante la carga no aparece ni indicador giratorio ni barra de progreso / Donde irán el texto y las imágenes ya hay campos lisos con la medida que van a ocupar / La composición queda fijada antes de que lleguen los datos, y nada se mueve cuando llegan / La información no sale de una vez, cada zona se rellena por turno

design.mdprompt de imagen

540

Stamen Map Styles (Toner, Terrain, Watercolor) — Mapa con teselas Watercolor de Stamen Design, 2022 — Wikimedia Commons / CC BY-SA 4.0 · © Alexschneider250

Stamen Map Styles (Toner, Terrain, Watercolor)

スタメンの地図様式 / 2010s– / Estilo / Diseño de información

Son tres estilos de mapa con nombre propio que publicó Stamen Design, donde Toner está hecho de blanco y negro a dos valores, Terrain de sombreado del relieve y color de vegetación, y Watercolor de manchas que se difuminan en el grano del papel. Lo que los separa de los mapas web anteriores es que el aspecto del mapa base pasa a elegirse como una manera de pintar y no como un ajuste de colores.

Toner se dibuja solo con negro y blanco y no tiene grises intermedios / En Watercolor el borde entre mar y tierra se difumina como el filo de un pincel, y el grano del papel sigue ahí al ampliar / El agua de Watercolor mezcla azules con turquesa y violeta, y las carreteras oscilan del naranja al pardo rojizo / Rótulos, líneas y fondo van en capas distintas, de modo que un juego de teselas se distribuye con cualquiera de ellas retirada

design.mdprompt de imagen

541

Single-Serving Site — interpretación generada por IA
Interpretación de IA, no una referencia

Single-Serving Site

シングルサービング・サイト / 2008– / Composición / Lectura en la web

Un sitio que ocupa un dominio propio y hace una sola cosa con una única página. Jason Kottke le dio nombre en febrero de 2008 y sus lectores le enviaron unos cuatrocientos ejemplos, y así quedó fijado como tipo. No hay navegación ni recorrido posible, la respuesta a la pregunta llena la pantalla y ahí termina todo.

El nombre del dominio es la pregunta, y el contenido de la página es esa respuesta de una sola palabra / Sin titulares ni párrafos, una palabra o una imagen ocupa el centro de la pantalla / Ni menú, ni buscador, ni enlaces al pie, no hay ningún sitio al que ir después / Abundan los títulos que se responden con sí o no, como Is It Christmas? o Is Twitter Down?

design.mdprompt de imagen

542

ADV / NVL Text Layout — Pantalla de tipo NVL de la edición coreana de Higurashi When They Cry — Wikimedia Commons / Public domain

ADV / NVL Text Layout

ADV／NVL（ノベルゲームの文字組み） / 1990s– / Composición / Juegos y naipes

La novela visual tiene dos formas de componer el texto con nombre propio, y el modo ADV saca el diálogo y la narración línea a línea en una ventana en la parte baja de la pantalla. El modo NVL apila varias líneas en una ventana que ocupa toda la pantalla y empieza página nueva en cada corte. La documentación oficial del entorno Ren'Py define las dos como una pareja.

En ADV una ventana ancha permanece abajo y muestra una sola línea cada vez / En NVL el texto se extiende por toda la pantalla y las líneas ya leídas se apilan hacia arriba / En NVL el cambio de página borra de golpe lo apilado y la página siguiente arranca vacía / Las opciones aparecen de otro modo en cada forma, y en NVL se alinean justo después del texto en curso en lugar de en un menú a pantalla completa

design.mdprompt de imagen

543

GitHub Primer — GitHub Primer ViewComponents — official file-tree snapshots across appearance modes — Copyright (c) 2020 GitHub / MIT

GitHub Primer

GitHub Primer / 2017– / Estilo / Lenguajes de pantalla

El sistema de diseño de GitHub convierte flujos de desarrollo densos en reglas compartidas de color, tipografía, iconos, espaciado y componentes. Da prioridad al avance del trabajo frente al adorno y mantiene muchos estados y acciones en poco espacio sin renunciar a la accesibilidad ni a la adaptación entre pantallas.

Superficies neutras con enlaces azules y colores de estado contenidos / Octicons acompañados de etiquetas de acción breves / Bordes finos que separan listas, pestañas y barras laterales / Escalas constantes de tipografía y espaciado incluso con alta densidad

design.mdprompt de imagen

544

Adobe Spectrum — interpretación generada por IA
Interpretación de IA, no una referencia

Adobe Spectrum

Adobe Spectrum / 2013– / Estilo / Lenguajes de pantalla

El sistema de diseño de Adobe para todas sus aplicaciones. Bajo los principios Racional, Humano y Enfocado, cambia la densidad entre escritorio y móvil mientras evita que las interfaces cargadas de herramientas resten atención a la obra.

Superficies neutras y color vivo reservado para la selección / Iconos, tipografía y bordes que cambian de escala juntos / Barras de herramientas y paneles de propiedades unidos por divisiones finas / La obra creativa conserva más presencia que la interfaz

design.mdprompt de imagen

545

Atlassian Design System — interpretación generada por IA
Interpretación de IA, no una referencia

Atlassian Design System

Atlassian Design System / 2012– / Estilo / Lenguajes de pantalla

Un sistema que traduce la complejidad de Jira y Confluence a tokens, reglas de contenido, espaciado, retículas y componentes compartidos. La consistencia genera confianza y mantiene navegables grandes conjuntos de incidencias, documentos y estados.

Capas blancas y gris pálido con acciones principales azules / Tarjetas redondeadas y etiquetas de estado en forma de cápsula / Divisiones claras entre barra lateral, tabla y panel de detalle / Color, espaciado, radio y elevación gobernados por tokens

design.mdprompt de imagen

546

Ant Design — interpretación generada por IA
Interpretación de IA, no una referencia

Ant Design

Ant Design / 2015– / Estilo / Lenguajes de pantalla

Un sistema de diseño que mantiene las aplicaciones web empresariales con baja entropía mediante componentes y patrones de página reutilizables. Sus valores —Natural, Cierto, Significativo y Creciente— sistematizan tablas, formularios, jerarquía y estados sin reducir la densidad de información.

Tablas densas compuestas con texto pequeño y filetes finos / Acciones principales azules y colores semánticos explícitos / Formularios, paginación, árboles y tablas coherentes / Legibilidad lograda con alineación y repetición, no con espacio abundante

design.mdprompt de imagen

547

Shopify Polaris — interpretación generada por IA
Interpretación de IA, no una referencia

Shopify Polaris

Shopify Polaris / 2017– / Estilo / Lenguajes de pantalla

El marco de interfaz de Shopify unifica productos, pedidos, pagos y clientes en un mismo lenguaje comercial. Tarjetas y secciones separan las decisiones, mientras estados y acciones breves ayudan a mantener la tienda en marcha.

Tarjetas blancas apiladas sobre un fondo claro / Verde usado como señal de éxito o avance / Título, estado y acción principal reunidos en la parte superior / Insignias compactas para los estados de producto, pedido y pago

design.mdprompt de imagen

548

Black Dandyism — interpretación generada por IA
Interpretación de IA, no una referencia

Black Dandyism

ブラック・ダンディズム / 18th century– / Estilo / Historia de la moda

Una tradición que usa la sastrería y el porte para construir la propia imagen y responder a una mirada racializada. No corresponde a un único grado de adorno: conoce los códigos, desplaza sus detalles y reúne dignidad, resistencia e identidad.

Sastrería precisa ajustada al cuerpo / Una línea completa desde sombrero y cuello hasta corbata y zapatos / Color, estampado o gesto que desplaza los códigos clásicos de la ropa masculina / Autopresentación segura y frontal

design.mdprompt de imagen

549

Power Dressing — interpretación generada por IA
Interpretación de IA, no una referencia

Power Dressing

パワー・ドレッシング / 1970s–1980s / Estilo / Historia de la moda

Una forma de vestir que hace visible la autoridad en el trabajo. En los años ochenta, el traje de sastrería marcada y hombros grandes señaló el ascenso profesional de mujeres y hombres, ensanchó y endureció la silueta y también cargó con la presión de adaptarse.

Chaquetas acolchadas que ensanchan los hombros / Cintura entallada y silueta de triángulo invertido / Paño de estambre oscuro y raya diplomática / Traje, camisa, corbata o zapatos de salón coordinados

design.mdprompt de imagen

550

Fashion Deconstruction — interpretación generada por IA
Interpretación de IA, no una referencia

Fashion Deconstruction

ファッションの脱構築 / 1980s– / Estilo / Historia de la moda

Expone márgenes de costura, forros, bordes sin rematar, patrones y uniones asimétricas en vez de ocultar la prenda como un todo continuo. No se limita a destruir: desmonta convenciones y construye otro cuerpo con sus piezas.

Márgenes de costura y forros vueltos hacia fuera / Bordes crudos y deshilachado deliberado / Uniones asimétricas y equilibrio desplazado / Patrones y entretelas tratados como superficies terminadas

design.mdprompt de imagen

551

Camp Fashion — interpretación generada por IA
Interpretación de IA, no una referencia

Camp Fashion

キャンプ・ファッション / 19th century– / Estilo / Historia de la moda

Una sensibilidad que ama el artificio, la exageración, la teatralidad, la parodia y el exceso, y disfruta de la frontera entre el buen y el mal gusto. Su fuerza no reside solo en el volumen, sino en agrandar la seriedad hasta convertirla en humor y crítica.

Siluetas exageradas más allá de la escala corporal / Materiales artificiales y ornamentación excesiva / Citas de la indumentaria histórica y la cultura popular / Humor, parodia y pose teatral

design.mdprompt de imagen

552

Mori Girl / Mori Kei — interpretación generada por IA
Interpretación de IA, no una referencia

Mori Girl / Mori Kei

森ガール／森系 / 2007– / Estilo / Japanese Street Fashion

Una moda urbana japonesa construida por quienes imaginan a una chica que podría vivir en un bosque. Capas holgadas, tonos crudos y tierra, texturas naturales y accesorios antiguos prolongan el atuendo en un relato sobre una vida más lenta.

Vestidos y faldas holgados superpuestos / Crudos, marrones y musgos de baja saturación / Texturas de encaje, punto, lino y lana / Zapatos de cuero, cestas y accesorios antiguos

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