{"id":90610,"date":"2016-04-01T11:52:21","date_gmt":"2016-04-01T09:52:21","guid":{"rendered":"http:\/\/www.ifun.de\/?p=90610"},"modified":"2016-04-01T11:52:21","modified_gmt":"2016-04-01T09:52:21","slug":"material-colors-native-kleine-farblehre-fuer-googles-material-design","status":"publish","type":"post","link":"https:\/\/www.ifun.de\/material-colors-native-kleine-farblehre-fuer-googles-material-design-90610\/","title":{"rendered":"Material Colors Native: kleine Farblehre f\u00fcr Googles Material Design"},"content":{"rendered":"<p>Google hat mit seinem &#8222;Material Design&#8220; ein einheitliches Design f\u00fcr Apps der verschiedenen Arten (Android, Web) entwickelt. Wichtige Bestandteile sind die Typographie und die Farbgestaltung. Mit der kleinen App &#8222;Material colors Native&#8220; k\u00f6nnt ihr euch einen Helfer auf dem Mac installieren, der euch bei der Suche nach Farbkombinationen hilft.<\/p>\n<p>Material Colors Native ist keineswegs nur geeignet, wenn ihr Google nahe Projekte verwirklichen wollt &#8211; da ist es ja eher Pflicht. Die App eignet sich auch, um eure eigenen Web-Projekte mit schicken Farbkombinationen auszustatten.<\/p>\n<p><a href=\"https:\/\/github.com\/BafS\/Material-Colors-native\" target=\"_blank\">Material Colors Native<\/a> k\u00f6nnt ihr kostenlos auf Github herunterladen. Lasst euch dabei nicht von der Installationsanleitung auf Github irritieren. Knapp unterhalb des Vorschau-Bildes findet ihr einen Link &#8222;<a href=\"https:\/\/github.com\/BafS\/Material-Colors-native\/releases\/download\/v0.1.0\/MaterialColors.zip\" target=\"_blank\">Download the App<\/a>&#8222;, der euch die fertige App in den Download-Ordner packt.<\/p>\n<p>Die App tut nichts weiter, als Farben des Material Designs anzuzeigen. Die Farben sind in den verschiedenen Hauptfarben sortiert und die dazugeh\u00f6rigen Farbabstufungen werden euch im Fenster angezeigt. W\u00e4hlt ihr eine Farbe mit der Maus aus, wird der dazugeh\u00f6rige Hex-Code in die Zwischenablage kopiert und ihr k\u00f6nnt diesen Wert etwa in Photoshop oder in Webanwendungen direkt weiterverwenden.<\/p>\n<p><a href=\"http:\/\/images.ifun.de\/wp-content\/uploads\/2016\/04\/MaterialColors.jpg\" rel=\"attachment wp-att-90613\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/images.ifun.de\/wp-content\/uploads\/2016\/04\/MaterialColors.jpg\" alt=\"MaterialColors\" width=\"700\" height=\"1407\" class=\"aligncenter size-full wp-image-90613\" srcset=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2016\/04\/MaterialColors.jpg 700w, https:\/\/images.ifun.de\/wp-content\/uploads\/2016\/04\/MaterialColors-149x300.jpg 149w, https:\/\/images.ifun.de\/wp-content\/uploads\/2016\/04\/MaterialColors-509x1024.jpg 509w\" sizes=\"auto, (max-width: 700px) 100vw, 700px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<a href=\"https:\/\/www.ifun.de\/material-colors-native-kleine-farblehre-fuer-googles-material-design-90610\/\"><img width=\"150\" height=\"150\" src=\"https:\/\/images.ifun.de\/wp-content\/uploads\/2016\/04\/MaterialColor-150x150.jpg\" class=\"alignright tfe wp-post-image\" alt=\"\" decoding=\"async\" loading=\"lazy\" \/><\/a><p>Google hat mit seinem &#8222;Material Design&#8220; ein einheitliches Design f\u00fcr Apps der verschiedenen Arten (Android, Web) entwickelt. Wichtige Bestandteile sind die Typographie und die Farbgestaltung. Mit der kleinen App &#8222;Material colors Native&#8220; k\u00f6nnt ihr euch einen Helfer auf dem Mac installieren, der euch bei der Suche nach Farbkombinationen hilft. Material Colors Native ist keineswegs nur [&hellip;]<\/p>\n","protected":false},"author":18,"featured_media":90631,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[5],"tags":[2665,82,3098],"class_list":["post-90610","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apps","tag-farbwaehler","tag-google","tag-material-design"],"acf":[],"aioseo_notices":[],"featured_image":["http:\/\/images.ifun.de\/wp-content\/uploads\/2016\/04\/MaterialColors-feat.jpg"],"rest_api_enabler":{"featured_image":"http:\/\/images.ifun.de\/wp-content\/uploads\/2016\/04\/MaterialColors-feat.jpg"},"_links":{"self":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/90610","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/users\/18"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/comments?post=90610"}],"version-history":[{"count":3,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/90610\/revisions"}],"predecessor-version":[{"id":90633,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/posts\/90610\/revisions\/90633"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media\/90631"}],"wp:attachment":[{"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/media?parent=90610"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/categories?post=90610"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ifun.de\/apiv2\/wp\/v2\/tags?post=90610"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}