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érminos738

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

451

Art Brut — Adolf Wölfli, Anillo de mar e islas — Wikimedia Commons / Public domain

Art Brut

アール・ブリュット / 1945– / Estilo / Estilos subculturales

Concepto acuñado para designar las obras hechas al margen de la enseñanza y del mercado del arte, apoyadas únicamente en un sistema propio. Reaparecen en ellas la repetición que colma toda la superficie, alfabetos y signos inventados y una reutilización extrema de los materiales. Más que un estilo, el nombre de las condiciones en que nace un estilo.

Saturación que no deja vacíos / Sistemas propios de escritura y signos / Reutilización exhaustiva de materiales cercanos / Un mundo autónomo construido por repetición

design.mdprompt de imagen

453

Antropofagia — Manifiesto antropófago, 1928 — Wikimedia Commons / CC BY-SA 4.0 · © Mrwildeson

Antropofagia

アントロポファジア / 1928–1930s / Imaginario / Vanguardia brasileña

Programa brasileño que, con la antropofagia como metáfora, no predicaba rechazar la cultura europea sino devorarla y convertirla en sangre propia. Esa afirmación del mestizaje como método, y no como debilidad, sigue corriendo bajo el diseño, la música y la arquitectura brasileños posteriores.

Digestión deliberada de los estilos importados / Mestizaje con la iconografía autóctona / Motivos de cuerpos desmesurados / Colores primarios y gama tropical

design.mdprompt de imagen

470

Shōjo Manga — interpretación generada por IA
Interpretación de IA, no una referencia

Shōjo Manga

少女漫画 / 1950s– / Estilo / Estilos de ilustración

Ámbito que construyó una gramática propia para traducir la psicología en espacio. Rompe el marco de la viñeta, esparce flores y estrellas por el fondo y hace correr la voz interior hacia los márgenes. Los ojos grandes y las viñetas superpuestas son dispositivos para dibujar el flujo del sentimiento y no el del tiempo.

Figuras y viñetas que cruzan el marco / Flores y luz corriendo por el fondo / Ojos dibujados grandes y muy trabajados / Monólogo desbordando hacia los márgenes

design.mdprompt de imagen

471

Anime Style — Danny Choo, diseño de personaje de Azami Yuko, Mirai Suenaga, personaje de Culture Japan, 2011 — Wikimedia Commons / CC BY-SA 2.0

Anime Style

アニメ絵 / 1960s– / Estilo / Técnicas de animación

Convenciones de dibujo que la animación televisiva japonesa acumuló para extraer la máxima información del menor número de dibujos. El rostro unificado y convertido en signo, la nitidez del contorno y la velocidad producida mediante planos fijos y efectos han influido en estilos de dibujo de todo el mundo.

Ojos y nariz dispuestos como signos / Contorno de grosor uniforme / Sombreado resuelto en dos tonos / Planos fijos junto a líneas de velocidad

design.mdprompt de imagen

472

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

Material Design

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

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

487

Amiga Workbench — Pantalla de Amiga Workbench 1.x, 1985 — Wikimedia Commons / CC BY-SA 4.0

Amiga Workbench

アミガ・ワークベンチ / 1985–1996 / Estilo / Lenguajes de pantalla

El lenguaje de pantalla del Amiga, que Commodore fijó en su propia guía de estilo. Las primeras versiones trabajan con cuatro colores nada más, azul con blanco y naranja, y meten Topaz, una tipografía de mapa de bits angulosa, en una retícula de 640×200. Lo que forma capas no son las ventanas sino las pantallas mismas, de modo que al tirar hacia abajo de la barra superior aparece la pantalla que corría detrás.

Una pantalla de azul con blanco y naranja que no emplea más de cuatro colores / Una tipografía de mapa de bits angulosa apretada en una retícula basta de 640×200 / Una barra de título a todo lo ancho recorre el borde superior de la pantalla, con los gadgets de profundidad agrupados en su extremo derecho / Los controles activos se elevan gracias a una línea clara arriba a la izquierda y otra oscura abajo a la derecha, y al pulsarlos las dos se invierten y la pieza se hunde

design.mdprompt de imagen

493

Magic Cap — Josh Carter, Sony Magic Link, 2010 — Wikimedia Commons / CC BY-SA 3.0

Magic Cap

マジックキャップ / 1994–1998 / Imaginario / Lenguajes de pantalla

El lenguaje de pantalla que General Magic puso en sus terminales portátiles de comunicación. No imita objetos sino un lugar, empieza en un escritorio con un teléfono, un Rolodex y un bloc de notas, y desde ahí un pasillo lleva a la sala de juegos o al almacén. Todo lo que se puede tocar está dibujado, y quedó registrado que mucha gente empezó a usarlo sin leer el manual.

Una pantalla inicial donde un teléfono, un Rolodex, un bloc de notas y un calendario descansan sobre un escritorio / Un reloj de pared, las bandejas de entrada y salida y un archivador dibujados en la pared detrás de ese escritorio / El paso de una habitación a otra ocurre por un pasillo que también está amueblado y con cuadros colgados / Dibujos de línea sobre una pantalla de grises gruesos, tocados directamente con un lápiz en lugar de con el dedo

design.mdprompt de imagen

496

Infinite Canvas — Scott McCloud, The Right Number, 2003 — Wikimedia Commons / Public domain

Infinite Canvas

インフィニット・キャンバス / 2000– / Composición / Lectura en la web

El nombre que Scott McCloud dio en Reinventing Comics, en 2000, a una manera de maquetar el cómic en la web. La pantalla se entiende como una ventana y no como una página, de modo que las viñetas se colocan sobre una única superficie que se extiende sin fin. Como es un medio que mide el tiempo con el espacio, la distancia entre viñetas se convierte en el ritmo del relato.

Una superficie mucho más alta o más ancha que cualquier formato de papel, sin un solo salto de página / El relato se frena donde las viñetas se separan y se acelera donde se aprietan / Series de viñetas que bajan como una escalera o giran en espiral, disposiciones que una página no podría sostener / Una viñeta que multiplica por decenas el tamaño de la vecina, un margen que ningún formato fijo permitiría

design.mdprompt de imagen

497

Webtoon (Vertical-Scroll Comics) — Webtoon de segunda generación en una sola columna vertical, 2014 — Wikimedia Commons / CC BY-SA 4.0 · © Seoung13

Webtoon (Vertical-Scroll Comics)

ウェブトゥーン（縦スクロール漫画） / 2003– / Composición / Lectura en la web

Una maquetación de cómic nacida en los portales coreanos que corre por una sola columna vertical. El blanco entre viñetas deja de ser una simple separación y se vuelve materia, porque su longitud indica el tiempo transcurrido o el cambio de escena y además carga con el color de fondo, la lluvia que cae e incluso los diálogos sacados del cuadro. Como el lector no puede espiar lo que viene, el tiempo del relato avanza solo lo que él desplaza.

Las viñetas se alinean en una sola columna vertical y no hay adónde mover los ojos de lado / El blanco entre viñetas se hace más largo que las propias viñetas y aloja color de fondo, lluvia que cae o diálogos / Una sola viñeta unas ocho veces más alta que ancha, que necesita varios desplazamientos para verse entera / Todo a color desde el principio, dibujado a un ancho fijo ajustado al de la pantalla

design.mdprompt de imagen

498

Explorable Explanations — Vi Hart y Nicky Case, Parable of the Polygons, 2014 — Wikimedia Commons / CC0

Explorable Explanations

エクスプローラブル・エクスプラネーション / 2011– / Técnica / Lectura en la web

El nombre que Bret Victor dio, en un artículo de marzo de 2011 con ese mismo título, a una escritura que incrusta un modelo en marcha dentro de la prosa. Las cifras del texto corriente llevan un subrayado de puntos y, al agarrarlas y moverlas, la frase que sigue y la figura de al lado se reescriben a la vez. Así el lector puede sacudir por sí mismo los fundamentos de lo que se afirma.

Las cifras dentro del texto corriente se apoyan en un subrayado de puntos y se vuelven azules al tocarlas / Arrastrar una de esas cifras reescribe a la vez la frase siguiente y la figura contigua / Las figuras no quedan aisladas en un recuadro aparte, sino que siguen el hilo entre un párrafo y otro / Sin tocar nada la pieza se lee igual, porque los valores iniciales ya dan sentido a las figuras

design.mdprompt de imagen

500

Diegetic UI — Three One Zero, ADR1FT, 2014 — Wikimedia Commons / CC BY-SA 3.0

Diegetic UI

ダイエジェティックUI / 2009– / Técnica / Estilos de interfaz

Nombre que recibe el rincón del diseño de interfaces de juego en el que un elemento pertenece a la vez a la ficción y al espacio tridimensional. Una tesis de máster de 2009 en la Chalmers University of Technology, escrita junto a EA DICE, situó la interfaz de juego sobre esos dos ejes y reservó la palabra para ese rincón. La salud que brilla en el propio traje del protagonista es el caso típico.

La salud o la munición aparecen en el propio equipo del protagonista y no en una esquina de la pantalla / Un mapa que el personaje sostiene y lee mientras camina, en lugar de una capa que detiene el juego / Paneles de información proyectados en el aire que se inclinan con la cámara porque ocupan el espacio / Las indicaciones de rumbo se dan con el color de una señal plantada en el propio mundo

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

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

502

HyperCard Stack — Karl Baron, editor de scripts HyperTalk en un Macintosh Plus, 2008 — Wikimedia Commons / CC BY 2.0

HyperCard Stack

ハイパーカードのスタック / 1987–2004 / Composición / Retro digital

Pilas de pantallas hechas y repartidas por aficionados, dibujadas a un bit en negro sobre blanco. Una sola ficha ocupa la pantalla en lugar de una página, imagen y texto quedan pegados en la misma superficie, y una fila de pequeños botones con iconos en el borde inferior salta a otra ficha o a otra pila.

Una sola ficha ocupando la pantalla, sin el gesto de pasar página / Dibujo de un bit, negro sobre blanco, donde los grises y las fotografías llegan como tramas de puntos / Una fila de pequeños botones cuadrados con iconos apretada contra el borde inferior de la ficha / Imagen y texto compartiendo una misma superficie, con el campo de entrada marcado por una sola línea

design.mdprompt de imagen

503

Winamp Skin — interpretación generada por IA
Interpretación de IA, no una referencia

Winamp Skin

Winampスキン / 1997–2005 / Estilo / Retro digital

Caras de reproductor dibujadas y repartidas por aficionados. Se tira el marco rectangular de la ventana para imitar el frente de un equipo de audio de sobremesa, y hasta las cifras y las letras se dibujan como imágenes de mapa de bits alineadas en una sola lámina.

Un contorno no rectangular que imita el frente de un equipo de audio de sobremesa / Cifras y letras alineadas en una sola lámina como diminutos mapas de bits de ancho fijo / Reflejos metálicos y pantallas encendidas hechos con la colocación de los puntos y no con degradados / Tres ventanas, reproductor, ecualizador y lista, que se imantan y forman un solo aparato en vertical

design.mdprompt de imagen

505

Cyberfeminism — Old Boys Network, 100 Anti-Theses of Cyberfeminism, 1997 — Wikimedia Commons / CC BY 4.0 · © Sollfrank, Cornelia & Old Boys Network ed. 1998. First Cyberfeminist International. Hamburg: obn

Cyberfeminism

サイバーフェミニズム / 1991–2000s / Imaginario / Arte digital

Un movimiento que el colectivo australiano VNS Matrix reclamó para sí en 1991, y cuyo nombre la teórica Sadie Plant empezó a usar por su cuenta en Gran Bretaña en ese mismo momento. Su manifiesto viajó por fax, por correo, como cartel encolado, como valla publicitaria y como mensaje en red. Frente a una cultura informática que quería dejar atrás el cuerpo, devolvió al centro la baba y el sexo.

Líneas de palo seco muy gruesas deformadas sobre un abombamiento esférico, cada una a un cuerpo distinto / Una hoja a dos tintas, negro sobre rosa pálido, con un círculo blanco calado en el centro / Un borde embaldosado de formas orgánicas parecidas a ojos, orladas de pelos radiales / El nombre del grupo incrustado como una línea más del texto en lugar de firmado al pie

design.mdprompt de imagen

510

Buncheong — Tibor de buncheong con peonías en esgrafiado, dinastía Joseon, segunda mitad del siglo XV — Wikimedia Commons / CC0

Buncheong

粉青沙器 / 14th–16th century / Estilo / Estilos cerámicos

Cerámica coreana cuya pasta gris azulada se cubre de engobe blanco, y cuyo nombre abrevia una expresión empleada por el historiador del arte Go Yuseop. Se divide según cómo llega el engobe, por incrustación, estampado, esgrafiado, pintura de hierro, brocha y baño, y la desigualdad de la capa blanca junto con la carrera de la brocha dan a cada pieza un rostro distinto.

El engobe blanco cubre una pasta gris azulada, y la desigualdad de la capa es el propio dibujo / En las piezas de brocha, las huellas de las cerdas corren en una sola dirección y quedan como una banda blanca / En las piezas estampadas, pequeños crisantemos impresos sin holgura se rellenan de arcilla blanca y forman hileras de puntos blancos / En las piezas bañadas, la altura hasta la que entraron en el engobe deja una sola línea, y por debajo asoma el gris de la pasta

design.mdprompt de imagen

512

Oribe Ware — Cuenco cuadrado Oribe, cerámica de Mino, período Edo, siglo XVII — Wikimedia Commons / Public domain

Oribe Ware

織部 / Momoyama period– / Estilo / Estilos cerámicos

Un estilo de gres cocido en los hornos de Seto y Mino desde el periodo Momoyama hasta los primeros años Tokugawa, centrado en los utensilios de la ceremonia del té. La superficie queda áspera y los vidriados son pocos y de color cálido. El verde de cobre cubre solo una parte de la pieza, y sobre la pasta reservada se dibujan motivos con hierro.

El verde de cobre cubre una sola cara de la pieza y el límite entre lo vidriado y lo reservado queda como una línea / Sobre la pasta sin vidriar se pintan a pincel líneas y motivos geométricos con pigmento de hierro / La superficie es áspera y nunca alcanza la lisura de la porcelana / Bastan pocos colores, el verde del vidriado, el gris blanco cálido de la pasta y el pardo negruzco del hierro

design.mdprompt de imagen

528

Eastlake — Sillón de estilo Eastlake, Missouri History Museum — Wikimedia Commons / Public domain

Eastlake

イーストレイク様式 / 19th century– / Estilo / Mobiliario e interiores

Nombre dado en los Estados Unidos del siglo diecinueve a un estilo decorativo y arquitectónico ligado a los diseños de mobiliario de Charles Locke Eastlake. El vocabulario del mueble pasa tal cual al edificio, y en la fachada se alinean columnas parecidas a patas de mesa, ménsulas curvas, balaustres torneados y bolas ornamentales caladas con perforaciones circulares.

Columnas que parecen patas de mesa engrosadas. / Ménsulas curvas que se repiten a intervalos iguales bajo aleros y tejadillos de porche. / Balaustres finos torneados que rellenan barandillas y la parte alta del porche. / Bolas caladas con perforaciones circulares puestas donde se cruzan las piezas.

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

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

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

562

Material You — Google《マテリアル3のコンポーネント》2021 — Wikimedia Commons / CC BY 4.0 · © Google LLC

Material You

Material You / 2021– / Estilo / Google UI

Material You convierte la adaptabilidad en una constante: el color dinámico, las formas generosas y el movimiento personalizado varían según la persona, mientras las funciones semánticas permanecen estables.

Colores armonizados derivados del fondo de pantalla / Tarjetas y controles grandes y redondeados / La selección cambia tanto el color como la forma / Espaciado amplio y tipografía de display grande

design.mdprompt de imagen

565

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

Retrofuturism

レトロフューチャリズム / 1970s– / Imaginario / Digital Culture

El retrofuturismo revisita los futuros imaginados en el pasado a través de sus vehículos, materiales, anuncios y visiones cósmicas, conservando tanto su esperanza como sus puntos ciegos.

Vehículos aerodinámicos y ciudades monumentales / Indicadores analógicos, cromo y válvulas de vacío / Tipografía publicitaria y diagramas de la era espacial / Impresión desvaída junto a imágenes luminosas del futuro

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