Elastic UI
Elastic UI / 2017– / Stil / Bildschirmsprachen
Elastics Oberflächensystem ist für Suche, Filterung und Diagnose großer Datensätze gemacht, ohne betriebliche Dichte zu verlieren.
Auf einen Blick
Visuelle Merkmale
- Fester Kopf und linke Navigation
- Permanente Abfrage-, Filter- und Zeitsteuerung
- Tabellen und Zeitreihendiagramme in gemeinsamen Panels
- Helle Serienfarben nur für Daten
Geeignet für
- Log and security investigation screens
- Products that combine query, table, visualization and detail
Diesen Stil verwenden
Nutze das Kurzbriefing im Projekt oder übergib die strukturierte Spezifikation an ein KI-Werkzeug.
Ausführliche Anleitung und QuellenProduktionsregeln, Referenzwerke, Vergleiche, Forschung und Zitate
Wörterbucheintrag
- Typografie
- Separate monospaced values from explanatory sans text and never rely on color alone.
- Komposition
- Give navigation, query, visualization and detail stable regions; keep time and filters visible.
- Material
- Layer neutral surfaces, reserve blue for interaction and bright hues for data series.
- Zu vermeiden
- More charts do not create more insight. Remove any panel or series that does not answer the current question.
- Zum Weiterlesen
- EUI page templates / Elastic Charts / Amsterdam and Borealis themes
Verwandte Einträge
- Carbon Design System (Carbon Design System)Gleiche Familie: Bildschirmsprachen.Elastic UI und Carbon Design System vergleichen
- Solarized (ソラライズド)Gemeinsame Wirkungen: Technique / Trust.Elastic UI und Solarized vergleichen
Mehr aus Bildschirmsprachen
Weitere Stile aus Bildschirmsprachen, nach gemeinsamen Wirkungen geordnet.
- BBC Global Experience Language (BBC GEL)Gemeinsame Wirkungen: Trust / Technique / Exhilaration.
- Mozilla Protocol (Mozilla Protocol)Gemeinsame Wirkungen: Technique / Trust / Exhilaration.
- Motif (モチーフ)Gemeinsame Wirkungen: Technique / Trust.
Alle Einträge aus Bildschirmsprachen ansehen
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/elastic-ui
- Markdown
- [Elastic UI — IndexStyle](https://indexstyle.org/de/styles/elastic-ui)
- HTML
- <a href="https://indexstyle.org/de/styles/elastic-ui">Elastic UI — IndexStyle</a>