Holo

ホロ / 2011–2014 / Stil / Google UI

Die Gestaltungssprache, die Google mit Android 3.0 einführte und deren unveränderte Übernahme mit 4.0 zur Kompatibilitätsanforderung jedes Geräts wurde. Sie zieht Haarlinien auf schwarzem Grund und lässt ein einziges Cyanblau nur Auswahl, Eingabe und Fortschritt aufleuchten. Ausgeliefert wurde sie zusammen mit einem Versprechen, dass eine App, die dieses Thema beim Namen anfordert, auch auf einem Telefon mit der Oberfläche des Herstellers unverändert dargestellt wird.

Holo — Sperrbildschirm von Android 4.1 (Galaxy Nexus), 2012 — Wikimedia Commons / CC BY 2.5 · © Android Open Source project — Sperrbildschirm von Android 4.1 (Galaxy Nexus), 2012 — Wikimedia Commons / CC BY 2.5 · CC BY 2.5 · © Android Open Source project

Holo — Warndialog und Listenansicht von Android 4.3, 2014 — Wikimedia Commons / Public domain — Warndialog und Listenansicht von Android 4.3, 2014 — Wikimedia Commons / Public domain

Auf einen Blick

Visuelle Merkmale

Weiße Schrift auf Schwarz, und getrennt wird mit Haarlinien von einem Pixel statt mit gefüllten Flächen
Ein einziges Cyanblau, #33B5E5, leuchtet nur bei der Auswahl, beim Unterstrich des Eingabefelds und beim Fortschritt
Oben eine Aktionsleiste über die volle Breite, unten ein Streifen mit den virtuellen Tasten für Zurück, Startseite und Verlauf
Reiterbeschriftungen und Zwischentitel in Listen stehen fett und in Großbuchstaben

Geeignet für

Den Bildschirm einer Android-App aus den Jahren 2011 bis 2013 mit den damaligen Bauteilen und Themennamen nachstellen
In einer dunklen Verwaltungsoberfläche Hierarchie allein aus Haarlinien und einer Akzentfarbe aufbauen, ohne Flächen oder Schatten

Diesen Stil verwenden

Nutze das Kurzbriefing im Projekt oder übergib die strukturierte Spezifikation an ein KI-Werkzeug.

design.md Bild-Prompt JSON API MCP und Maschinenzugriff Verbinden

in ChatGPT öffnen in Claude öffnen in Google AI öffnen

Ausführliche Anleitung und QuellenProduktionsregeln, Referenzwerke, Vergleiche, Forschung und Zitate

Wörterbucheintrag

Typografie: Eine einzige, geometrisch geprägte Groteske für die gesamte Oberfläche, in nur zwei Stärken, normal und fett. Reiter und Zwischentitel stehen in Großbuchstaben mit leicht geöffneter Laufweite.
Komposition: Oben wird eine Aktionsleiste über die volle Breite verankert, darunter füllt eine einspaltige Liste den Raum. Abschnitte werden durch Haarlinien statt durch Weißraum getrennt, und unten bleibt ein Streifen für die virtuellen Tasten frei.
Material: Der Grund ist schwarz oder ein blasses Grau in #F3F3F3, die Schrift weiß oder dunkelgrau. Linien sind ein Pixel Weiß mit verringerter Deckkraft. Der Akzent bleibt auf #33B5E5 beschränkt und leuchtet nur bei Druck, Auswahl und Fortschritt.
Zu vermeiden: Zeichnet man die Bauteile eigenhändig neu und löst sie damit vom Thema, verschwindet der einzige Vorzug dieses Stils, nämlich geräteübergreifend gleich auszusehen, und die eigene App fällt auf einem Telefon mit Herstelleroberfläche aus dem Rahmen.
Zum Weiterlesen: how the Android 4.0 compatibility definition document mandated the unmodified theme / why Theme.Holo and DeviceDefault were kept apart, and when each is used / how Roboto came to be made for high resolution screens, and the traits of its letterforms

Mehr aus Google UI

Weitere Stile aus Google UI, nach gemeinsamen Wirkungen geordnet.

Material You (Material You)Gemeinsame Wirkungen: Technique.

Alle Einträge aus Google UI 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/holo
Markdown: [Holo — IndexStyle](https://indexstyle.org/de/styles/holo)
HTML: <a href="https://indexstyle.org/de/styles/holo">Holo — IndexStyle</a>

Zurück zur Position im Index