{"id":1388,"date":"2020-04-04T15:05:00","date_gmt":"2020-04-04T13:05:00","guid":{"rendered":"http:\/\/www.claudio-bechinie.de\/Wordpress-Test\/?p=1388"},"modified":"2020-07-27T13:10:10","modified_gmt":"2020-07-27T11:10:10","slug":"farben","status":"publish","type":"post","link":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/?p=1388","title":{"rendered":"Farben"},"content":{"rendered":"\n

W\u00e4hlt man die Farben f\u00fcr Hintergrund und Schriftfarbe aus, muss man auf drei Dinge achten:<\/p>\n\n\n\n

Lesbarkeit, Lesbarkeit und Lesbarkeit!<\/p>\n\n\n\n

Der Kontrast<\/h5>\n\n\n\n
\"\"<\/figure><\/div>\n\n\n\n

Nur wenn ein m\u00f6glichst hoher Kontrast zwischen Hintergrund und Textfarbe erreicht wird, kann ein Text gut gelesen werden. Dabei kann der Kontrast bei sehr gro\u00dfen Texten (wie zum Beispiel dem Titel) zur Not auch einmal etwas schw\u00e4cher ausfallen, weil die Gr\u00f6\u00dfe des Textes das meist ausgleicht. Je kleiner der Text aber ist, desto st\u00e4rker muss der Kontrast sein.<\/p>\n\n\n\n

Um einen ausreichenden Kontrast zu erkennen, reicht schon das eigene Auge. Wie auf der Grafik links erkennt man recht schnell, ob ein Text gut lesbar ist oder nicht. Gelbe Schrift auf wei\u00dfem Hintergrund oder dunkelblau auf schwarz \u2013 das erkennt jeder.<\/p>\n\n\n\n

F\u00fcr Fortgeschrittene:<\/strong>
Wenn man sich einmal unsicher ist und sich ein bisschen mit Grafikprogrammen auskennt, kann man die verwendeten Farbwerte testen (#000000 = schwarz, #FFFFFF = wei\u00df, anstelle von \u201e0\u201c oder \u201eF\u201c sind alle Werte von \u201e0 bis 9\u201c und von \u201eA bis F\u201c erlaubt und ergeben dann die Farben): Hier<\/a><\/em><\/strong> findet man eine Seite, auf der man die Farb- und Kontrastwerte testen kann. Wichtig sind die beiden oberen Werte in der rechten Spalte. Der oberste Wert sollte gr\u00f6\u00dfer als 125 sein, der Wert darunter gr\u00f6\u00dfer als 400 \u2013 optimal gr\u00f6\u00dfer als 500 \u2013 sein. Die Seite gibt es leider nur auf englisch, sie ist aber eigentlich selbsterkl\u00e4rend.<\/p>\n\n\n\n

Ein kostenloses Grafikprogramm mit professionellem Anspruch ist Gimp (http:\/\/www.gimp.org\/<\/a>). Das Programm bietet eine komplett deutsche Oberfl\u00e4che, erfordert aber eine lange Einarbeitung, um es wirklich sinnvoll nutzen zu k\u00f6nnen.<\/p>\n\n\n\n

Der Hintergrund<\/h5>\n\n\n\n

Wichtig f\u00fcr die Lesbarkeit ist aber nat\u00fcrlich auch der Hintergrund. Ein einfarbiger Hintergrund sorgt \u2013 bei ausreichendem Kontrast \u2013 f\u00fcr eine gute Lesbarkeit. Ein unruhiger Hintergrund verringert sie in der Regel.<\/p>\n\n\n\n

Das folgende Beispiel zeigt, dass zum Beispiel ein Fotohintergrund eine Pr\u00e4sentation sehr interessant aussehen lassen kann. Durch eine relativ gro\u00dfe Schrift ist die Lesbarkeit (gerade) noch gew\u00e4hrleistet. Erreicht wird das dadurch, dass man zwischen Hintergrund und Text eine Fl\u00e4che einf\u00fcgt, die man einf\u00e4rbt (je nach gew\u00fcnschtem Effekt heller oder dunkler) und der man dann eine gewisse Transparenz (Durchsichtigkeit) verleiht. So wird der Hintergrund etwas ruhiger und trotzdem scheint das Foto noch hindurch.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
Die passende Farbe<\/h5>\n\n\n\n

Ein wichtiger Punkt bei der Farbwahl der Pr\u00e4sentation ist die Farbassoziation \u2013 die Farbe sollte zum Thema passen!<\/p>\n\n\n\n

Eine Pr\u00e4sentation zum Thema Sonne in gr\u00fcn, eine zum Thema Wasser in gelb oder eine Pr\u00e4sentation zum Thema Sommerwiese in blau \u2013 alles das wird man als unpassend empfinden. Der Inhalt der Pr\u00e4sentation kann noch so gut sein \u2013 die Frage wird auftauchen, warum gerade diese unpassende Farbe gew\u00e4hlt wurde.<\/p>\n\n\n\n

Dabei reicht eigentlich schon ein simpler Trick: Schaut euch Fotos zu eurem Thema an. Der Farbton, der am h\u00e4ufigsten auftaucht, ist mit Sicherheit geeignet.<\/p>\n\n\n\n

Als Hilfestellung kann aber auch die folgende Tabelle dienen:<\/p>\n\n\n\n

Wei\u00df<\/td>Reinheit, Unschuld<\/td><\/tr>
 Schwarz<\/td>Tod, Trauer, Eleganz, Schwere, Ernst<\/td><\/tr>
 Grau<\/td>Neutralit\u00e4t, Eleganz<\/td><\/tr>
 Blau<\/td>Wasser, wirkt k\u00fchl,
steigert die Wirkung warmer T\u00f6ne<\/td><\/tr>
 Rot<\/td>Feuer, W\u00e4rme, Dynamik, Aktivit\u00e4t, Warnfarbe<\/td><\/tr>
 Gelb<\/td>Anregend, heiter, dynamisch,
verst\u00e4rkt die Wirkung anderer Farbt\u00f6ne<\/td><\/tr>
 Orange<\/td>Hohes Ma\u00df an Aktivit\u00e4t, erregt Aufmerksamkeit<\/td><\/tr>
 Gr\u00fcn<\/td>Natur, Wachstum, beruhigend<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n

Das alles sind aber trotzdem nur Vorschl\u00e4ge. W\u00e4hlt man eine vollkommen andere Farbgebung und kann diese begr\u00fcnden, ist nat\u00fcrlich nichts dagegen einzuwenden. Abschlie\u00dfend noch ein Beispiel f\u00fcr eine \u201emutige\u201c Farbwahl, die aber trotzdem perfekt zum Thema passt. Aufpassen muss man hierbei, dass die Texte gut lesbar sind.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\n\n\n\n

\u00a9 Texte und Bilder by Claudio Bechinie @ Leonardo da Vinci Gymnasium Berlin<\/p><\/blockquote>\n","protected":false},"excerpt":{"rendered":"

W\u00e4hlt man die Farben f\u00fcr Hintergrund und Schriftfarbe aus, muss man auf drei Dinge achten: Lesbarkeit, Lesbarkeit und Lesbarkeit!<\/p>\n","protected":false},"author":1,"featured_media":2464,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","ngg_post_thumbnail":0,"footnotes":""},"categories":[67],"tags":[68],"class_list":["post-1388","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-praesentationen","tag-praesentationen"],"featured_image_urls_v2":{"full":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06.jpg",990,756,false],"thumbnail":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-150x150.jpg",150,150,true],"medium":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-300x229.jpg",300,229,true],"medium_large":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-768x586.jpg",750,572,true],"large":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06.jpg",750,573,false],"1536x1536":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06.jpg",990,756,false],"2048x2048":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06.jpg",990,756,false],"post-thumbnail":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-750x450.jpg",750,450,true],"gambit-header-image":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-990x420.jpg",990,420,true],"gambit-thumbnail-archive":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-300x240.jpg",300,240,true],"gambit-thumbnail-small":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-100x75.jpg",100,75,true],"gambit-thumbnail-medium":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-300x200.jpg",300,200,true],"gambit-thumbnail-large":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-420x280.jpg",420,280,true],"tzwb-thumbnail":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-80x64.jpg",80,64,true]},"post_excerpt_stackable_v2":"

W\u00e4hlt man die Farben f\u00fcr Hintergrund und Schriftfarbe aus, muss man auf drei Dinge achten: Lesbarkeit, Lesbarkeit und Lesbarkeit!<\/p>\n","category_list_v2":"Pr\u00e4sentationen<\/a>","author_info_v2":{"name":"cbechinie","url":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/?author=1"},"comments_num_v2":"0 comments","uagb_featured_image_src":{"full":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06.jpg",990,756,false],"thumbnail":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-150x150.jpg",150,150,true],"medium":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-300x229.jpg",300,229,true],"medium_large":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-768x586.jpg",750,572,true],"large":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06.jpg",750,573,false],"1536x1536":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06.jpg",990,756,false],"2048x2048":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06.jpg",990,756,false],"post-thumbnail":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-750x450.jpg",750,450,true],"gambit-header-image":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-990x420.jpg",990,420,true],"gambit-thumbnail-archive":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-300x240.jpg",300,240,true],"gambit-thumbnail-small":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-100x75.jpg",100,75,true],"gambit-thumbnail-medium":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-300x200.jpg",300,200,true],"gambit-thumbnail-large":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-420x280.jpg",420,280,true],"tzwb-thumbnail":["https:\/\/www.leonardo-da-vinci-gymnasium.de\/wp-content\/uploads\/2020\/06\/Beispiel06-80x64.jpg",80,64,true]},"uagb_author_info":{"display_name":"cbechinie","author_link":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/?author=1"},"uagb_comment_info":0,"uagb_excerpt":"W\u00e4hlt man die Farben f\u00fcr Hintergrund und Schriftfarbe aus, muss man auf drei Dinge achten: Lesbarkeit, Lesbarkeit und Lesbarkeit!","_links":{"self":[{"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=\/wp\/v2\/posts\/1388","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1388"}],"version-history":[{"count":24,"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=\/wp\/v2\/posts\/1388\/revisions"}],"predecessor-version":[{"id":2466,"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=\/wp\/v2\/posts\/1388\/revisions\/2466"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=\/wp\/v2\/media\/2464"}],"wp:attachment":[{"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1388"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1388"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.leonardo-da-vinci-gymnasium.de\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1388"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}