Materialdesign: Textfarbeinstellungen

Ich versuche, die Google-Richtlinien für Materialdesign zu befolgen. Ich verwende die gleichen Einstellungen für die Textfarbe, aber der Text ist schwer zu lesen, da er in den Beispielen einen fast weißen Hintergrund hat.
http://www.google.com/design/spec/style/color.html

Der Standard-Alpha-Wert für Text auf weißem Hintergrund beträgt 87 % (#000000).
Sekundärtext, der in der visuellen Hierarchie weiter unten steht, sollte einen Alphawert von 54 % (#000000) haben.
Texthinweise für Benutzer, wie die in Textfeldern und Beschriftungen, haben eine noch geringere visuelle Hervorhebung und sollten einen Alpha-Wert von 26% (#000000) haben.

Meine Hintergrundfarbe ist #efefef und die Farbe des Etikettentextes ist schwarz mit 26 % Deckkraft, sodass er schwer lesbar ist. Haben Sie einen Vorschlag, wie Sie die Textfarbe anpassen können (vielleicht eine allgemeine Regel), damit ich diesen Hintergrund verwenden kann?

Ich kann aus diesem Klappentext von Google weder Kopf noch Zahl machen. Es macht keinen Sinn, wie sie das geschrieben haben. Als solches würde ich wählen, was für Sie richtig aussieht. Richtlinien sind genau das ... Richtlinien. Wenn Sie Grund haben, sie zu ändern, fahren Sie fort.
Ich bin da auch bei DA01. Stellen Sie sicher, dass genügend Kontrast vorhanden ist, damit die Lesbarkeit kein Problem darstellt. Machen Sie dann alles, was gut zu Ihrem Design und im Kontext seiner Verwendung passt.
Danke Leute, ich werde nur die Deckkraft erhöhen. Ich denke, sie haben diese Richtlinien eher für Entwickler als für Designer geschrieben.

Antworten (1)

Gemäß den Richtlinien ist 26 % Deckkraft für Hinweistext und deaktivierten Text vorgesehen. Auffälligere Beschriftungen sollten zu 87 % oder zu 54 % schwarz sein, je nachdem, ob es sich um Primär- oder Sekundärtext handelt.

In der von Ihnen zitierten Richtlinie:

Texthinweise für Benutzer, wie die in Textfeldern und Beschriftungen, haben eine noch geringere visuelle Hervorhebung und sollten einen Alpha-Wert von 26% (#000000) haben.

Beachten Sie, dass sie sich auf „Texthinweise“ bezogen und sagten, dass sie „noch geringere visuelle Hervorhebung“ haben sollten.

Die neueste Version der Richtlinien schlägt ein bisschen mehr Deckkraft für hellen Text auf dunklem Hintergrund vor, aber ansonsten sind sie gleich:

Hinweise und deaktivierter Text und Symbole haben eine Deckkraft von 26 % für dunklen Text auf hellem Hintergrund und eine Deckkraft von 30 % für weißen Text auf dunklem Hintergrund.

Die aktuellen Richtlinien sind unter UI Farbanwendung einsehbar . (Dieser Abschnitt ist etwas verwirrend, da sie die dunklen Farben anhand einer Tabelle mit unterschiedlichen Text- und Hintergrundfarben auflisten, die nicht den Richtlinien entsprechen.)

"... Tabelle mit unterschiedlichen Text- und Hintergrundfarben, die nicht den Richtlinien entsprechen". So wahr. Ich wurde mit einem ähnlichen Problem mit den Farben der Schaltflächen verwechselt.
Materialdesign: Textfarbeinstellungen
AntwortenHierDatenschutz-Bestimmungen1y, 0v