{"id":3137,"date":"2025-04-11T23:06:33","date_gmt":"2025-04-12T02:06:33","guid":{"rendered":"https:\/\/jandreh.com\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/"},"modified":"2025-04-11T23:06:33","modified_gmt":"2025-04-12T02:06:33","slug":"die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet","status":"publish","type":"post","link":"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/","title":{"rendered":"Die 60-30-10-Regel im Design: Was sie ist und wie man sie auf Projekte anwendet"},"content":{"rendered":"\n<p>Wenn du dich schon immer gefragt hast, wie man harmonische und optisch ansprechende Farbkombinationen im Design schafft, k\u00f6nnte die 60-30-10-Regel die Antwort sein, nach der du suchst. Sie ist einfach, praktisch und unglaublich effektiv und wird von Innenarchitekten, Grafikdesignern und sogar Modedesignern eingesetzt, um ein Gleichgewicht und \u00e4sthetischen Zusammenhalt zu erreichen. <\/p>\n\n<p>In diesem Artikel erkl\u00e4re ich dir, was die 60-30-10-Regel ist, warum sie funktioniert und wie du sie auf deine Designprojekte anwenden kannst. Los geht&#8217;s! <\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-o-que-e-a-regra-60-30-10\">Was ist die 60-30-10-Regel?<\/h2>\n\n<p>Die 60-30-10-Regel ist ein Leitfaden f\u00fcr die Verteilung der Farben in einer Komposition. Mit anderen Worten, sie schl\u00e4gt vor, dass du die Farben in drei Proportionen aufteilst: <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>60%:<\/strong> Dominante Farbe &#8211; dient als Grundlage f\u00fcr das Design.<\/li>\n\n\n\n<li><strong>30%:<\/strong> Sekund\u00e4rfarbe &#8211; erg\u00e4nzt und verleiht Tiefe.<\/li>\n\n\n\n<li><strong>10%:<\/strong> Akzentfarbe &#8211; verst\u00e4rkt den Kontrast und lenkt die Aufmerksamkeit.<\/li>\n<\/ul>\n\n<p>Diese Aufteilung hilft, ein visuelles Gleichgewicht zu schaffen, damit keine Farbe zu sehr dominiert oder das Design zu un\u00fcbersichtlich wird.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-por-que-a-regra-60-30-10-funciona\">Warum funktioniert die 60-30-10-Regel?<\/h2>\n\n<p>Die Logik hinter der 60-30-10-Regel liegt in der menschlichen Wahrnehmung von Harmonie und Kontrast. Die Verwendung bestimmter Proportionen erm\u00f6glicht es dem Auge, sich auf die richtigen Elemente zu konzentrieren, ohne sich \u00fcberw\u00e4ltigt zu f\u00fchlen. Sieh dir an, wie jede Proportion eine bestimmte Aufgabe erf\u00fcllt:  <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>60% &#8211; Die Basis:<\/strong> Schafft den Gesamtzusammenhang und h\u00e4lt die Komposition zusammenh\u00e4ngend.<\/li>\n\n\n\n<li><strong>30% &#8211; Die Erg\u00e4nzung:<\/strong> Sorgt f\u00fcr Abwechslung und Ausgewogenheit und macht das Design interessanter.<\/li>\n\n\n\n<li><strong>10% &#8211; Das Highlight:<\/strong> Bringt Energie, zieht die Blicke auf sich und schafft strategische Schwerpunkte.<\/li>\n<\/ul>\n\n<p>Diese Proportionen ber\u00fccksichtigen grundlegende Gestaltungsprinzipien wie Kontrast, Hierarchie und Einfachheit.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-como-aplicar-a-regra-60-30-10-no-design\">Wie wendet man die 60-30-10-Regel im Design an?<\/h2>\n\n<p>Die Anwendung der 60-30-10-Regel variiert je nach Art des Projekts, das du entwickelst. Hier sind praktische Beispiele f\u00fcr verschiedene Bereiche der Gestaltung: <\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-1-ui-design-interface-do-usuario\">1. UI Design (Benutzeroberfl\u00e4che)<\/h3>\n\n<p>Bei der Erstellung von digitalen Schnittstellen wie Apps oder Websites kann die 60-30-10-Regel angewendet werden, um ein angenehmes und funktionales Aussehen zu erzielen:<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>60% (Basis):<\/strong> Die Hintergrundfarbe der Benutzeroberfl\u00e4che, normalerweise neutral, z. B. wei\u00df oder hellgrau.<\/li>\n\n\n\n<li><strong>30% (Erg\u00e4nzung):<\/strong> Sekund\u00e4re Elemente wie Seitenleisten, sekund\u00e4re Schaltfl\u00e4chen oder Icons in einer kontrastreicheren Farbe wie Mittelblau.<\/li>\n\n\n\n<li><strong>10% (Hervorhebung):<\/strong> Aktions- oder aufmerksamkeitsstarke Elemente wie Call-to-Action-Buttons (CTA), wichtige Links oder Benachrichtigungen in leuchtenden Farben wie Orange oder Gr\u00fcn.<\/li>\n<\/ul>\n\n<p>Dieses Layout hilft dem Nutzer, sich zurechtzufinden, indem es die wichtigen Elemente hervorhebt und gleichzeitig die Benutzeroberfl\u00e4che \u00fcbersichtlich und intuitiv h\u00e4lt.<\/p>\n\n<h3 class=\"wp-block-heading\">5. Web-Design<\/h3>\n\n<p>Im Webdesign kann die 60-30-10-Regel verwendet werden, um Seiten zu erstellen, die visuell ausgewogen sind und ein gutes Nutzererlebnis bieten:<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>60% (Basis):<\/strong> Die vorherrschende Farbe des Seitenhintergrunds, z. B. Wei\u00df oder ein sanfter Pastellton.<\/li>\n\n\n\n<li><strong>30% (Erg\u00e4nzung):<\/strong> Farben, die auf sekund\u00e4re Abschnitte oder Bl\u00f6cke angewendet werden, z. B. auf den Kopfbereich, die Fu\u00dfzeile oder Hintergr\u00fcnde von Bildern (z. B. dunkelgrau oder hellblau).<\/li>\n\n\n\n<li><strong>10 % (Hervorhebung):<\/strong> Auff\u00e4llige Farben f\u00fcr Elemente, die sofortige Aufmerksamkeit erfordern, wie z. B. &#8222;Jetzt kaufen&#8220;-Buttons, markante Links oder Aktionsaufrufe (z. B. leuchtendes Rot oder Gelb).<\/li>\n<\/ul>\n\n<p>Diese Methode hilft dabei, eine visuelle Hierarchie zu schaffen, die die Besucher auf nat\u00fcrliche Weise durch die Seite f\u00fchrt und die wichtigsten Elemente strategisch hervorhebt.<\/p>\n\n<h3 class=\"wp-block-heading\" id=\"h-2-design-grafico\">2. Grafikdesign<\/h3>\n\n<p>Bei der Erstellung eines Banners oder Grafikmaterials kannst du die 60-30-10-Regel wie folgt anwenden:<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>60% (Basis):<\/strong> Ein sauberer wei\u00dfer oder pastellfarbener Hintergrund.<\/li>\n\n\n\n<li><strong>30% (Erg\u00e4nzung):<\/strong> Text oder Formen in einer Sekund\u00e4rfarbe.<\/li>\n\n\n\n<li><strong>10% (Hervorhebung):<\/strong> Schaltfl\u00e4chen oder Schl\u00fcsselelemente in einer leuchtenden Farbe, um Klicks anzuziehen.<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\" id=\"h-3-design-de-interiores\">3. Innenarchitektur<\/h3>\n\n<p>Stell dir vor, du richtest ein Wohnzimmer ein. Die Verteilung der Farben k\u00f6nnte wie folgt aussehen: <\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>60% (Basis):<\/strong> Neutrale T\u00f6ne an den W\u00e4nden.<\/li>\n\n\n\n<li><strong>30% (Erg\u00e4nzung):<\/strong> M\u00f6bel in kontrastierenden Farben, wie z.B. ein dunkelgraues Sofa.<\/li>\n\n\n\n<li><strong>10% (Highlight):<\/strong> Kissen oder Bilder in leuchtenden Farben, wie Gelb oder Blau.<\/li>\n<\/ul>\n\n<h3 class=\"wp-block-heading\" id=\"h-4-moda\">4. Mode<\/h3>\n\n<p>Die 60-30-10-Regel ist zum Beispiel auch bei der Kleiderwahl n\u00fctzlich:<\/p>\n\n<ul class=\"wp-block-list\">\n<li><strong>60% (Basis):<\/strong> Ein Paar schwarze Hosen.<\/li>\n\n\n\n<li><strong>30% (Erg\u00e4nzung):<\/strong> Ein graues Hemd.<\/li>\n\n\n\n<li><strong>10% (Highlight):<\/strong> Ein rotes Accessoire, wie z.B. ein Schal oder Schuhe.<\/li>\n<\/ul>\n\n<h2 class=\"wp-block-heading\" id=\"h-exemplos-de-uso-da-regra-60-30-10-em-marcas-famosas\">Beispiele f\u00fcr die Anwendung der 60-30-10-Regel bei ber\u00fchmten Marken<\/h2>\n\n<p>Erfolgreiche Marken nutzen die 60-30-10-Regel in ihren Designs, um eine wirkungsvolle und erkennbare visuelle Identit\u00e4t zu schaffen. Hier sind einige ber\u00fchmte Beispiele:<\/p>\n\n<h3 class=\"wp-block-heading\">1. McDonald&#8217;s<\/h3>\n\n<ul class=\"wp-block-list\">\n<li><strong>60% (Basis):<\/strong> Rot ist die vorherrschende Farbe, die auf Verpackungen, in der Werbung und sogar im Ambiente von Restaurants verwendet wird.<\/li>\n\n\n\n<li><strong>30% (Erg\u00e4nzung):<\/strong> Gelb, das im Logo, in der Beschilderung und in dekorativen Elementen vorkommt.<\/li>\n\n\n\n<li><strong>10% (Hervorhebung):<\/strong> Wei\u00df, wird f\u00fcr Details wie Text und sekund\u00e4re Elemente verwendet.<\/li>\n<\/ul>\n\n<p>Diese Kombination spiegelt die Energie, den Appetit und die Zug\u00e4nglichkeit der Marke wider.<\/p>\n\n<h3 class=\"wp-block-heading\">2. Apfel<\/h3>\n\n<ul class=\"wp-block-list\">\n<li><strong>60% (Basis):<\/strong> Wei\u00df, wird f\u00fcr Verpackungen, Websites und das Layout von Gesch\u00e4ften verwendet.<\/li>\n\n\n\n<li><strong>30% (Erg\u00e4nzung):<\/strong> Grau, vorhanden auf Ger\u00e4ten wie Macs und iPhones, sowie Text und Grafiken.<\/li>\n\n\n\n<li><strong>10% (Hervorhebung):<\/strong> Schwarz, wird auf Schaltfl\u00e4chen, Logos und Oberfl\u00e4chendetails verwendet.<\/li>\n<\/ul>\n\n<p>Apple nutzt diese Proportionen, um Minimalismus, Raffinesse und Modernit\u00e4t zu vermitteln.<\/p>\n\n<h3 class=\"wp-block-heading\">3. IKEA<\/h3>\n\n<ul class=\"wp-block-list\">\n<li><strong>60% (Basis):<\/strong> Gelb wird als vorherrschende Farbe in Logos und visueller Kommunikation verwendet.<\/li>\n\n\n\n<li><strong>30% (Erg\u00e4nzung):<\/strong> Blau, das im Logo und in sekund\u00e4ren grafischen Elementen vorkommt.<\/li>\n\n\n\n<li><strong>10% (Hervorhebung):<\/strong> Wei\u00df, wird als Hintergrund oder zum Hervorheben von Text verwendet.<\/li>\n<\/ul>\n\n<p>Diese Palette strahlt Freude und Zuversicht aus, ganz im Sinne der Erschwinglichkeit der IKEA Produkte.<\/p>\n\n<h3 class=\"wp-block-heading\">4. Starbucks<\/h3>\n\n<ul class=\"wp-block-list\">\n<li><strong>60% (Basis):<\/strong> Gr\u00fcn, was f\u00fcr die Kernidentit\u00e4t der Marke und ihr Engagement f\u00fcr Nachhaltigkeit steht.<\/li>\n\n\n\n<li><strong>30% (Erg\u00e4nzung):<\/strong> Wei\u00df, wird f\u00fcr das Logo und die Verpackungsdekoration verwendet.<\/li>\n\n\n\n<li><strong>10% (Hervorhebung):<\/strong> Schwarz, vorhanden in Text und kleineren grafischen Elementen.<\/li>\n<\/ul>\n\n<p>Diese Kombination vermittelt Frische und Raffinesse und unterstreicht die Verbindung zur Natur.<\/p>\n\n<h3 class=\"wp-block-heading\">5. Coca-Cola<\/h3>\n\n<ul class=\"wp-block-list\">\n<li><strong>60% (Basis):<\/strong> Rot dominiert bei Dosen, Flaschen und visueller Kommunikation.<\/li>\n\n\n\n<li><strong>30% (Erg\u00e4nzung):<\/strong> Wei\u00df, wird f\u00fcr das Logo und Kontrastelemente verwendet.<\/li>\n\n\n\n<li><strong>10% (Hervorhebung):<\/strong> Schwarz, vorhanden auf Etiketten und bestimmten Texten.<\/li>\n<\/ul>\n\n<p>Der Plan vermittelt Energie und Leidenschaft und hat einen hohen Wiedererkennungswert.<\/p>\n\n<p>Diese Marken zeigen, wie die 60-30-10-Regel angepasst werden kann, um konsistente und wirkungsvolle visuelle Identit\u00e4ten zu schaffen. Wenn du diese Technik bei deinen Projekten anwendest, kannst du das gleiche Ma\u00df an Harmonie und visueller Attraktivit\u00e4t erreichen, egal ob es sich um Branding, Grafikdesign oder digitale Schnittstellen handelt.<\/p>\n\n<h2 class=\"wp-block-heading\" id=\"h-dicas-para-usar-a-regra-60-30-10\">Tipps f\u00fcr die Anwendung der 60-30-10-Regel<\/h2>\n\n<ol class=\"wp-block-list\">\n<li><strong>W\u00e4hle Farben mit Sinn:<\/strong> Verwende eine Farbpalette, die zu der Botschaft oder dem Thema des Designs passt.<\/li>\n\n\n\n<li><strong>Verwende den Farbkreis:<\/strong> Werkzeuge wie der Farbkreis helfen dir, harmonische Farbkombinationen zu finden.<\/li>\n\n\n\n<li><strong>Teste und passe an:<\/strong> Die 60-30-10-Regel ist ein Leitfaden, aber in der Praxis kann es notwendig sein, kleine Anpassungen vorzunehmen, um dem Kontext gerecht zu werden.<\/li>\n<\/ol>\n\n<h2 class=\"wp-block-heading\" id=\"h-conclusao\">Fazit<\/h2>\n\n<p>Die 60-30-10-Regel ist ein m\u00e4chtiges Hilfsmittel, um ausgewogene und visuell beeindruckende Designs zu erstellen. Indem wir die Farben strategisch verteilen, stellen wir sicher, dass das Publikum auf nat\u00fcrliche Weise durch das Design geleitet wird, die richtigen Elemente hervorhebt und ein angenehmes Erlebnis schafft.<\/p>\n\n<p>Egal, ob du gerade erst anf\u00e4ngst oder bereits Erfahrung im Design hast, versuche, die 60-30-10-Regel auf dein n\u00e4chstes Projekt anzuwenden. Ich bin sicher, die Ergebnisse werden unglaublich sein!<\/p>\n\n<p>Hat dir dieser Artikel gefallen? Dann sieh dir weitere Inhalte <a href=\"https:\/\/jandreh.com\/de\/design-de\/\">zu Design<\/a> und visueller Gestaltung an, um mehr dar\u00fcber zu erfahren, wie du deine F\u00e4higkeiten verbessern und Projekte erstellen kannst, die beeindrucken.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Entdecke, wie du die 60-30-10-Regel im Design anwenden kannst, um harmonische und ausgewogene Kompositionen zu schaffen.<\/p>\n","protected":false},"author":2,"featured_media":2417,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[581],"tags":[582],"class_list":["post-3137","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-de","tag-visuelle-komposition"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v25.9 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Die 60-30-10-Regel im Design: Wie du diese Technik in Projekten anwendest - Jandreh Hofstetter<\/title>\n<meta name=\"description\" content=\"Entdecke mit diesen praktischen Tipps, wie du die 60-30-10-Regel im Design anwenden kannst, um harmonische und ausgewogene Kompositionen zu schaffen.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Die 60-30-10-Regel im Design: Was sie ist und wie man sie auf Projekte anwendet\" \/>\n<meta property=\"og:description\" content=\"Entdecke mit diesen praktischen Tipps, wie du die 60-30-10-Regel im Design anwenden kannst, um harmonische und ausgewogene Kompositionen zu schaffen.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/\" \/>\n<meta property=\"og:site_name\" content=\"Jandreh Hofstetter\" \/>\n<meta property=\"article:published_time\" content=\"2025-04-12T02:06:33+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/jandreh.com\/images\/regra-60-30-10-no-design-jandreh-hofstetter.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1080\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Jandreh\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@JandrehH\" \/>\n<meta name=\"twitter:site\" content=\"@JandrehH\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Jandreh\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"6\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/\"},\"author\":{\"name\":\"Jandreh\",\"@id\":\"https:\/\/jandreh.com\/de\/#\/schema\/person\/1f0ae5ad7c66e8165f93f26999499f7f\"},\"headline\":\"Die 60-30-10-Regel im Design: Was sie ist und wie man sie auf Projekte anwendet\",\"datePublished\":\"2025-04-12T02:06:33+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/\"},\"wordCount\":1217,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/jandreh.com\/de\/#\/schema\/person\/1f0ae5ad7c66e8165f93f26999499f7f\"},\"image\":{\"@id\":\"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/jandreh.com\/images\/regra-60-30-10-no-design-jandreh-hofstetter.png\",\"keywords\":[\"Visuelle Komposition\"],\"articleSection\":[\"Design\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/\",\"url\":\"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/\",\"name\":\"Die 60-30-10-Regel im Design: Wie du diese Technik in Projekten anwendest - Jandreh Hofstetter\",\"isPartOf\":{\"@id\":\"https:\/\/jandreh.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/jandreh.com\/images\/regra-60-30-10-no-design-jandreh-hofstetter.png\",\"datePublished\":\"2025-04-12T02:06:33+00:00\",\"description\":\"Entdecke mit diesen praktischen Tipps, wie du die 60-30-10-Regel im Design anwenden kannst, um harmonische und ausgewogene Kompositionen zu schaffen.\",\"breadcrumb\":{\"@id\":\"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/#primaryimage\",\"url\":\"https:\/\/jandreh.com\/images\/regra-60-30-10-no-design-jandreh-hofstetter.png\",\"contentUrl\":\"https:\/\/jandreh.com\/images\/regra-60-30-10-no-design-jandreh-hofstetter.png\",\"width\":1080,\"height\":1080,\"caption\":\"Jandreh Hofstetter\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\/\/jandreh.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Die 60-30-10-Regel im Design: Was sie ist und wie man sie auf Projekte anwendet\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/jandreh.com\/de\/#website\",\"url\":\"https:\/\/jandreh.com\/de\/\",\"name\":\"Jandreh Hofstetter\",\"description\":\"Designer e cofundador da 4ED, apaixonado por design, tecnologia e experimentos\",\"publisher\":{\"@id\":\"https:\/\/jandreh.com\/de\/#\/schema\/person\/1f0ae5ad7c66e8165f93f26999499f7f\"},\"alternateName\":\"Jandreh\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/jandreh.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":[\"Person\",\"Organization\"],\"@id\":\"https:\/\/jandreh.com\/de\/#\/schema\/person\/1f0ae5ad7c66e8165f93f26999499f7f\",\"name\":\"Jandreh\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/jandreh.com\/images\/designer-jandreh-hofstetter.jpg\",\"url\":\"https:\/\/jandreh.com\/images\/designer-jandreh-hofstetter.jpg\",\"contentUrl\":\"https:\/\/jandreh.com\/images\/designer-jandreh-hofstetter.jpg\",\"width\":1000,\"height\":1000,\"caption\":\"Jandreh\"},\"logo\":{\"@id\":\"https:\/\/jandreh.com\/images\/designer-jandreh-hofstetter.jpg\"},\"description\":\"Jandreh Hofstetter \u00e9 designer de produto brasileiro. Em 2011, fundou a 4ED escola de design.\",\"sameAs\":[\"https:\/\/jandreh.com\",\"https:\/\/www.instagram.com\/jandreh\/\",\"https:\/\/www.linkedin.com\/in\/jandreh\/\",\"https:\/\/br.pinterest.com\/jandreh\/\",\"https:\/\/x.com\/JandrehH\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Die 60-30-10-Regel im Design: Wie du diese Technik in Projekten anwendest - Jandreh Hofstetter","description":"Entdecke mit diesen praktischen Tipps, wie du die 60-30-10-Regel im Design anwenden kannst, um harmonische und ausgewogene Kompositionen zu schaffen.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/","og_locale":"de_DE","og_type":"article","og_title":"Die 60-30-10-Regel im Design: Was sie ist und wie man sie auf Projekte anwendet","og_description":"Entdecke mit diesen praktischen Tipps, wie du die 60-30-10-Regel im Design anwenden kannst, um harmonische und ausgewogene Kompositionen zu schaffen.","og_url":"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/","og_site_name":"Jandreh Hofstetter","article_published_time":"2025-04-12T02:06:33+00:00","og_image":[{"width":1080,"height":1080,"url":"https:\/\/jandreh.com\/images\/regra-60-30-10-no-design-jandreh-hofstetter.png","type":"image\/png"}],"author":"Jandreh","twitter_card":"summary_large_image","twitter_creator":"@JandrehH","twitter_site":"@JandrehH","twitter_misc":{"Verfasst von":"Jandreh","Gesch\u00e4tzte Lesezeit":"6\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/#article","isPartOf":{"@id":"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/"},"author":{"name":"Jandreh","@id":"https:\/\/jandreh.com\/de\/#\/schema\/person\/1f0ae5ad7c66e8165f93f26999499f7f"},"headline":"Die 60-30-10-Regel im Design: Was sie ist und wie man sie auf Projekte anwendet","datePublished":"2025-04-12T02:06:33+00:00","mainEntityOfPage":{"@id":"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/"},"wordCount":1217,"commentCount":0,"publisher":{"@id":"https:\/\/jandreh.com\/de\/#\/schema\/person\/1f0ae5ad7c66e8165f93f26999499f7f"},"image":{"@id":"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/#primaryimage"},"thumbnailUrl":"https:\/\/jandreh.com\/images\/regra-60-30-10-no-design-jandreh-hofstetter.png","keywords":["Visuelle Komposition"],"articleSection":["Design"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/","url":"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/","name":"Die 60-30-10-Regel im Design: Wie du diese Technik in Projekten anwendest - Jandreh Hofstetter","isPartOf":{"@id":"https:\/\/jandreh.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/#primaryimage"},"image":{"@id":"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/#primaryimage"},"thumbnailUrl":"https:\/\/jandreh.com\/images\/regra-60-30-10-no-design-jandreh-hofstetter.png","datePublished":"2025-04-12T02:06:33+00:00","description":"Entdecke mit diesen praktischen Tipps, wie du die 60-30-10-Regel im Design anwenden kannst, um harmonische und ausgewogene Kompositionen zu schaffen.","breadcrumb":{"@id":"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/#primaryimage","url":"https:\/\/jandreh.com\/images\/regra-60-30-10-no-design-jandreh-hofstetter.png","contentUrl":"https:\/\/jandreh.com\/images\/regra-60-30-10-no-design-jandreh-hofstetter.png","width":1080,"height":1080,"caption":"Jandreh Hofstetter"},{"@type":"BreadcrumbList","@id":"https:\/\/jandreh.com\/de\/die-60-30-10-regel-im-design-was-sie-ist-und-wie-man-sie-auf-projekte-anwendet\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/jandreh.com\/de\/"},{"@type":"ListItem","position":2,"name":"Die 60-30-10-Regel im Design: Was sie ist und wie man sie auf Projekte anwendet"}]},{"@type":"WebSite","@id":"https:\/\/jandreh.com\/de\/#website","url":"https:\/\/jandreh.com\/de\/","name":"Jandreh Hofstetter","description":"Designer e cofundador da 4ED, apaixonado por design, tecnologia e experimentos","publisher":{"@id":"https:\/\/jandreh.com\/de\/#\/schema\/person\/1f0ae5ad7c66e8165f93f26999499f7f"},"alternateName":"Jandreh","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/jandreh.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":["Person","Organization"],"@id":"https:\/\/jandreh.com\/de\/#\/schema\/person\/1f0ae5ad7c66e8165f93f26999499f7f","name":"Jandreh","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/jandreh.com\/images\/designer-jandreh-hofstetter.jpg","url":"https:\/\/jandreh.com\/images\/designer-jandreh-hofstetter.jpg","contentUrl":"https:\/\/jandreh.com\/images\/designer-jandreh-hofstetter.jpg","width":1000,"height":1000,"caption":"Jandreh"},"logo":{"@id":"https:\/\/jandreh.com\/images\/designer-jandreh-hofstetter.jpg"},"description":"Jandreh Hofstetter \u00e9 designer de produto brasileiro. Em 2011, fundou a 4ED escola de design.","sameAs":["https:\/\/jandreh.com","https:\/\/www.instagram.com\/jandreh\/","https:\/\/www.linkedin.com\/in\/jandreh\/","https:\/\/br.pinterest.com\/jandreh\/","https:\/\/x.com\/JandrehH"]}]}},"_links":{"self":[{"href":"https:\/\/jandreh.com\/de\/wp-json\/wp\/v2\/posts\/3137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/jandreh.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/jandreh.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/jandreh.com\/de\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/jandreh.com\/de\/wp-json\/wp\/v2\/comments?post=3137"}],"version-history":[{"count":0,"href":"https:\/\/jandreh.com\/de\/wp-json\/wp\/v2\/posts\/3137\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/jandreh.com\/de\/wp-json\/wp\/v2\/media\/2417"}],"wp:attachment":[{"href":"https:\/\/jandreh.com\/de\/wp-json\/wp\/v2\/media?parent=3137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/jandreh.com\/de\/wp-json\/wp\/v2\/categories?post=3137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/jandreh.com\/de\/wp-json\/wp\/v2\/tags?post=3137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}