{"id":200,"date":"2007-03-02T13:27:25","date_gmt":"2007-03-02T12:27:25","guid":{"rendered":"http:\/\/www.web-3-null.de\/index.php\/web-20\/farben-im-web-und-online-marketing.html"},"modified":"2008-02-09T04:10:27","modified_gmt":"2008-02-09T03:10:27","slug":"farben-im-web-und-online-marketing","status":"publish","type":"post","link":"https:\/\/www.web-3-null.de\/index.php\/farben-im-web-und-online-marketing\/","title":{"rendered":"Farben im Web und Online Marketing"},"content":{"rendered":"<p>Farben \u00fcbertragen Informationen und Emotionen. Entsprechend wichtig sind sie f\u00fcr alle Webauftritte sowie das Online Marketing. Zun\u00e4chst zum Farbraum. Normalerweise stellt man sich vor, dass zwischen Schwarz und Wei\u00df die Grundfarben Rot, Blau und Gelb\/Gr\u00fcn liegen. Stimmt nicht ganz. Der Farbraum beschreibt die technische Darstellbarkeit unter anderem auch nach Helligkeit und Intensit\u00e4t.<\/p>\n<p>Hier ist ein Vergleich zum Druck interessant. Kein Monitor kann all das darstellen, was man auf dem Papier wiedergeben kann, u.a. in den Punkten Brillanz und S\u00e4ttigung. Auch bei Monitoren gibt es deutliche Unterschiede, etwa zwischen Kathodenstrahlger\u00e4ten, LCD und TFT. Und zwischen verschiedenen Herstellern. Der eine Monitor hat einen gr\u00f6\u00dferen Farbraum, als der andere. Entsprechend kann man nicht vorhersagen, wie das Bild beim Benutzer denn nun genau aussieht. An alle klassischen Werbeagenturen: vergessen Sie besser, was Sie vom Papier her gelernt haben und gehen Sie nicht in farblich extreme Darstellungen.<\/p>\n<p>Zweiter Punkt sind Alter und Farbtemperatur eines Monitors. Vor allem \u00e4ltere Kathodenstrahler verschieben kr\u00e4ftig die Farben (Farbstich). Grund ist neben der Alterung auch eine leichte Dejustierung der Kan\u00e4le. Passiert eben. Fr\u00fche LCD Monitore hatten einen sehr kleinen Farbraum und zudem extreme Probleme beim Kontrast. Damit direkt zum n\u00e4chsten Punkt. Erst mit dem Auftauchen der TFTs und DSTNs wurden Flachbildschirme f\u00fcr grafische Arbeiten nutzbar, sie sind durchweg in ihrer m\u00f6glichen Helligkeitsabstufung feiner. Die installierte Basis aller Monitore unterscheidet sich extrem.<br \/>\nViele Benutzer stellen ihre Monitore individuell ein, je nach Sehgewohnheiten. Hinzu kommen schon ab Hersteller unterschiedliche Farbtemperaturen (gemessen in Kelvin). Und nicht zuletzt nehmen Menschen Farben v\u00f6llig unterschiedlich war. Beispielsweise haben eine ganze Menge Leute eine Rot-Gr\u00fcn Schw\u00e4che, sie verwechseln schlicht gleich helles Rot oder Gr\u00fcn (bitte nicht politisch verstehen ;-)). Seltener, aber auch vorkommend, ist eine Rot-Blau Schw\u00e4che. Sie k\u00f6nnen die Farben bei gleicher Intensit\u00e4t schlichtweg schlecht auseinander halten. Wer also ein Rot und in Gr\u00fcn in gleicher Intensit\u00e4t und Helligkeit direkt nebeneinander setzt, sorgt f\u00fcr Unverst\u00e4ndnis bei einem Teil seiner Zuseher.<\/p>\n<p>Was lernt man daraus?<\/p>\n<p>1. Websichere Farben verwenden, die eindeutig ankommen<\/p>\n<p>2. Sinnvolle Kontraste verwenden, die auch 100% wahrgenommen werden.<\/p>\n<p>3. Eine superteure Produktion mit Farbmanagement a la Druck bringt nichts &#8211; die Benutzer drau\u00dfen nehmen es eh unterschiedlich wahr.<\/p>\n<p>P.S. Das Ganze ist mir mal wieder aufgefallen bei einem Web 2.0 Portal &#8211; aua.\n<\/p>\n<p><!--3be4e0951b08834713b6904b778e2908--><\/p>\n<div class=\"shariff shariff-align-flex-start shariff-widget-align-flex-start\"><ul class=\"shariff-buttons theme-default orientation-horizontal buttonsize-medium\"><li class=\"shariff-button facebook shariff-nocustomcolor\" style=\"background-color:#4273c8\"><a href=\"https:\/\/www.facebook.com\/sharer\/sharer.php?u=https%3A%2F%2Fwww.web-3-null.de%2Findex.php%2Ffarben-im-web-und-online-marketing%2F\" title=\"Bei Facebook teilen\" aria-label=\"Bei Facebook teilen\" role=\"button\" rel=\"nofollow\" class=\"shariff-link\" style=\"; background-color:#3b5998; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 18 32\"><path fill=\"#3b5998\" d=\"M17.1 0.2v4.7h-2.8q-1.5 0-2.1 0.6t-0.5 1.9v3.4h5.2l-0.7 5.3h-4.5v13.6h-5.5v-13.6h-4.5v-5.3h4.5v-3.9q0-3.3 1.9-5.2t5-1.8q2.6 0 4.1 0.2z\"\/><\/svg><\/span><span class=\"shariff-text\">teilen<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button twitter shariff-nocustomcolor\" style=\"background-color:#595959\"><a href=\"https:\/\/twitter.com\/share?url=https%3A%2F%2Fwww.web-3-null.de%2Findex.php%2Ffarben-im-web-und-online-marketing%2F&text=Farben%20im%20Web%20und%20Online%20Marketing\" title=\"Bei X teilen\" aria-label=\"Bei X teilen\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#000; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\"><path fill=\"#000\" d=\"M14.258 10.152L23.176 0h-2.113l-7.747 8.813L7.133 0H0l9.352 13.328L0 23.973h2.113l8.176-9.309 6.531 9.309h7.133zm-2.895 3.293l-.949-1.328L2.875 1.56h3.246l6.086 8.523.945 1.328 7.91 11.078h-3.246zm0 0\"\/><\/svg><\/span><span class=\"shariff-text\">teilen<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button whatsapp shariff-nocustomcolor\" style=\"background-color:#5cbe4a\"><a href=\"https:\/\/api.whatsapp.com\/send?text=https%3A%2F%2Fwww.web-3-null.de%2Findex.php%2Ffarben-im-web-und-online-marketing%2F%20Farben%20im%20Web%20und%20Online%20Marketing\" title=\"Bei Whatsapp teilen\" aria-label=\"Bei Whatsapp teilen\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#34af23; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 32 32\"><path fill=\"#34af23\" d=\"M17.6 17.4q0.2 0 1.7 0.8t1.6 0.9q0 0.1 0 0.3 0 0.6-0.3 1.4-0.3 0.7-1.3 1.2t-1.8 0.5q-1 0-3.4-1.1-1.7-0.8-3-2.1t-2.6-3.3q-1.3-1.9-1.3-3.5v-0.1q0.1-1.6 1.3-2.8 0.4-0.4 0.9-0.4 0.1 0 0.3 0t0.3 0q0.3 0 0.5 0.1t0.3 0.5q0.1 0.4 0.6 1.6t0.4 1.3q0 0.4-0.6 1t-0.6 0.8q0 0.1 0.1 0.3 0.6 1.3 1.8 2.4 1 0.9 2.7 1.8 0.2 0.1 0.4 0.1 0.3 0 1-0.9t0.9-0.9zM14 26.9q2.3 0 4.3-0.9t3.6-2.4 2.4-3.6 0.9-4.3-0.9-4.3-2.4-3.6-3.6-2.4-4.3-0.9-4.3 0.9-3.6 2.4-2.4 3.6-0.9 4.3q0 3.6 2.1 6.6l-1.4 4.2 4.3-1.4q2.8 1.9 6.2 1.9zM14 2.2q2.7 0 5.2 1.1t4.3 2.9 2.9 4.3 1.1 5.2-1.1 5.2-2.9 4.3-4.3 2.9-5.2 1.1q-3.5 0-6.5-1.7l-7.4 2.4 2.4-7.2q-1.9-3.2-1.9-6.9 0-2.7 1.1-5.2t2.9-4.3 4.3-2.9 5.2-1.1z\"\/><\/svg><\/span><span class=\"shariff-text\">teilen<\/span>&nbsp;<\/a><\/li><li class=\"shariff-button linkedin shariff-nocustomcolor\" style=\"background-color:#1488bf\"><a href=\"https:\/\/www.linkedin.com\/sharing\/share-offsite\/?url=https%3A%2F%2Fwww.web-3-null.de%2Findex.php%2Ffarben-im-web-und-online-marketing%2F\" title=\"Bei LinkedIn teilen\" aria-label=\"Bei LinkedIn teilen\" role=\"button\" rel=\"noopener nofollow\" class=\"shariff-link\" style=\"; background-color:#0077b5; color:#fff\" target=\"_blank\"><span class=\"shariff-icon\" style=\"\"><svg width=\"32px\" height=\"20px\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 27 32\"><path fill=\"#0077b5\" d=\"M6.2 11.2v17.7h-5.9v-17.7h5.9zM6.6 5.7q0 1.3-0.9 2.2t-2.4 0.9h0q-1.5 0-2.4-0.9t-0.9-2.2 0.9-2.2 2.4-0.9 2.4 0.9 0.9 2.2zM27.4 18.7v10.1h-5.9v-9.5q0-1.9-0.7-2.9t-2.3-1.1q-1.1 0-1.9 0.6t-1.2 1.5q-0.2 0.5-0.2 1.4v9.9h-5.9q0-7.1 0-11.6t0-5.3l0-0.9h5.9v2.6h0q0.4-0.6 0.7-1t1-0.9 1.6-0.8 2-0.3q3 0 4.9 2t1.9 6z\"\/><\/svg><\/span><span class=\"shariff-text\">teilen<\/span>&nbsp;<\/a><\/li><\/ul><\/div>","protected":false},"excerpt":{"rendered":"<p>Farben \u00fcbertragen Informationen und Emotionen. Entsprechend wichtig sind sie f\u00fcr alle Webauftritte sowie das Online Marketing. Zun\u00e4chst zum Farbraum. Normalerweise stellt man sich vor, dass zwischen Schwarz und Wei\u00df die Grundfarben Rot, Blau und Gelb\/Gr\u00fcn liegen. Stimmt nicht ganz. Der Farbraum beschreibt die technische Darstellbarkeit unter anderem auch nach Helligkeit und Intensit\u00e4t. Hier ist ein &hellip; <a href=\"https:\/\/www.web-3-null.de\/index.php\/farben-im-web-und-online-marketing\/\" class=\"more-link\"><span class=\"screen-reader-text\">\u201eFarben im Web und Online Marketing\u201c <\/span>weiterlesen<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[5,3,2],"tags":[],"class_list":["post-200","post","type-post","status-publish","format-standard","hentry","category-online-marketing","category-web-10","category-web-20"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/posts\/200","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/comments?post=200"}],"version-history":[{"count":0,"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/posts\/200\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/media?parent=200"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/categories?post=200"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.web-3-null.de\/index.php\/wp-json\/wp\/v2\/tags?post=200"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}