{"id":79381,"date":"2024-11-05T00:42:59","date_gmt":"2024-11-04T23:42:59","guid":{"rendered":"https:\/\/lockruf.com\/?p=79381"},"modified":"2024-11-05T00:48:25","modified_gmt":"2024-11-04T23:48:25","slug":"webdesign-fuenfjaehriges-kind","status":"publish","type":"post","link":"https:\/\/der-die-das.info\/?p=79381","title":{"rendered":"Vergiss alles, was du \u00fcber Webdesign wei\u00dft \u2013 und mach\u2019s wie ein f\u00fcnfj\u00e4hriges Kind"},"content":{"rendered":"\n<p>Fangen wir mal mit einem etwas ungew\u00f6hnlichem Gespr\u00e4ch zwischen einem Firmenchef und einem f\u00fcnfj\u00e4hrigem Kind an:<\/p>\n\n\n<style>.kb-image79381_2e3951-e5 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image79381_2e3951-e5 size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"513\" src=\"https:\/\/der-die-das.info\/wp-content\/uploads\/5_webdesign2-1024x513.jpg\" alt=\"\" class=\"kb-img wp-image-79386\" srcset=\"https:\/\/der-die-das.info\/wp-content\/uploads\/5_webdesign2-1024x513.jpg 1024w, https:\/\/der-die-das.info\/wp-content\/uploads\/5_webdesign2-300x150.jpg 300w, https:\/\/der-die-das.info\/wp-content\/uploads\/5_webdesign2.jpg 1310w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p><strong>Firmenchef<\/strong>: \u201eAlso, &#8230; \u00e4h, wie hei\u00dft du nochmal? Thorsten? Thomas? Jedenfalls &#8230; du bist hier, weil wir unsere Website komplett neu gestalten wollen. Die alte ist \u2013 naja, langweilig.\u201c<br><strong>F\u00fcnfj\u00e4hriges Kind<\/strong>: \u201eOkay! Die mach ich super bunt! Mit viiiel Rot und Blau und Glitzer. Und riesigen Kn\u00f6pfen, die alle direkt dr\u00fccken wollen!\u201c<\/p>\n\n\n\n<p><strong>Firmenchef<\/strong> (etwas irritiert): \u201e\u00c4hm, Glitzer? Und gro\u00dfe Kn\u00f6pfe? Naja \u2026 das h\u00f6rt sich \u2026 interessant an. Aber &#8230; wir brauchen auch etwas Professionelles. Etwas, das die Leute beeindruckt.\u201c<br><strong>F\u00fcnfj\u00e4hriges Kind<\/strong>: \u201eJa, und deshalb muss der Dr\u00fcck-mich-Knopf auch richtig, richtig gro\u00df sein! Der soll richtig strahlen und h\u00fcpfen, damit alle sofort klicken! Sonst macht das ja keinen Spa\u00df!\u201c<\/p>\n\n\n\n<p><strong>Firmenchef<\/strong> (nachdenklich): \u201eHm. Gro\u00dfe Kn\u00f6pfe, die h\u00fcpfen. Das ist \u2026 innovativ? Vielleicht. Aber was ist mit den Farben? Die m\u00fcssen doch harmonisch sein. Wissen Sie, Corporate Identity und so &#8230;\u201c<br><strong>F\u00fcnfj\u00e4hriges Kind<\/strong>: \u201eQuatsch! Harmonie ist doch langweilig! Die Farben sollen knallen, damit alle sagen: \u201aWow, was f\u00fcr eine coole Seite!\u2018\u201c &#8211; \u201eIch k\u00f6nnte auch ein paar Dinosaurier einbauen, die \u00fcber den Bildschirm rennen. Und Sterne, die leuchten, wenn man sie ber\u00fchrt!\u201c<\/p>\n\n\n\n<p><strong>Firmenchef<\/strong> (langsam am\u00fcsiert): \u201eDinosaurier und Sterne, die leuchten. Hm. Wei\u00dft du was, Maxine? Du bringst mich auf Ideen. Vielleicht ist unser Problem wirklich, dass wir zu lange \u00fcber alles nachdenken. Stattdessen sollten wir einfach mal &#8230; mutig sein.\u201c<br><strong>F\u00fcnfj\u00e4hriges Kind<\/strong>: \u201eGenau! Mutig sein und Farben, die Spa\u00df machen! Und Bilder statt Text \u2013 keiner mag lesen, ist doch langweilig! Und alles muss sooo gro\u00df sein, dass es richtig Spa\u00df macht!\u201c<\/p>\n\n\n\n<p><strong>Firmenchef<\/strong> (lachend): \u201eWei\u00dft du, vielleicht sollten wir uns wirklich ein bisschen mehr wie du verhalten und weniger wie &#8230; naja, Erwachsene. Los geht\u2019s, Thomas! Zeig mir, wie man eine Website macht, die die Welt noch nicht gesehen hat!\u201c<br><br>Webdesign f\u00fchlt sich oft wie eine Wissenschaft an: Es gibt tausend Regeln, welche Farben zusammenpassen, wo Buttons zu sein haben, wie der Text sich einzuf\u00fcgen hat. Aber was w\u00e4re, wenn man einfach mal alle Regeln \u00fcber Bord wirft und sich ans Designen macht, als w\u00e4re man f\u00fcnf Jahre alt? Ohne die Angst, etwas \u201efalsch\u201c zu machen \u2013 nur voller Neugier und Abenteuerlust. Klingt das nach Chaos? Ja, vielleicht. Aber es klingt auch nach einer frischen, aufregenden Herangehensweise! Und was muss man daf\u00fcr so machen? Schauen wir es uns mal an &#8230;<\/p>\n\n\n<style>.kb-image79381_8a74f1-91 .kb-image-has-overlay:after{opacity:0.3;}<\/style>\n<figure class=\"wp-block-kadence-image kb-image79381_8a74f1-91 size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"926\" height=\"724\" src=\"https:\/\/der-die-das.info\/wp-content\/uploads\/5_webdesign.jpg\" alt=\"\" class=\"kb-img wp-image-79385\" srcset=\"https:\/\/der-die-das.info\/wp-content\/uploads\/5_webdesign.jpg 926w, https:\/\/der-die-das.info\/wp-content\/uploads\/5_webdesign-300x235.jpg 300w\" sizes=\"auto, (max-width: 926px) 100vw, 926px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"1-mach-es-bunt-und-zwar-richtig-bunt\">1. Mach es bunt \u2013 und zwar richtig bunt! &#x1f308;<\/h3>\n\n\n\n<p><strong>Was ein f\u00fcnfj\u00e4hriges Kind tun w\u00fcrde:<\/strong> Mit einem ganzen Haufen bunter Stifte w\u00fcrde ein Kind nicht lange nachdenken, sondern direkt loslegen. Ein bisschen Rot hier, ein knalliges Blau da, vielleicht noch ein Hauch von Glitzer \u2013 Hauptsache, es leuchtet und f\u00e4llt auf!<\/p>\n\n\n\n<p><strong>Was man daraus lernen kann:<\/strong> Farben haben die F\u00e4higkeit, Menschen emotional zu ber\u00fchren. Ein knalliges Pink ist vielleicht untypisch f\u00fcr eine Finanzseite, aber es wird Aufmerksamkeit erregen. Es lohnt sich, auch mal etwas zu wagen und mit intensiven Farben zu experimentieren, die Lebendigkeit ausstrahlen und im Ged\u00e4chtnis bleiben.<\/p>\n\n\n\n<p><strong>Praxistipp:<\/strong> Tools wie \u201eAdobe Color\u201c oder \u201eCoolors\u201c sind wie eine Box voller Wachsmalstifte \u2013 sie bieten ungew\u00f6hnliche, frische Farbkombinationen. Hier lassen sich Akzente setzen und Farben finden, die wirklich sprechen.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"2-gro\u00dfe-buttons-je-gro\u00dfer-desto-besser\">2. Gro\u00dfe Buttons \u2013 je gr\u00f6\u00dfer, desto besser! &#x1f446;<\/h3>\n\n\n\n<p><strong>Was ein f\u00fcnfj\u00e4hriges Kind tun w\u00fcrde:<\/strong> Ein Kind m\u00f6chte, dass Dinge auffallen, und macht sie gro\u00df und bunt. Ein \u201eDr\u00fcck mich!\u201c-Knopf w\u00fcrde wahrscheinlich leuchten wie ein riesiger Kaugummiautomat.<\/p>\n\n\n\n<p><strong>Was man daraus lernen kann:<\/strong> Auff\u00e4llige, gro\u00dfe Buttons ziehen f\u00f6rmlich die Aufmerksamkeit auf sich. Studien zeigen, dass Menschen viel eher klicken, wenn ein Button prominent und leicht zug\u00e4nglich ist. Buttons k\u00f6nnen so ins Rampenlicht gestellt werden, dass sie geradezu \u201egeklickt werden wollen\u201c. Mit einem sanften Pulsieren oder Farbwechsel beim \u00dcberfahren entsteht eine lebendige Wirkung.<\/p>\n\n\n\n<p><strong>Praxistipp:<\/strong> Die Gr\u00f6\u00dfe von Buttons l\u00e4sst sich testen. Oft gilt: Wenn sie fast zu gro\u00df erscheinen, sind sie wahrscheinlich genau richtig! Ein \u201eDr\u00fcck mich\u201c-Button kann beim Hover sogar glitzern oder pulsieren \u2013 Animationen wie diese steigern bei der richtigen Zielgruppe die Klickfreude.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"3-weg-mit-der-perfektion-willkommen-kritzeleien\">3. Weg mit der Perfektion \u2013 Willkommen, Kritzeleien! &#x270d;&#xfe0f;<\/h3>\n\n\n\n<p><strong>Was ein f\u00fcnfj\u00e4hriges Kind tun w\u00fcrde:<\/strong> Ein Kind malt nicht perfekt, sondern mit Leidenschaft. Wenn Linien schief sind oder Farben \u00fcber den Rand gehen, kann das Teil des Designs sein und ihm Charme und Einzigartigkeit verleihen.<\/p>\n\n\n\n<p><strong>Was man daraus lernen kann:<\/strong> Perfektion kann schnell k\u00fchl und distanziert wirken. Ein paar handgezeichnete Elemente, skizzenhafte Linien oder kleine Kritzeleien geben einem Design eine warme, menschliche Note und machen es einzigartig.<\/p>\n\n\n\n<p><strong>Praxistipp:<\/strong> Handgezeichnete Icons oder kleine Illustrationen verleihen Pers\u00f6nlichkeit. Tools wie \u201eProcreate\u201c oder \u201eAdobe Fresco\u201c bieten Texturen, die aussehen, als k\u00e4men sie direkt aus dem Skizzenbuch.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"4-erstmal-alles-ausprobieren-und-dann-sehen-was-cool-aussieht\">4. Erstmal alles ausprobieren \u2013 und dann sehen, was cool aussieht &#x1f504;<\/h3>\n\n\n\n<p><strong>Was ein f\u00fcnfj\u00e4hriges Kind tun w\u00fcrde:<\/strong> Kinder denken nicht dar\u00fcber nach, was \u201efunktioniert\u201c. Sie schieben Dinge herum, probieren Farben aus und fangen immer wieder von vorne an, bis das Bild passt.<\/p>\n\n\n\n<p><strong>Was man daraus lernen kann:<\/strong> Im Webdesign ist das \u201eTry-and-Error\u201c-Prinzip oft effektiver als festgefahrene Regeln. Es lohnt sich, Formen, Farben und Typografien zu mischen und flexibel zu bleiben \u2013 oft entstehen durch spontane Kombinationen die besten Ideen.<\/p>\n\n\n\n<p><strong>Praxistipp:<\/strong> Design-Tools wie \u201eFigma\u201c oder \u201eSketch\u201c erm\u00f6glichen es, Layouts flexibel auszuprobieren. \u00dcberraschende Ideen ergeben sich oft, wenn spontan mit Elementen gespielt wird.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"5-mach-es-zum-spielplatz-interaktive-elemente-ohne-ende\">5. Mach es zum Spielplatz \u2013 interaktive Elemente ohne Ende! &#x1f3a0;<\/h3>\n\n\n\n<p><strong>Was ein f\u00fcnfj\u00e4hriges Kind tun w\u00fcrde:<\/strong> Ein Kind m\u00f6chte Dinge ber\u00fchren, anklicken und entdecken. Eine Website, auf der ein Dinosaurier \u00fcber den Bildschirm l\u00e4uft oder Sterne beim Anklicken leuchten, w\u00fcrde sicher begeistern.<\/p>\n\n\n\n<p><strong>Was man daraus lernen kann:<\/strong> Interaktive Elemente beleben jede Website und wecken Neugier. Warum nicht Icons zum H\u00fcpfen bringen, wenn man mit der Maus dar\u00fcberf\u00e4hrt? Solche Details verwandeln eine Website in ein Erlebnis.<\/p>\n\n\n\n<p><strong>Praxistipp:<\/strong> Tools wie \u201eLottieFiles\u201c bieten kleine Animationen, die in Websites eingebunden werden k\u00f6nnen, ohne die Ladezeiten zu erh\u00f6hen. Solche beweglichen Details lockern das Design auf und bringen Freude beim Erkunden. Aber Vorsicht: Solche Effekte k\u00f6nnen auch schnell \u00fcberreizen und erm\u00fcden &#8211; deshalb immer mit Bedacht einsetzen. <\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"6-warum-auf-den-text-achten-bilder-sagen-mehr\">6. Warum auf den Text achten? Bilder sagen mehr! &#x1f5bc;&#xfe0f;<\/h3>\n\n\n\n<p><strong>Was ein f\u00fcnfj\u00e4hriges Kind tun w\u00fcrde:<\/strong> Ein Kind w\u00fcrde sich erst die Bilder anschauen und den Text vielleicht sp\u00e4ter lesen. Die Botschaft sollte schnell und emotional ankommen \u2013 daf\u00fcr eignen sich Bilder oft besser als Worte.<\/p>\n\n\n\n<p><strong>Was man daraus lernen kann:<\/strong> Texte lassen sich auf das Wesentliche reduzieren, w\u00e4hrend Bilder die emotionale Botschaft tragen. Ein auff\u00e4lliges Hero-Bild oder eine Infografik kann oft mehr vermitteln als ein Textblock und zieht den Blick sofort auf sich.<\/p>\n\n\n\n<p><strong>Praxistipp:<\/strong> Plattformen wie \u201eUnsplash\u201c oder \u201ePexels\u201c bieten hochwertige Bilder, die Emotionen wecken. Bilder lassen sich mit kurzen, pr\u00e4gnanten Texten kombinieren, die die Botschaft direkt auf den Punkt bringen.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"7-gro\u00df-denken-voller-bildschirm-volle-wirkung\">7. Gro\u00df denken \u2013 voller Bildschirm, volle Wirkung! &#x1f5a5;&#xfe0f;<\/h3>\n\n\n\n<p><strong>Was ein f\u00fcnfj\u00e4hriges Kind tun w\u00fcrde:<\/strong> Ein Kind hat keine Geduld f\u00fcr winzige Bilder oder versteckte Texte. Alles sollte sofort auf den ersten Blick sichtbar sein.<\/p>\n\n\n\n<p><strong>Was man daraus lernen kann:<\/strong> Gro\u00df denken \u2013 vor allem bei Headlines und Call-to-Actions \u2013 zieht die Blicke an und macht neugierig. Gro\u00dfe, markante Titel und Bilder sorgen f\u00fcr eine klare Wirkung.<\/p>\n\n\n\n<p><strong>Praxistipp:<\/strong> Mit White Space l\u00e4sst sich die Aufmerksamkeit lenken, und verschiedene Layouts helfen, das Design klar und \u00fcbersichtlich zu halten.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"8-lass-die-fantasie-verruckt-spielen-ein-thema-ist-nie-zu-verruckt\">8. Lass die Fantasie verr\u00fcckt spielen \u2013 ein Thema ist nie zu verr\u00fcckt! &#x1f984;<\/h3>\n\n\n\n<p><strong>Was ein f\u00fcnfj\u00e4hriges Kind tun w\u00fcrde:<\/strong> Kinder denken grenzenlos. Ein Regenbogen-Einhorn-Theme f\u00fcr eine Website? Warum nicht? Die Fantasie kennt keine Grenzen und l\u00e4sst sich voll entfalten.<\/p>\n\n\n\n<p><strong>Was man daraus lernen kann:<\/strong> Mutige, originelle Themen fallen auf und bleiben im Ged\u00e4chtnis. Wer sich traut, ein ungew\u00f6hnliches Thema f\u00fcr die Website zu w\u00e4hlen, bleibt langfristig in Erinnerung.<\/p>\n\n\n\n<p><strong>Praxistipp:<\/strong> Einzigartige Illustrationen oder kreative Layouts fallen sofort auf. Eine solche Seite bleibt den Besuchenden sicher lange in Erinnerung.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h3 class=\"wp-block-heading\" id=\"fazit-der-beste-design-lehrer-ist-das-innere-kind\">Fazit: Der beste Design-Lehrer ist das innere Kind &#x1f467;<\/h3>\n\n\n\n<p>Die unvoreingenommene und kreative Sicht eines Kindes kann neue Perspektiven im Webdesign er\u00f6ffnen. Wer den Mut hat, ohne strikte Regeln zu experimentieren, entdeckt oft die \u00fcberraschendsten Designs. Daher: Mutig sein, bunt denken und das n\u00e4chste Projekt als kleines Abenteuer gestalten.<\/p>\n\n\n\n<p><strong>Auf ins kreative Chaos \u2013 und viel Spa\u00df dabei!<\/strong> &#x1f31f;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Fangen wir mal mit einem etwas ungew\u00f6hnlichem Gespr\u00e4ch zwischen einem Firmenchef und einem f\u00fcnfj\u00e4hrigem Kind an: Firmenchef: \u201eAlso, &#8230; \u00e4h, wie hei\u00dft du nochmal? Thorsten? Thomas? Jedenfalls &#8230; du bist hier, weil wir unsere Website komplett neu gestalten wollen. Die alte ist \u2013 naja, langweilig.\u201cF\u00fcnfj\u00e4hriges Kind: \u201eOkay! Die mach ich super bunt! Mit viiiel Rot&#8230;<\/p>\n","protected":false},"author":1,"featured_media":79385,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_gspb_post_css":"","_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"footnotes":""},"categories":[201,204],"tags":[],"class_list":{"0":"post-79381","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-texte","8":"category-tipps"},"acf":[],"taxonomy_info":{"category":[{"value":201,"label":"Texte"},{"value":204,"label":"Tipps"}]},"featured_image_src_large":["https:\/\/der-die-das.info\/wp-content\/uploads\/5_webdesign.jpg",926,724,false],"author_info":{"display_name":"thomas.ulbricht","author_link":"https:\/49af6cbb0d3ee5d3\/49af6cbb0d3ee5d3der-die-das.info\/49af6cbb0d3ee5d3?author=1"},"comment_info":0,"category_info":[{"term_id":201,"name":"Texte","slug":"texte","term_group":0,"term_taxonomy_id":201,"taxonomy":"category","description":"","parent":0,"count":17,"filter":"raw","cat_ID":201,"category_count":17,"category_description":"","cat_name":"Texte","category_nicename":"texte","category_parent":0},{"term_id":204,"name":"Tipps","slug":"tipps","term_group":0,"term_taxonomy_id":204,"taxonomy":"category","description":"","parent":0,"count":12,"filter":"raw","cat_ID":204,"category_count":12,"category_description":"","cat_name":"Tipps","category_nicename":"tipps","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/der-die-das.info\/index.php?rest_route=\/wp\/v2\/posts\/79381","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/der-die-das.info\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/der-die-das.info\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/der-die-das.info\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/der-die-das.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=79381"}],"version-history":[{"count":4,"href":"https:\/\/der-die-das.info\/index.php?rest_route=\/wp\/v2\/posts\/79381\/revisions"}],"predecessor-version":[{"id":79393,"href":"https:\/\/der-die-das.info\/index.php?rest_route=\/wp\/v2\/posts\/79381\/revisions\/79393"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/der-die-das.info\/index.php?rest_route=\/wp\/v2\/media\/79385"}],"wp:attachment":[{"href":"https:\/\/der-die-das.info\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=79381"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/der-die-das.info\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=79381"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/der-die-das.info\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=79381"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}