Helper11-teaser

Kleine Helfer No.11: Material Design Colors

Kommentare 0
Blog

Heute 3 kleine Helferlein für den Umgang mit Farben im Material Design. Wem dieses Designprinzip jetzt nicht unbedingt gleich was sagt, sei die Google-Introduction ans Herz gelegt. Hier findet man übrigens neben einer umfassenden Beschreibung der neuen visuellen Sprache von Google auch die komplette Farbpalette, Templates und Schriften.

MaterialPalette

Die Seite materialpalette.com bietet einem die Möglichkeit zwei beliebige Farben zu wählen aus denen dann eine komplette Farbpalette für das Gestaltungskonzept erstellt wird. Diese kann man dann als CSS, SASS, LESS, SVG, XML oder einfach als PNG runterladen und erhält gleichzeitig ein Vorschaudesign mit den entsprechenden Farben.

materialpalette

MaterialDesignColors

Als zweiter kleiner Helfer zu diesem Thema sei die Seite Material Design Colors von Designskilz genannt. Hier wählt man ebenfalls aus der Farbpalette aus und erhält die jeweiligen Farbabstufungen als HEX, RGB und RGBA.

materialcolor

MDB

Das Interface Design  KIT MDB, ist ein auf Bootstrap basierendes Framework das sich dem Material Design von Google verschrieben hat. Wer also mit Bootstrap gute Erfahrungen gemacht hat und die Standard UI-Elemente schnell in eine moderne Optik tauchen möchte, ist hier genau richtig. Und so bietet MDB neben eigenen Bootstrap MD Colors und den Google MD Colors auch die volle MD Farbpalette.

MDB

Schreibe einen Kommentar