{"id":490,"date":"2019-05-27T18:08:09","date_gmt":"2019-05-27T16:08:09","guid":{"rendered":"https:\/\/ekiwi.de\/?p=490"},"modified":"2019-05-27T18:08:09","modified_gmt":"2019-05-27T16:08:09","slug":"das-perfekte-design-fuer-die-eigene-website","status":"publish","type":"post","link":"https:\/\/ekiwi.de\/index.php\/490\/das-perfekte-design-fuer-die-eigene-website\/","title":{"rendered":"Das perfekte Design f\u00fcr die eigene Website"},"content":{"rendered":"<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_82_2 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Inhalt<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/ekiwi.de\/index.php\/490\/das-perfekte-design-fuer-die-eigene-website\/#Farbwahl\" >Farbwahl<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/ekiwi.de\/index.php\/490\/das-perfekte-design-fuer-die-eigene-website\/#Stilfrage\" >Stilfrage<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/ekiwi.de\/index.php\/490\/das-perfekte-design-fuer-die-eigene-website\/#Statisch_vs_Bewegt\" >Statisch vs. Bewegt<\/a><\/li><\/ul><\/nav><\/div>\n<p>Wer sich bereits mit der Programmierung der eigenen Website besch\u00e4ftigt hat, steht oft vor der gro\u00dfen Frage des Designs. Die Entscheidung f\u00fcr das passende Aussehen der Website ist ungemein wichtig, um bei Besuchern einen bleibenden Eindruck zu hinterlassen und das Interesse innerhalb der ersten Sekunden zu erwecken. T\u00e4glich besucht der typische Internetuser zahlreiche Websites und ist dabei durch die schiere Menge der Angebote und Informationsdichte schnell \u00fcberw\u00e4ltigt. Ein einheitliches Design mit einer klaren Message ist daher besonders wichtig, um innerhalb der kurzen Aufmerksamkeitsspanne von Usern genau das zu bieten, was gesucht wurde. Wir verraten, worauf es ankommt.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Farbwahl\"><\/span>Farbwahl<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Die Farbwahl einer Website ist tats\u00e4chlich besonders wichtig. Grunds\u00e4tzlich sollte man sich dabei auf eine oder wenige Farben beschr\u00e4nken und dann verschiedene Helligkeiten und T\u00f6ne dieser Farbe einsetzen. Niemand m\u00f6chte einen bunten Regenbogen auf seinem Display aufleuchten sehen und sofort den \u00dcberblick verlieren. Verschiedene Farben haben eine psychologische Wirkung auf unseren Verstand. So erh\u00f6ht rot z. B. die Aufmerksamkeit, blau wirkt vertrauensw\u00fcrdig und professionell, gelb steigert die gute Laune und gr\u00fcn verleiht ein Gef\u00fchl von Best\u00e4ndigkeit und hoher Qualit\u00e4t. Einige Webportale nutzen nicht nur die psychologische Wirkung der Farben, sondern machen die Farbe selbst zu einem Markenzeichen. Bei dem Gedanken an eine blaue Website werden die meisten wohl schnell an das soziale Netzwerk <a href=\"https:\/\/www.facebook.com\/\">Facebook<\/a> denken. Die Gl\u00fccksspielplattform <a href=\"https:\/\/mr.green\/de\/\">Mr Green<\/a> macht ihren Namen zum Programm und gestaltet ihre Website in der passenden Farbe gr\u00fcn. Diese wird f\u00fcr viele auch mit Nachhaltigkeit und sozialer Verantwortung verbunden. Mr Green hat daher sein Spielerschutzprogramm Green Gaming genannt, was sowohl f\u00fcr das Unternehmen selbst als auch f\u00fcr das Engagement der Firma steht.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" src=\"\/wp-content\/uploads\/2019\/05\/mann-computer.jpg\" alt=\"Mann vorm Computer Quelle: https:\/\/unsplash.com\/photos\/iEiUITs149M\" width=\"500\" height=\"333\" class=\"aligncenter size-full wp-image-492\" srcset=\"\/wp-content\/uploads\/2019\/05\/mann-computer.jpg 500w, \/wp-content\/uploads\/2019\/05\/mann-computer-300x200.jpg 300w, \/wp-content\/uploads\/2019\/05\/mann-computer-120x80.jpg 120w, \/wp-content\/uploads\/2019\/05\/mann-computer-480x320.jpg 480w\" sizes=\"auto, (max-width: 500px) 100vw, 500px\" \/><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Stilfrage\"><\/span>Stilfrage<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Ist die Farbwahl entschieden, stellt sich f\u00fcr die zuk\u00fcnftigen Besitzer einer Website eine weitere Frage. Um einen gleichm\u00e4\u00dfigen Stil durch den gesamten Webauftritt zu gew\u00e4hrleisten, sollte bereits zu Beginn ein vollst\u00e4ndiges Konzept entwickelt werden. Wird die Website im Blogformat durchgef\u00fchrt? Stehen hochaufl\u00f6sende Bilder im Vordergrund oder ist Text das wichtigste Medium? Passt ein schlichter Stil zum Thema der Seite oder sind auff\u00e4llige Bilder und Symbole im Vordergrund? Wer sich hierbei \u00fcberfordert f\u00fchlt, kann sich durch Templates eines Baukasten-Tools wie <a href=\"https:\/\/de.wordpress.org\/\">WordPress<\/a> die Arbeit erleichtern. Diese sind zwar nicht komplett individuell, f\u00fcr Design-Neulinge aber mit Sicherheit die richtige Wahl.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"Statisch_vs_Bewegt\"><\/span>Statisch vs. Bewegt<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Durch die Verbreitung von HTML5 entscheiden sich immer mehr Webmaster dazu, ihre Website durch bewegte Inhalte aufzupeppen. Das kann in einem guten Gesamtkonzept und mit dem passenden Thema der Website richtig gut ankommen. Trotzdem ist im Webdesign weniger oft mehr. Eine gut gelungene Animation zum Einstieg der Website ist oft schon genug und sollte nicht zu lange sein, schlie\u00dflich haben Besucher oft wenig Zeit und wollen m\u00f6glichst effizient und schnell an ihre gesuchten Informationen gelangen. Das Reiseportal <a href=\"https:\/\/www.airbnb.de\/map\">AirBnB<\/a> zeigt in einer gelungenen Animation auf, wie es geht. Die bewegten Inhalte passen perfekt zum Thema, regen bei Betrachtern Emotionen wie Reiselust und Fernweh aus und verf\u00fcgen \u00fcber einen Link, mit dem schnell auf das Suchportal gewechselt werden kann, sollte die Animation nicht interessieren. An einer rein statischen Website ist jedoch auch nichts falsch. Ist das Design gut gew\u00e4hlt, sind Animationen und andere Spielerein oft gar nicht notwendig.<\/p>","protected":false},"excerpt":{"rendered":"<p>Wer sich bereits mit der Programmierung der eigenen Website besch\u00e4ftigt hat, steht oft vor der gro\u00dfen Frage des Designs. Die<\/p>\n","protected":false},"author":2,"featured_media":491,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_links_to":"","_links_to_target":""},"categories":[5],"tags":[],"class_list":["post-490","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hmtl"],"_links":{"self":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/490","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/comments?post=490"}],"version-history":[{"count":0,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/posts\/490\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media\/491"}],"wp:attachment":[{"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/media?parent=490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/categories?post=490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ekiwi.de\/index.php\/wp-json\/wp\/v2\/tags?post=490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}