{"id":6561,"date":"2017-05-04T16:15:10","date_gmt":"2017-05-04T14:15:10","guid":{"rendered":"https:\/\/www.maildesigner365.com\/?p=6561"},"modified":"2022-11-15T16:26:29","modified_gmt":"2022-11-15T14:26:29","slug":"3-tipps-fuer-besseres-color-matching-deinen-newslettern","status":"publish","type":"post","link":"https:\/\/www.maildesigner365.com\/de\/3-tipps-fuer-besseres-color-matching-deinen-newslettern\/","title":{"rendered":"3 Tipps f\u00fcr besseres Color-Matching in deinen Newslettern"},"content":{"rendered":"[vc_row type=\"in_container\" full_screen_row_position=\"middle\" column_margin=\"default\" column_direction=\"default\" column_direction_tablet=\"default\" column_direction_phone=\"default\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" row_border_radius=\"none\" row_border_radius_applies=\"bg\" overlay_strength=\"0.3\" gradient_direction=\"left_to_right\" shape_divider_position=\"bottom\" bg_image_animation=\"none\"][vc_column column_padding=\"no-extra-padding\" column_padding_tablet=\"inherit\" column_padding_phone=\"inherit\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" column_border_radius=\"none\" column_link_target=\"_self\" gradient_direction=\"left_to_right\" overlay_strength=\"0.3\" width=\"1\/1\" tablet_width_inherit=\"default\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\" bg_image_animation=\"none\"][vc_column_text]Mithilfe des <strong>Color Pickers<\/strong> und praktischer Color Matching Tools kannst du dir ohne Grafiker professionelle Farbkombinationen f\u00fcr deine Newsletter zusammenstellen.<\/p>\n<p>Gerade, wenn du viele grafische Elemente und Hintergrundfl\u00e4chen einsetzt, hebt eine gutes Farbkonzept den Stil deines Newsletters auf ein neues Level. Mit unseren Tipps findest du schnell die richtige Komplement\u00e4rfarbe f\u00fcr deinen kontrastreichen Aktions-Button oder das passende Toning, um deine Produktbilder anzugleichen.<\/p>\n<h2>Praktische Color Matching Tools, die du kennen musst<\/h2>\n<p><a href=\"https:\/\/color.adobe.com\/create\/color-wheel\/?base=2&amp;rule=Analogous&amp;selected=3&amp;name=Mein%20Color-Thema&amp;mode=hex&amp;rgbvalues=0.7,0,0.08327345309376141,0.91,0.5523752297002351,0.507660840210145,1,0.6078690551759834,0.6545177663765764,0.91,0.507660840210145,0.756693521748798,0.9713108281855425,0.5578690551759835,1&amp;swatchOrder=3,0,1,2,4\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6565\" src=\"https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/AdobeColorCC.png\" alt=\"\" width=\"1596\" height=\"1121\" srcset=\"https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/AdobeColorCC.png 1596w, https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/AdobeColorCC-300x211.png 300w, https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/AdobeColorCC-768x539.png 768w, https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/AdobeColorCC-1024x719.png 1024w\" sizes=\"auto, (max-width: 1596px) 100vw, 1596px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/color.adobe.com\/create\/color-wheel\/?base=2&amp;rule=Analogous&amp;selected=3&amp;name=Mein%20Color-Thema&amp;mode=hex&amp;rgbvalues=0.7,0,0.08327345309376141,0.91,0.5523752297002351,0.507660840210145,1,0.6078690551759834,0.6545177663765764,0.91,0.507660840210145,0.756693521748798,0.9713108281855425,0.5578690551759835,1&amp;swatchOrder=3,0,1,2,4\" target=\"_blank\" rel=\"noopener\">Adobe Color CC <\/a>ist eines der g\u00e4ngigsten Tools, um ein eine kreative Kombination zusammenzustellen. Du kannst Farbregeln (u.a. Monochromatisch, Triade, Komplement\u00e4r) festlegen. Anhand einer Hauptfarbe (das kann etwa deine CI Farbe sein) stimmst du 4 weitere Farbt\u00f6ne zugleich ab. Du kannst auch ein Bild hochladen und Farbpaletten draus ableiten.<\/p>\n<p>Bei <a href=\"https:\/\/coolors.co\" target=\"_blank\" rel=\"noopener\">COOLORS<\/a> geht\u2019s noch schneller. Hauptfarbe ausw\u00e4hlen und Space dr\u00fccken. Sofort erh\u00e4ltst du passende Farbkombinationen. Gef\u00e4llt dir eine Farbe, fixierst du sie f\u00fcr dich mit einem Mausklick.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6566\" src=\"https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/Bildschirmfoto-2017-05-03-um-15.58.37.png\" alt=\"\" width=\"1538\" height=\"968\" srcset=\"https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/Bildschirmfoto-2017-05-03-um-15.58.37.png 1538w, https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/Bildschirmfoto-2017-05-03-um-15.58.37-300x189.png 300w, https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/Bildschirmfoto-2017-05-03-um-15.58.37-768x483.png 768w, https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/Bildschirmfoto-2017-05-03-um-15.58.37-1024x644.png 1024w\" sizes=\"auto, (max-width: 1538px) 100vw, 1538px\" \/>\u2022 Ein weiterer Online-Farbschema-Generator ist <a href=\"https:\/\/www.toptal.com\/designers\/colourcode\" target=\"_blank\" rel=\"noopener\">ColourCode<br \/>\n<\/a>\u2022 Mit <a href=\"https:\/\/www.canva.com\/color-palette\/\" target=\"_blank\" rel=\"noopener\">Canva<\/a> kannst du einfach Farben aus Bildern generieren<br \/>\n\u2022 Ein praktischer Farbschema-Generator, den es schon seit \u00fcber 10 Jahren gibt ist <a href=\"http:\/\/paletton.com\/\" target=\"_blank\" rel=\"noopener\">Paletton<\/a>.<\/p>\n<h2>Farben mit dem Color Picker in Mail Designer Pro \u00fcbertragen. So stellst du Farbsets zusammen<\/h2>\n<p>Farben in Mail Designer Pro zu \u00fcbertragen, geht ganz einfach. Zuerst rufst du dir in Mail Designer Pro \u00fcber das Farben-Symbol in deiner Werkzeugleiste die Farbenpalette mit dem Color Picker auf.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6567\" src=\"https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/Bildschirmfoto-2017-05-03-um-15.49.56-2.png\" alt=\"\" width=\"2880\" height=\"1800\" srcset=\"https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/Bildschirmfoto-2017-05-03-um-15.49.56-2.png 2880w, https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/Bildschirmfoto-2017-05-03-um-15.49.56-2-300x188.png 300w, https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/Bildschirmfoto-2017-05-03-um-15.49.56-2-768x480.png 768w, https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/Bildschirmfoto-2017-05-03-um-15.49.56-2-1024x640.png 1024w\" sizes=\"auto, (max-width: 2880px) 100vw, 2880px\" \/>Die kleine Pipette herausziehen, die sich links unten befindet, dann einzelne Farben einfach vom Screen \u201epicken\u201c (dazu einfach die Pipette auf die Farbe ziehen)<br \/>\nDanach kannst du dein erzeugtes Farbfeld in einen der vielen Slots deiner Farbsammlung ablegen.<\/p>\n<p><strong>Tipp:<\/strong> im zweiten Reiter deiner Farbenpalette kannst du direkt angezeigte Hex-Farb-Codes aus Tools wie Color CC oder COOLORS eingeben (dazu musst du in den RGB-Modus wechseln)<\/p>\n<p>Mit deiner Pipette aus dem Color Picker kannst du dir nat\u00fcrlich auch Farben aus einem Newsletter Hintergrundbild \u201eziehen\u201c und so stimmige Farbelemente in dein Design integrieren. Das ist auch praktisch, wenn du transparente Farbfl\u00e4chen kreieren m\u00f6chtest.<\/p>\n<h2>Bilder mit unterschiedlichen Farbstimmungen einfach angleichen<\/h2>\n<p>Erzeuge dir eine Rechteck-Form in einem Bild-Layoutblock mit einer zu deinem Design passenden Farbe. Lege diese komplett \u00fcber das erste Bild und regele die Deckkraft herunter. Jetzt kopierst du diese Farbfl\u00e4che einfach auch \u00fcber die restlichen beiden Bilder, die eine \u00e4hnliche Stimmung haben sollen. Schon haben deine Bilder alle eine \u00e4hnliche T\u00f6nung und \u201ematchen\u201c besser.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-6568\" src=\"https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/MDP3_Drone_Matching.png\" alt=\"\" width=\"2800\" height=\"1764\" srcset=\"https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/MDP3_Drone_Matching.png 2800w, https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/MDP3_Drone_Matching-300x189.png 300w, https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/MDP3_Drone_Matching-768x484.png 768w, https:\/\/data.equinux.com\/com.equinux.wordpress\/uploads\/sites\/4\/2017\/05\/MDP3_Drone_Matching-1024x645.png 1024w\" sizes=\"auto, (max-width: 2800px) 100vw, 2800px\" \/><br \/>\nOb Schriften, Buttons, Hintergr\u00fcnde, Begrenzungen oder Links \u2013 die richtigen Farbkombinationen geben deinem Layout erst den richtigen Schliff. Sie spielen eine wichtig Rolle f\u00fcr deinen Auftritt und dein Branding.<\/p>\n<p>Denk daran, dass Farben imm auch eine psychologische Wirkung auf deine Empf\u00e4nger haben und allein eine kontrastreiche Farbe einer CTA die Conversion verbessern kann. In diesem <a href=\"http:\/\/www.vandelaydesign.com\/the-psychology-of-color-in-web-design\/\" target=\"_blank\" rel=\"noopener\">VANDELAY DESIGN Artikel<\/a> hat Shane Barker die Effekte analysiert. Schau mal rein.[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"60\"][\/vc_column][\/vc_row][vc_row type=\"full_width_background\" full_screen_row_position=\"middle\" column_margin=\"default\" column_direction=\"default\" column_direction_tablet=\"default\" column_direction_phone=\"default\" bg_color=\"#3d4ab4\" scene_position=\"center\" text_color=\"dark\" text_align=\"left\" row_border_radius=\"none\" row_border_radius_applies=\"bg\" enable_gradient=\"true\" color_overlay=\"#ffffff\" color_overlay_2=\"#3d4ab4\" overlay_strength=\"0.5\" gradient_direction=\"left_t_to_right_b\" enable_shape_divider=\"true\" shape_divider_position=\"top\" bg_image_animation=\"none\" shape_type=\"mountains\"][vc_column column_padding=\"no-extra-padding\" column_padding_tablet=\"inherit\" column_padding_phone=\"inherit\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" column_border_radius=\"none\" column_link_target=\"_self\" gradient_direction=\"left_to_right\" overlay_strength=\"0.3\" width=\"1\/1\" tablet_width_inherit=\"default\" tablet_text_alignment=\"default\" phone_text_alignment=\"default\" column_border_width=\"none\" column_border_style=\"solid\" bg_image_animation=\"none\"][vc_row_inner column_margin=\"default\" column_direction=\"default\" column_direction_tablet=\"default\" column_direction_phone=\"default\" text_align=\"left\"][vc_column_inner column_padding=\"no-extra-padding\" column_padding_tablet=\"inherit\" column_padding_phone=\"inherit\" column_padding_position=\"all\" background_color_opacity=\"1\" background_hover_color_opacity=\"1\" column_shadow=\"none\" column_border_radius=\"none\" column_link_target=\"_self\" gradient_direction=\"left_to_right\" overlay_strength=\"0.3\" width=\"1\/1\" tablet_width_inherit=\"default\" column_border_width=\"none\" column_border_style=\"solid\" bg_image_animation=\"none\"][divider line_type=\"No Line\" custom_height=\"60\"][\/vc_column_inner][\/vc_row_inner][vc_column_text]\n<h1 style=\"text-align: center\"><strong><span style=\"font-size: 35px !important;line-height: 50px !important;color: #ffffff\">Mail Designer 365 gratis testen<\/span><\/strong><\/h1>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"20\"][vc_column_text]\n<div style=\"text-align: center\"><span style=\"font-size: 25px !important;line-height: 30px !important;color: #ffffff\">Teste Mail Designer 365 7 Tage lang kostenlos und gestalte stylische E-Mail-Newsletter auf deinem Mac.<\/span><\/div>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"20\"][vc_raw_html]JTNDcCUyMHN0eWxlJTNEJTIydGV4dC1hbGlnbiUzQSUyMGNlbnRlciUzQiUyMiUzRSUzQ2ElMjBjbGFzcyUzRCUyMm1kX2J1dHRvbl93aGl0ZSUyMG1kX2J1dHRvbl9iaWclMjIlMjBocmVmJTNEJTIyaHR0cHMlM0ElMkYlMkZ3d3cubWFpbGRlc2lnbmVyMzY1LmNvbSUyRmRlJTJGZG93bmxvYWQtbWFpbGRlc2lnbmVyJTJGJTNGcmR1cmwlM0RodHRwcyUyNTNBJTI1MkYlMjUyRnd3dy5tYWlsZGVzaWduZXIzNjUuY29tJTI1MkZnb3RvJTI1MkZIUGRvd25sb2FkJTI1MkZtYWlsZGVzaWduZXIzNjUlMjIlMjBkYXRhLWFuYWx5dGljcyUzRCUyNyUyMkRvd25sb2FkJTIyJTJDJTIwJTdCJTIycHJvcHMlMjIlM0ElN0IlMjJOZXdzbGV0dGVyLUFjYWRlbXklMjIlM0ElMjJDb2xvci1NYXRjaGluZyUyMiU3RCU3RCUyNyUzRUpldHp0JTIwa29zdGVubG9zJTIwdGVzdGVuJTNDJTJGYSUzRSUzQyUyRnAlM0U=[\/vc_raw_html][divider line_type=\"No Line\" custom_height=\"10\"][vc_column_text]\n<div style=\"color: #ffffff;text-align: center;font-size: 20px\"><strong>Keine Kreditkarte erforderlich!<\/strong><\/div>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"20\"][vc_column_text]\n<div style=\"clear: both;color: #ffffff;text-align: center\">Kompatibel ab macOS 10.13<\/div>\n[\/vc_column_text][divider line_type=\"No Line\" custom_height=\"30\"][divider line_type=\"No Line\" custom_height=\"30\"][divider line_type=\"No Line\" custom_height=\"30\"][\/vc_column][\/vc_row]\n","protected":false},"excerpt":{"rendered":"<p>[vc_row type=&#8221;in_container&#8221; full_screen_row_position=&#8221;middle&#8221; column_margin=&#8221;default&#8221; column_direction=&#8221;default&#8221; column_direction_tablet=&#8221;default&#8221; column_direction_phone=&#8221;default&#8221; scene_position=&#8221;center&#8221; text_color=&#8221;dark&#8221; text_align=&#8221;left&#8221; row_border_radius=&#8221;none&#8221; row_border_radius_applies=&#8221;bg&#8221; overlay_strength=&#8221;0.3&#8243; gradient_direction=&#8221;left_to_right&#8221; shape_divider_position=&#8221;bottom&#8221; bg_image_animation=&#8221;none&#8221;][vc_column column_padding=&#8221;no-extra-padding&#8221; column_padding_tablet=&#8221;inherit&#8221; column_padding_phone=&#8221;inherit&#8221; column_padding_position=&#8221;all&#8221; background_color_opacity=&#8221;1&#8243; background_hover_color_opacity=&#8221;1&#8243; column_shadow=&#8221;none&#8221; column_border_radius=&#8221;none&#8221; column_link_target=&#8221;_self&#8221; gradient_direction=&#8221;left_to_right&#8221; overlay_strength=&#8221;0.3&#8243; width=&#8221;1\/1&#8243; tablet_width_inherit=&#8221;default&#8221; tablet_text_alignment=&#8221;default&#8221;&#8230;<\/p>\n","protected":false},"author":25,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[297,291,173,22],"tags":[],"class_list":{"0":"post-6561","1":"post","2":"type-post","3":"status-publish","4":"format-standard","6":"category-bilder","7":"category-layout-de-2","8":"category-mail-designer-pro","9":"category-tutorials"},"_links":{"self":[{"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/posts\/6561","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/users\/25"}],"replies":[{"embeddable":true,"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/comments?post=6561"}],"version-history":[{"count":2,"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/posts\/6561\/revisions"}],"predecessor-version":[{"id":37739,"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/posts\/6561\/revisions\/37739"}],"wp:attachment":[{"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/media?parent=6561"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/categories?post=6561"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.maildesigner365.com\/de\/wp-json\/wp\/v2\/tags?post=6561"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}