Anpassen

Durch das Anpassen des Designs Ihrer Aktion können Sie Ihre Marke besser repräsentieren und Nutzern einen visuellen Kontext bieten.

Übersicht


Farbe

Die Farbe ist eine starke Markenkennzeichnung. Sie können die Haupt- und Hintergrundfarben Ihrer Marke anpassen. Die primäre Farbe wird verwendet, um wichtige Komponenten auf der visuellen Oberfläche wie den Kartentitel und Aktionsschaltflächen hervorzuheben. Diese Farbe sollte die Farbe sein, die am häufigsten mit Ihrer Marke in Verbindung gebracht wird.

Wählen Sie zuerst eine Hauptfarbe aus.

Nachdem Sie eine Hauptfarbe ausgewählt haben, wählen Sie eine Hintergrundfarbe für die primäre und die sekundäre Textfarbe aus.

Die Hintergrundfarbe kann eine hellere Version der Primärfarbe sein.

Die Hintergrundfarbe kann eine ergänzende Farbe sein.

Damit die ausgewählten Farben verfügbar sind, führen wir in der Entwicklerkonsole eine Farbkontrastprüfung durch, um dafür zu sorgen, dass die primären und die Hintergrundfarben sowie die sekundären und Hintergrundfarben ein ausreichendes Farbkontrastverhältnis aufweisen. Weitere Informationen zum Auswählen und Koordinieren von primären und Hintergrundfarben finden Sie auf der Material Design-Website.

Hintergrundbild

Eine der wirkungsvollsten Möglichkeiten, einer Karte eine visuelle Vielseitigkeit und Dimension zu verleihen, ist die Verwendung eines Bildes als Hintergrund anstelle einer Volltonfarbe. Beachten Sie Folgendes, wenn Sie ein Bild als Hintergrund auswählen:
Damit das Vordergrundbild gut lesbar ist, wird eine dunkle Schutzmaske auf das Hintergrundbild angewendet. Der Text wird automatisch weiß.

Diese Basiskarte verwendet ein Hintergrundbild. Jedes Hintergrundbild wird durch ein Hintergrundbild ersetzt. Wählen Sie also die Option, die am besten zu Ihrer Marke passt.

Das Bild muss neutral genug sein, um das gewünschte Aussehen durch mehrere Dialogwechsel zu wahren. Hier gilt dasselbe Hintergrundbild sowohl für die Basiskarte oben als auch für diese Karussellkarte.


Typografie

Typografie kann Ihre Marke zum Ausdruck bringen und die Aufmerksamkeit der Nutzer auf die wichtigsten Informationen lenken. Für die größte Wirkung kannst du den größten Text wie den Titel auf jeder Karte in deiner Aktion anpassen. An dieser Stelle kannst du eine ausdrucksstarke Schriftart wie eine Serifenschrift, eine Schriftart im Schriftstil oder eine schwerere Schrift verwenden, um Aufmerksamkeit zu erregen und den sekundären Text zu kontrastieren. Allgemeine Hinweise zur Typografie finden Sie in der Material Design Foundation.

Wählen Sie eine Schriftart aus, die gut für sekundären Text geeignet ist.

Das ist möglich.

Mit ihrer kräftigen Schriftart und der hellen Farbe hebt sich diese Schriftart vom Hintergrund ab und zieht die Aufmerksamkeit auf den Titel der Karte.

Das ist nicht erlaubt.

Ohne dieses schwerere Gewicht ist diese Schriftart schwer zu lesen und lenkt den Blick nicht auf den Titel vor dem Haupttext.


Form

Bildform

Im Einklang mit den Komponenten der Material Foundation bietet die Form Ihrer Bilder eine weitere Dimension für die Ausdrucksstärke. Derzeit haben Sie die Möglichkeit, bei Bildern in abgewinkelten und kurvenförmigen Formen auszuwählen. Wählen Sie eine Bildform aus, die zum allgemeinen Markenstil passt.

Ihr Logo ist ein guter Ausgangspunkt, um sich bei der Auswahl der Form zu orientieren. In diesem Beispiel ist das Logo scharf und schräg, sodass die abgewinkelten Ecken der Marke entsprechen.

Auch andere Faktoren können dir bei der Entscheidung helfen. Die abgerundeten Ecken der Aktionsschaltfläche und das Logo entsprechen hier den geschwungenen Ecken des Bilds.

Weitere Informationen zur Auswahl von Bildformen finden Sie auf der Material Design-Website.