{"id":620,"date":"2023-05-09T12:00:31","date_gmt":"2023-05-09T10:00:31","guid":{"rendered":"https:\/\/tulipemedia.com\/?p=620"},"modified":"2023-05-09T14:01:26","modified_gmt":"2023-05-09T12:01:26","slug":"associate-colors-website-druckplakat","status":"publish","type":"post","link":"https:\/\/tulipemedia.com\/de\/associer-couleurs-site-web-print-affiche\/","title":{"rendered":"Website und Print: 5 Tipps zur Auswahl und Kombination der richtigen Farben"},"content":{"rendered":"<p style=\"text-align: justify;\">Ob f\u00fcr einen <strong>benennen<\/strong>\/<strong>Anf\u00e4nger-Webmaster<\/strong> oder f\u00fcr einen <strong>Gesch\u00e4ft<\/strong> Wer seine Spezifikationen schreibt, hat die Wahl <strong>Farben einer Website, eines Flyers, einer Visitenkarte, eines Posters oder einer Brosch\u00fcre<\/strong> ist eine entscheidende und zentrale \u00dcbung, sowohl in Bezug auf <strong>Ergonomie<\/strong> und Benutzererfahrung als die des <strong>Marketing<\/strong>. Also werden wir sehen <strong>wie man gute Farben ausw\u00e4hlt<\/strong> Abh\u00e4ngig vom Thema Ihrer Website oder Ihres Drucks und der beabsichtigten Zielgruppe. Sie werden sehen, dass auf dieser Ebene nichts dem Zufall \u00fcberlassen werden sollte, sonst w\u00fcrde Ihre Kommunikation an Glaubw\u00fcrdigkeit verlieren.<\/p>\n<p><!--more--><\/p>\n<h2>W\u00e4hlen Sie eine begrenzte Anzahl an Farben<\/h2>\n<p style=\"text-align: justify;\">Dieser Tipp ist ein offenes Geheimnis f\u00fcr Mode- oder Einrichtungsliebhaber. Mit Ausnahme au\u00dfergew\u00f6hnlicher und origineller Kleidungsstile, die unter die fallen\u00a0<em>Pfauen<\/em>, <strong>Die Farben sollten nicht zu zahlreich sein, wenn wir kein unordentliches und unausgereiftes Bild projizieren m\u00f6chten<\/strong>. F\u00fcr ein <strong>Webseite<\/strong>, werden wir lieber auf die Grafik verzichten <strong>zwei, drei oder vier T\u00f6ne<\/strong>, statt 6 oder 8 Farben, die Ihrer Website sicherlich ein Amateurbild verleihen.<\/p>\n<p style=\"text-align: justify;\"><strong>N\u00fcchternheit<\/strong> Und <strong>Minimalismus<\/strong> F\u00fcr seri\u00f6se institutionelle Seiten ist das also nicht zu viel!<\/p>\n<p>&nbsp;<\/p>\n<h2>Priorisieren Sie Klarheit<\/h2>\n<p style=\"text-align: justify;\">\u00c4sthetik und Originalit\u00e4t sind gut. Dort <strong>Klarheit<\/strong>, manchmal ist es auch nicht schlecht! Mit Ausnahme spezieller\/barocker\/verr\u00fcckter Kommunikationsoperationen, a <strong>Webseite<\/strong> oder einer <strong>klassischer Druck<\/strong> muss vor allem dem Benutzererlebnis gerecht werden: kein aggressives Hintergrundbild mit einer der Schriftart \u00e4hnlichen Farbe, keine zu vielen Farben im Text usw.<\/p>\n<p style=\"text-align: justify;\">Beweise vorlegen <strong>der Empathie<\/strong>Versetzen Sie sich beispielsweise in die Lage des Internetnutzers und fragen Sie sich, was er von einem Medium erwartet. Bei einer praktischen und informativen Website m\u00fcssen beispielsweise Text, Bild und Video im Mittelpunkt stehen. Stellen Sie daher sicher, dass die Informationen m\u00f6glichst rein sind, indem Sie f\u00fcr den Hintergrund oder die Seiten helle oder pastellfarbene Farben und f\u00fcr den Text dunkle Farben w\u00e4hlen.<\/p>\n<p>&nbsp;<\/p>\n<h2>Nutzen Sie zur Selbsthilfe den Farbkreis<\/h2>\n<p style=\"text-align: justify;\">Wenn Sie neu im Webdesign sind oder Ihrem Grafikdesigner glaubw\u00fcrdige Spezifikationen mitteilen m\u00f6chten, finden Sie hier ein Tool, das Ihnen bei der Auswahl der Farben Ihrer Website sehr n\u00fctzlich sein wird: das <strong>Farbkreis<\/strong>.<\/p>\n<p style=\"text-align: justify;\">Offensichtlich haben Sie zwei Hauptm\u00f6glichkeiten, Farben \u00fcber das zu kombinieren <strong>Farbkreis<\/strong>, basierend auf den physikalischen Eigenschaften des menschlichen Auges.<\/p>\n<ul>\n<li style=\"text-align: justify;\">Das erste ist <strong>W\u00e4hlen Sie mehrere Farbt\u00f6ne derselben Farbe<\/strong>. Tats\u00e4chlich erzeugen benachbarte Farben im Farbdiagramm ein Gef\u00fchl der Ausgewogenheit f\u00fcr das Auge.<\/li>\n<li style=\"text-align: justify;\">Das zweite ist <strong>W\u00e4hlen Sie im Farbkreis entgegengesetzte Farben<\/strong>. Wenn Sie also zwei Farben f\u00fcr Ihre Website w\u00e4hlen, nehmen Sie zwei diametral entgegengesetzte Farben. Wenn Sie drei nehmen, w\u00e4hlen Sie drei Farben basierend auf einem gleichseitigen Dreieck aus, das in der Mitte des Farbkreises gezeichnet wird. Bei vier Farben geht man von einem Quadrat aus. Beispiel: Rosa und Gr\u00fcn, Dunkelblau und Gelb, Orange und Hellblau usw.<\/li>\n<\/ul>\n<div><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-158 aligncenter\" src=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/cercle-chromatique.png\" alt=\"\" width=\"650\" height=\"167\" title=\"\" srcset=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/cercle-chromatique.png 650w, https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/cercle-chromatique-300x77.png 300w\" sizes=\"auto, (max-width: 650px) 100vw, 650px\" \/><\/div>\n<p>&nbsp;<\/p>\n<h2>Die Farben richten sich nach der Emotion, die geweckt werden soll<\/h2>\n<ul>\n<li style=\"text-align: justify;\">Wenn Sie eine Atmosph\u00e4re der Einheit, Harmonie und schaffen m\u00f6chten <strong>S\u00fc\u00dfigkeiten<\/strong>, es wird vorzuziehen sein, zu w\u00e4hlen <strong>benachbarte Farben<\/strong>. Wir entscheiden uns f\u00fcr beruhigende und kalte Farben wie zum Beispiel Blau oder Gr\u00fcn.<\/li>\n<li style=\"text-align: justify;\">Wenn Ihr Marketing mehr verlangt <strong>energisch<\/strong>, dann bevorzuge das <strong>Komplement\u00e4rfarben<\/strong> auf dem Farbkreis, mit Ausnahme der Paarung von Textfarbe und Hintergrundfarbe.<\/li>\n<li style=\"text-align: justify;\">Wenn Sie in einem sind <strong>aggressiver Kommunikationsbetrieb<\/strong>, und Sie suchen <strong>Aufmerksamkeit erregen<\/strong> des Besuchers, dann bevorzugen Sie die <strong>warme Farben<\/strong> (Rot, Orange, Gelb), die Emotionen, Dynamik und W\u00e4rme wecken und f\u00fcr Themen wie Unterhaltung, Reisen oder Wettbewerbe n\u00fctzlich sein werden.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<h2>W\u00e4hlen Sie Farben entsprechend ihrer Bedeutung aus<\/h2>\n<p style=\"text-align: justify;\">Diese ausgezeichnete Tabelle stammt von der Website <em>Kommentarcamarche.net<\/em> Du listest sie auf <strong>Farbbedeutungen<\/strong>\u00a0begleitet von ihrer positiven und negativen Symbolik und ordnet sie gleichzeitig bestimmten T\u00e4tigkeitsbereichen zu. Sehr n\u00fctzlich, um die Wahl Ihrer Farben mit der Branche in Einklang zu bringen, in der Sie sich befinden!<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-159\" src=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/signification-couleurs.png\" alt=\"\" width=\"615\" height=\"756\" title=\"\" srcset=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/signification-couleurs.png 615w, https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/signification-couleurs-244x300.png 244w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><\/p>\n<p>Wie du sehen kannst :<\/p>\n<ul>\n<li>Blau strahlt Gelassenheit und Ernsthaftigkeit aus und eignet sich f\u00fcr die Bereiche IT, Medizin usw.<\/li>\n<li>Lila weckt Leidenschaft und passt zu Kultur, Politik, manchmal aber auch zu Gastronomie oder Luxus.<\/li>\n<li>Rot kann auch Leidenschaft und Liebe hervorrufen, aber auch St\u00e4rke, Dynamik und funktioniert mit Luxus, Sport oder den Medien.<\/li>\n<li>Orange ruft Freude, Reichtum und Vitalit\u00e4t hervor und kann f\u00fcr Unterhaltung, Sport, Reisen usw. verwendet werden.<\/li>\n<li>Gelb ruft Licht, Sonnenschein, Leben und Fr\u00f6hlichkeit hervor und eignet sich besonders gut f\u00fcr den Tourismus.<\/li>\n<li>Gr\u00fcn erinnert an die Natur und passt gut zu Entdeckungen, Natur, Reisen und Bildung.<\/li>\n<li>Brown kann das Terroir, aber auch Ruhe und Philosophie hervorrufen und kann mit E-Commerce-Websites zusammenarbeiten, die auf Naturprodukte ausgerichtet sind, aber auch mit Websites, die sich mit \u00d6kologie und Umwelt befassen.<\/li>\n<li>Wei\u00df ruft Reinheit und Kunst hervor und passt zu Mode, Luxus und manchmal auch zu aktuellen Ereignissen, da Wei\u00df neutral ist.<\/li>\n<li>Grau ruft manchmal auch Neutralit\u00e4t, Respekt und Kunst hervor und kann f\u00fcr Assoziationen verwendet werden.<\/li>\n<li>Schlie\u00dflich ruft Schwarz N\u00fcchternheit, Luxus, Nacht, Kunst und auch Ernsthaftigkeit hervor. Es kann f\u00fcr Kino und Kunst im Allgemeinen verwendet werden, beispielsweise f\u00fcr die Fotografie, aber auch f\u00fcr Nischen-Informationsseiten, Schulungsseiten und schlie\u00dflich Websites f\u00fcr Erwachsene.<\/li>\n<\/ul>\n<p>Bonus: Hier ist eine Infografik auf Englisch zur Bedeutung von Farben in Markenlogos:<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-160\" src=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/infographie-couleurs-marques.png\" alt=\"\" width=\"648\" height=\"2307\" title=\"\" srcset=\"https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/infographie-couleurs-marques.png 648w, https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/infographie-couleurs-marques-84x300.png 84w, https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/infographie-couleurs-marques-288x1024.png 288w, https:\/\/tulipemedia.com\/wp-content\/uploads\/sites\/3\/2012\/03\/infographie-couleurs-marques-575x2048.png 575w\" sizes=\"auto, (max-width: 648px) 100vw, 648px\" \/><\/p>\n<p><em><strong>Quellen:<\/strong><\/em><br \/>\n<a href=\"http:\/\/www.commentcamarche.net\/contents\/web\/webdesign.php3\" target=\"_blank\" rel=\"noopener\">http:\/\/www.commentcamarche.net\/contents\/web\/webdesign.php3<br \/>\n<\/a><a href=\"http:\/\/ergonomie-web.studiovitamine.com\/couleur-web,362,fr.html\" target=\"_blank\" rel=\"noopener\">http:\/\/ergonomie-web.studiovitamine.com\/couleur-web,362,fr.html<br \/>\nhttp:\/\/fr.locita.com\/technologie-2\/web\/infographie-la-signification-des-couleurs-des-logos-de-marques\/<br \/>\n<\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>Que ce soit pour un designer\/webmaster d\u00e9butant ou pour une entreprise qui r\u00e9dige son cahier des charges, le choix des couleurs d&rsquo;un site web, d&rsquo;un flyer, d&rsquo;une carte de visite, d&rsquo;une affiche ou d&rsquo;une plaquette est un exercice d\u00e9cisif et central, tant sur le plan de l&rsquo;ergonomie et de l&rsquo;exp\u00e9rience utilisateur que sur celui du [&hellip;]<\/p>\n","protected":false},"author":17,"featured_media":625,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[30],"tags":[],"class_list":["post-620","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-graphisme"],"_links":{"self":[{"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/posts\/620","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/users\/17"}],"replies":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/comments?post=620"}],"version-history":[{"count":3,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/posts\/620\/revisions"}],"predecessor-version":[{"id":4068,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/posts\/620\/revisions\/4068"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/media\/625"}],"wp:attachment":[{"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/media?parent=620"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/categories?post=620"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/tulipemedia.com\/de\/wp-json\/wp\/v2\/tags?post=620"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}