NeXTSTEP Interface
ネクストステップ・インターフェース / 1988–1997 / Style / Langages d'écran
Le langage d'écran que NeXT a fixé dans son livre de directives de 1993. Le document énonce d'emblée son objectif, une palette faite seulement de noir, de blanc et de gris, et une apparence sobre qui tire son relief de l'ombrage. Le menu se dresse en colonne verticale en haut à gauche, et les icônes des applications résidentes s'alignent verticalement le long du bord droit.
En un coup d’œil
Signes visuels
- Un menu dressé en colonne verticale en haut à gauche, les sous-menus venant s'accrocher et s'ouvrir à sa droite
- Des icônes d'application carrées alignées verticalement le long du bord droit de l'écran
- D'épais biseaux taillés entièrement dans des valeurs de gris, sans la moindre teinte colorée
- La barre de titre de la fenêtre qui reçoit les frappes est peinte en noir, tandis que la fenêtre simplement au premier plan la porte en gris foncé
Usages idéaux
- Construire un outil de développement dont toute la hiérarchie repose sur des valeurs de gris et sur l'ombrage, sans aucune couleur d'accent
- Montrer, dans une présentation ou une exposition, d'où vient le langage visuel du bureau Apple d'aujourd'hui
Utiliser ce style
Appliquez le brief concis au projet ou transmettez la spécification structurée à un outil d’IA.
Guide détaillé et sourcesRègles de production, œuvres de référence, comparaisons, recherche et citations
Entrée du dictionnaire
- Typographie
- Employez une seule police de la famille d'Helvetica et bâtissez la hiérarchie par la graisse et le corps uniquement. Les commandes indisponibles ne sont pas retirées, elles restent en place en gris foncé.
- Composition
- Fixez en haut à gauche la colonne verticale du menu et sur le bord droit la bande verticale d'icônes, et laissez au travail l'espace entre les deux. Les fenêtres sont faites pour se chevaucher, si bien que le noir de la barre de titre marque seul celle que l'on a en main.
- Matière
- N'utilisez que quatre degrés, blanc, gris clair, gris foncé et noir, et n'introduisez aucune teinte colorée. Supposez une lumière unique venue d'en haut et accordez à celle-ci le biseau de toutes les pièces.
- Précaution
- Reproduire les gris puis ajouter un seul accent saturé ruine le principe selon lequel la valeur porte la hiérarchie, et emporte avec lui l'ordre de lecture de tout l'écran.
- Pour approfondir
- 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
Entrées liées
- Aqua (アクア)Lien éditorial pour une comparaison utile.Comparer NeXTSTEP Interface et Aqua
- Swiss (スイス・スタイル)Effets partagés : Calm.Comparer NeXTSTEP Interface et Swiss
Plus de Langages d'écran
Poursuivez avec des styles de Langages d'écran, classés par effets communs.
- XrossMediaBar (XMB) (クロスメディアバー)Effets partagés : Technique / Calm / Luxury.
- Adwaita (アドワイタ)Effets partagés : Technique / Calm.
- GOV.UK Design System (GOV.UK デザインシステム)Effets partagés : Calm / Technique.
Voir toutes les entrées Langages d'écran
Citer cette entrée
Le dictionnaire est fait pour être lié. Prenez la forme qui convient là où vous écrivez.
- Link
- https://indexstyle.org/fr/styles/nextstep-ui
- Markdown
- [NeXTSTEP Interface — IndexStyle](https://indexstyle.org/fr/styles/nextstep-ui)
- HTML
- <a href="https://indexstyle.org/fr/styles/nextstep-ui">NeXTSTEP Interface — IndexStyle</a>