Ausrichtung der Materialdesign-Symbole in der Box zum Erstellen von Android-Assets
Ernst W
Ich habe etwas in den Materialdesign-Richtlinien gesehen, das mich stört – die Art und Weise, wie die Symbole an globalen Rändern ausgerichtet sind: Die Ausrichtung bezieht sich auf die Symbolbox und nicht auf das Symbol selbst, zum Beispiel: https://material.google.com/layout /structure.html#structure-app-bar im Messwertbereich und Hamburger-Schaltfläche.
Wenn ich in der App-Leiste ein Symbol mit einem Bereich von 24 x 24 dp und einem darin zentrierten Symbol erstelle, richte ich dieses Quadrat am linken Rand des Bildschirms (16 dp) aus, das Symbol selbst ist nicht an diesem Rand ausgerichtet.
Das Problem ist, wenn ich eine Liste habe (mit Text oder irgendetwas anderem), ist der Unterschied sichtbar.
Wie sollte die Ausrichtung für die Entwicklung technisch korrekt sein?
Soll ich die Symbolkante und den Text am globalen Rand (16 dp) ausrichten (wobei das Symbol beim Vorbereiten von Android-Assets in seinem Quadrat nach links ausgerichtet wird) oder den Text am Anfang des Symbols ausrichten, wodurch der Text nicht am globalen Rand ausgerichtet wird?
... oder die Symbolkante in diesem "zentrierten" Quadrat sollte am globalen Rand ausgerichtet sein und sein Quadrat würde nicht an diesem Rand ausgerichtet sein, wodurch es näher am Bildschirmrand liegt?
Antworten (1)
Cai
Die Material Design Guidelines sind, wie der Name schon sagt, Guidelines .
Es sind keine konkreten Regeln, nach denen man leben und sterben muss, sondern der Versuch einer einheitlichen Bildsprache. Wenn etwas in den Richtlinien Probleme mit Ihrem Design verursacht, tun Sie es nicht. So einfach ist das. Genau wie jedes andere Design-Tool soll es Ihnen helfen und Ihr Leben erleichtern, wenn ein Teil davon das nicht tut, ignorieren Sie es.
Nirgendwo in den Richtlinien steht, dass die von Ihnen beschriebene Situation das ist, was Sie tun müssen oder sollten . Die Richtlinien zu Symbolen schlagen vor, in der Mitte eines Rasters zu entwerfen. Die Richtlinien im Layout der App-Leiste definieren Ränder/Auffüllungen um Symbole in der App-Leiste. Aber das ist alles. Wenn Sie bemerken, dass einige der Symbole in den Beispielbildern in Begrenzungsrahmen unterschiedlicher Größe gezeichnet sind (dh nicht alle 24dp-Quadrate oder was auch immer Sie verwenden).
In Ihrer Situation zeichnen Sie also entweder das Symbol in einem kleineren Begrenzungsrahmen, vergrößern die Größe des Symbols im Rahmen oder passen die Ränder oder den Abstand um das Symbol herum an.
Verwenden Sie die Richtlinien als Ausgangspunkt und Leitfaden für Ihr Design, aber folgen Sie nicht jedem geschriebenen Wort, wenn es Ihr Design oder Ihren Prozess behindert.
Ernst W
Was könnte eine gute Position für die Ansicht sein, die die Dauer im Layout anzeigt?
Was ist das Slice-Tool und wie werden sie praktisch eingesetzt?
Was sind die Best Practices beim Entwerfen einer mobilen Zielseiten-Benutzeroberfläche mit einer Gruppe verschiedener Schaltflächen mit unterschiedlichen Funktionalitäten? [geschlossen]
Gute Möglichkeit, wichtige Werte auf begrenztem Raum hervorzuheben
Welche Farbe sollte dem Ripple-Feedback gegeben werden?
Wird das „Standard“-Design beim Entwerfen einer Android-App auf verschiedenen Geräten unterschiedlich sein?
Material Design: Soll die Statusleiste anders aussehen als die Aktionsleiste?
Was ist mit „Entwerfen eines Symbols mit 100 % Skalierung“ gemeint?
Wie erzeuge ich Tönungs-, Schatten- und Schattenfarben im Illustrator?
Wie verhindere ich, dass meine schwebende Aktionsschaltfläche andere Komponenten blockiert?
Cai
Ernst W
Cai
Ernst W