Carbon
カーボン / 2016– / Stil / Designsysteme
Das Gestaltungssystem, das IBM offen veröffentlicht und pflegt, die im Produkt benutzbare Form der IBM Design Language. Das Gerüst bilden das 2x Grid, in dem eine Grundeinheit von acht Pixeln halbiert oder verdoppelt wird, um jedes Maß zu bestimmen, die Schrift IBM Plex und ein Farbmodell, das neutrale Grautöne als Ebenen stapelt und ein Kernblau allein der Handlung vorbehält.
Rechteckige Bedienelemente fast ohne Eckenrundung und Eingabefelder, die nur an der Unterkante eine Linie tragen / Weiße und #f4f4f4 Flächen im Wechsel gestapelt, wobei der Grund mit jeder Ebene eine Helligkeitsstufe wandert / Ein einziges Blau, #0f62fe, das nur dort erscheint, wo etwas bedient werden kann, alles Übrige nahezu unbunt / Eine einzige Schriftfamilie, IBM Plex, von großen Überschriften bis zur Bildunterschrift, ohne jede Beimischung
Abbildungen auf der Quellseite
Wörterbucheintrag
- Geeignet für
- Wenn ein Verwaltungsbildschirm für Unternehmen in hellem und dunklem Thema erscheinen soll, ohne dass eines von beiden neu entworfen wird · Wenn mehrere Teams eine gemeinsame und erklärbare Grundlage für Abstände und Spaltenbreiten brauchen
- Typografie
- Alles in IBM Plex setzen, im Produkt die engeren productive Stile und im Redaktionellen die größeren expressive Stile. Die Grade aus der veröffentlichten Skala wählen, statt sie zu erfinden.
- Komposition
- Die Geometrie auf die Grundeinheit von acht Pixeln stellen. Die Spalten aus einer Spalte durch fortgesetztes Halbieren ableiten und jeden äußeren und inneren Abstand als ganzes Vielfaches der Einheit halten.
- Material
- Graue Flächen als Ebenen stapeln und den Grund dort, wo die Ebene wechselt, um eine Helligkeitsstufe verschieben. Das Blau nur für Bedienbares ausgeben und die Warnfarben getrennt halten.
- Zu vermeiden
- Fest eingetragene Hexwerte zerstören die Schichtung, sobald das Thema von hell auf dunkel umschlägt, denn das ganze System setzt voraus, dass Farbe über ihre Rolle gewählt wird.
- Zum Weiterlesen
- Carbon の 2x Grid の解説にある mini unit の考え方 / productive と expressive という2つの型セットの使い分け / White テーマと Gray 100 テーマで層モデルがどう反転するか
Verwandte Einträge
Diesen Eintrag zitieren
Das Wörterbuch ist zum Verlinken gedacht. Nehmen Sie die Form, die dorthin passt, wo Sie schreiben.
- Link
- https://indexstyle.org/de/styles/carbon
- Markdown
- [Carbon — IndexStyle](https://indexstyle.org/de/styles/carbon)
- HTML
- <a href="https://indexstyle.org/de/styles/carbon">Carbon — IndexStyle</a>