NeXTSTEP Interface

ネクストステップ・インターフェース / 1988–1997 / Estilo / Lenguajes de pantalla

El lenguaje de pantalla que NeXT fijó en su libro de directrices de 1993. El documento declara sin rodeos su meta, una paleta hecha solo de negro, blanco y gris, y una apariencia sobria que consigue el relieve mediante sombreado. El menú se levanta como una columna vertical en la esquina superior izquierda, y los iconos de las aplicaciones residentes se alinean en vertical junto al borde derecho.

NeXTSTEP Interface — El navegador WorldWideWeb en NeXTSTEP — Wikimedia Commons / Public domain
El navegador WorldWideWeb en NeXTSTEP — Wikimedia Commons / Public domain
NeXTSTEP Interface — Thomas Schanz, NeXTSTEP 3.3 en un HP9000 715, 2018 — Wikimedia Commons / CC BY-SA 4.0
Thomas Schanz, NeXTSTEP 3.3 en un HP9000 715, 2018 — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0
NeXTSTEP Interface — Electronic AppWrapper y 3D Reality en NeXTSTEP — Wikimedia Commons / CC BY-SA 4.0 · © JohnWayneTheThird
Electronic AppWrapper y 3D Reality en NeXTSTEP — Wikimedia Commons / CC BY-SA 4.0 · CC BY-SA 4.0 · © JohnWayneTheThird

De un vistazo

Rasgos visuales

  • Un menú que se levanta en columna vertical arriba a la izquierda, con los submenús que se enganchan y se abren a su derecha
  • Iconos cuadrados de aplicación alineados en vertical junto al borde derecho de la pantalla
  • Biseles gruesos tallados por completo en valores de gris, sin ningún matiz de color
  • La barra de título de la ventana que recibe las teclas va en negro, mientras que la ventana que solo está delante la lleva en gris oscuro

Usos idóneos

  • Construir una herramienta para programadores cuya jerarquía descanse por entero en valores de gris y sombreado, sin ningún color de acento
  • Mostrar en una charla o una exposición de dónde procede el lenguaje visual del escritorio de Apple actual

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
Emplea una sola tipografía de la familia de Helvetica y construye la jerarquía solo con el grosor y el tamaño. Los comandos no disponibles no se retiran, se dejan en su sitio en gris oscuro.
Composición
Fija arriba a la izquierda la columna vertical del menú y en el borde derecho la tira vertical de iconos, y entrega a la tarea el espacio que queda entre ambas. Las ventanas están hechas para superponerse, así que el negro de la barra de título es la única marca de cuál se tiene entre manos.
Material
Usa cuatro escalones nada más, blanco, gris claro, gris oscuro y negro, y no dejes entrar ningún matiz de color. Supón una sola luz que viene de arriba y mantén coherente con ella el bisel de todas las piezas.
Precaución
Copiar los grises y añadir después un solo acento saturado derriba la premisa de que el valor construye la jerarquía, y con ella se lleva el orden de lectura de toda la pantalla.
Para profundizar
the plates and glossary of the NeXTSTEP User Interface Guidelines Release 3 / the meaning of the three dots marked at the lower left of an icon for an application that is not running / how the same system of parts carried over into later Apple screens

Entradas relacionadas

Más de Lenguajes de pantalla

Continúa con estilos de Lenguajes de pantalla, priorizados por sus efectos compartidos.

Ver todas las entradas de Lenguajes de pantalla

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/nextstep-ui
Markdown
[NeXTSTEP Interface — IndexStyle](https://indexstyle.org/es/styles/nextstep-ui)
HTML
<a href="https://indexstyle.org/es/styles/nextstep-ui">NeXTSTEP Interface — IndexStyle</a>

Volver a su posición en el índice