{"id":13755,"date":"2018-01-24T15:21:06","date_gmt":"2018-01-24T15:21:06","guid":{"rendered":"http:\/\/www.emaze.com\/?p=13755"},"modified":"2023-08-02T06:11:42","modified_gmt":"2023-08-02T06:11:42","slug":"5-top-website-design-trends-expect-2018","status":"publish","type":"post","link":"https:\/\/www.emaze.com\/de\/5-top-website-design-trends-erwarten-2018\/","title":{"rendered":"Die 5 wichtigsten Website-Design-Trends, die Sie 2018 erwarten k\u00f6nnen"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">Kommt es Ihnen nicht so vor, als g\u00e4be es jedes Mal, wenn Sie nachschlagen, einen neuen Trend, den es zu beobachten gilt? Die Welt des Stils und Designs ver\u00e4ndert sich schnell, und insbesondere der sich st\u00e4ndig weiterentwickelnde und hochinnovative Bereich des Website-Designs. Das d\u00fcrfte keine \u00dcberraschung sein, denn die meisten von uns verbringen einen sehr gro\u00dfen Teil ihres Tages damit, sich Websites anzuschauen, sei es f\u00fcr den beruflichen oder privaten Gebrauch. Wenn die Leute also so viel Zeit damit verbringen, sich Websites anzuschauen, m\u00f6chten Sie das sicherstellen <\/span><i><span style=\"font-weight: 400;\">dein<\/span><\/i><span style=\"font-weight: 400;\"> ist dasjenige mit dem UX\/UI-Design, das einen unvergesslichen Eindruck hinterlassen wird.&nbsp;<\/span><\/p>\n<p><!--more--><\/p>\n<p><span style=\"font-weight: 400;\">Wir haben uns k\u00fcrzlich mit Hadas Shviro, dem Head of Design bei Emaze, unterhalten, um herauszufinden, welche die voraussichtlich gr\u00f6\u00dften und wirkungsvollsten Website-Design-Trends des Jahres 2018 sein werden. Lesen Sie weiter, um herauszufinden, welche die f\u00fcnf beliebtesten sein werden und topaktuelle Styles des neuen Jahres!<\/span><\/p>\n<h2>Typografie-Trends, die Sie im Auge behalten sollten<\/h2>\n<p><span style=\"font-weight: 400;\">Einer der gr\u00f6\u00dften Trends, den wir im Jahr 2018 im Website-Design beobachten werden, ist die Verlagerung hin zu mutigen und kreativen Typografieanwendungen. Wie Hadas erkl\u00e4rte, wurden auf Websites bis in die letzten Jahre eigentlich nur ein paar einfache Typografiestile verwendet, vielleicht mit einem etwas dekorativeren Stil f\u00fcr Titel und \u00dcberschriften. Am auff\u00e4lligsten sei, sagte sie, das weitgehende Fehlen von Serifenschriften und die \u00fcberwiegende Verwendung von serifenlosen oder gotischen Schriftarten (denken Sie an Schriftarten wie Open Sans). F\u00fcr diejenigen, die sich mit Schriftarten nicht auskennen: Eine Serife ist eine kleine Linie, die am Ende eines Strichs in einem Buchstaben oder Symbol angeh\u00e4ngt wird (denken Sie an eine Schreibmaschinenschrift), und serifenlose Schriftarten haben diese Linie nicht. <\/span><\/p>\n<p><span style=\"font-weight: 400;\">In den letzten Jahren und zunehmend auch im Jahr 2018 wird es in der Welt des Website-Designs einen gro\u00dfen Trend hin zu einer gr\u00f6\u00dferen und kreativeren Vielfalt an Typografiestilen geben, deren \u00e4u\u00dferst effektive Rolle bei der Vermittlung des Stils und der Markenbotschaft einer Website untersch\u00e4tzt wird. Beim Website-Design wird es mehr geometrische Schriftarten (wie Roboto und Montserrat), Serifenschriftarten (wie Baskerville und Rufina) und Monospace-Schriftarten im Schreibmaschinenstil (wie Arvo) geben. Angesichts dieser Fortschritte hat Emaze hinzugef\u00fcgt <a href=\"https:\/\/www.emaze.com\/de\/2018\/01\/07\/emaze-updates-new-features-in-2018\/\">Dutzende neuer aufregender Schriftarten<\/a> zu seiner Online-Software, die Designer und regelm\u00e4\u00dfige Benutzer nutzen k\u00f6nnen. Hadas hebt Beispiele von Emaze-Website-Vorlagen hervor, die sie und das Designteam erstellt haben und die diesen Stil der kr\u00e4ftigen Typografie beinhalten.<\/span><\/p>\n<p>Hier ist eine Emaze-Website-Vorlage, die einige der genannten Typografie-Trends zeigt:<\/p>\n<p><iframe src=\"https:\/\/app.emaze.com\/@AOOTQWOLO\/stylish\" width=\"800px\" height=\"450px\" seamless=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><a href=\"https:\/\/www.emaze.com\/de\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" style=\"margin: 5px; border: none;\" src=\"\/\/resources.emaze.com\/mypres\/css\/images\/embed.png\" alt=\"Angetrieben von Emaze\"><\/a><\/p>\n<p><span style=\"font-weight: 400;\">Dar\u00fcber hinaus bevorzugen Designer die Verwendung gro\u00dfer Typografie als Teil des Key Visuals auf einer Website, eine sehr fortschrittliche \u00c4nderung, die traditionell nicht Teil des Standard-Website-Designs war. F\u00fcr ein erfolgreiches Website-Design ist es wichtig, nicht nur die richtigen Schriftarten auszuw\u00e4hlen, sondern auch solche auszuw\u00e4hlen, die das Markenthema und die Botschaft hervorheben, und au\u00dferdem mehrere Schriftarten f\u00fcr verschiedene Bereiche und Texttypen auf der gesamten Website auszuw\u00e4hlen. Typografie und ihre entscheidende Rolle f\u00fcr das Gesamtbild und die Wirkung einer Website werden oft \u00fcbersehen, erkl\u00e4rt Hadas. Also, Sie haben es hier geh\u00f6rt \u2013 viel Spa\u00df und seien Sie clever mit Typografie! <a href=\"https:\/\/www.emaze.com\/de\/websites\/\">Erstellen Sie Ihre kostenlose Website<\/a> mit einer vorgefertigten Vorlage in Emaze<\/span><span style=\"font-weight: 400;\">, oder schauen Sie sich unsere Vorlagen an, um Inspiration f\u00fcr Schriftarten zu erhalten, und beginnen Sie dann von vorne.<\/span><\/p>\n<h2>Bleiben Sie im Einklang mit dem modularen Design<\/h2>\n<p><span style=\"font-weight: 400;\">Obwohl modulares Design kein v\u00f6llig neuer Trend ist, wird erwartet, dass es im Jahr 2018 weiter an Beliebtheit gewinnt. Was ist modulares Design? Es handelt sich um eine UX\/UI-Designtechnik, die ein Blockrastermuster verwendet, um das Layout einer Website zu strukturieren, und eine gute M\u00f6glichkeit darstellt, eine Website sowohl organisiert als auch optisch interessant zu gestalten, erkl\u00e4rt Hadas. Modulares Design ist besonders eine gro\u00dfartige Option f\u00fcr die Verwaltung und Pr\u00e4sentation vieler Inhalte oder wenn es verschiedene Elemente gibt, die nicht miteinander in Zusammenhang stehen, da dieser Ansatz eine sch\u00f6ne M\u00f6glichkeit bietet, sie miteinander zu verbinden. Es hat sich bei vielen Unternehmen zu einem beliebten Stil f\u00fcr ihre Websites entwickelt, ist aber auch bei Bloggern und Influencern beliebt, um ihre Inhalte aufzulockern.<\/span><\/p>\n<h2>Mit modernem Retro zur\u00fcck in die Zukunft<\/h2>\n<p><span style=\"font-weight: 400;\">Gute Nachrichten f\u00fcr alle Fans von 90er-Jahre-Designs! Der \u201emoderne Retro\u201c-Look feiert 2018 ein gro\u00dfes Comeback. Der \u00fcbertriebene Pixel-Look der Videospiele, mit denen Sie aufgewachsen sind, kehrt zur\u00fcck, dieses Mal mit einer neuen modernen Note. Warum jetzt? Bilder und Designelemente, die einst beliebt waren, vermitteln dem Betrachter ein Gef\u00fchl der Behaglichkeit und Nostalgie f\u00fcr diese Zeit und sollen den Verbraucher an seine Jugend erinnern. Dieser besondere Designstil, so Hadas, wird vor allem mit der \u201eGeek\u201c- und Tech-Kultur in Verbindung gebracht, beispielsweise durch die Verwendung von Computerbildern der alten Schule und allen Vintage-Dingen aus dieser Zeit. Zwei weitere bemerkenswerte Merkmale dieses Stils sind die ikonischen pixelbasierten Illustrationen, die fr\u00fchen Videospielen nachempfunden sind, sowie farbenfrohe, skurrile Strichzeichnungen, geometrische Formen und Kringel. Erfahren Sie mehr \u00fcber diesen Trend <a href=\"https:\/\/premium.wpmudev.org\/blog\/web-design-trends-2017\/\">Hier<\/a>. Obwohl dieser Designstil nicht f\u00fcr jede Art von Website geeignet ist, ist er sicherlich eine gro\u00dfartige Option f\u00fcr etwas, das sich an unterhaltsame, junge und technikaffine Millennials richtet.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Hier ist ein Beispiel f\u00fcr eine Website-Vorlage im \u201emodernen Retro\u201c-Stil in Emaze:<\/span><\/p>\n<p><iframe src=\"https:\/\/app.emaze.com\/@AOOTQWCFW\/gamer\" width=\"800px\" height=\"450px\" seamless=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><a href=\"https:\/\/www.emaze.com\/de\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" style=\"margin: 5px; border: none;\" src=\"\/\/resources.emaze.com\/mypres\/css\/images\/embed.png\" alt=\"Angetrieben von Emaze\"><\/a><\/p>\n<h2>Machen Sie eine Reise zur dunklen Seite<\/h2>\n<p><span style=\"font-weight: 400;\">In den letzten Jahren gab es einen beliebten Trend zur Erstellung minimalistischer Websites mit wei\u00dfem oder neutralem Hintergrund und m\u00f6glicherweise einigen farbenfrohen Elementen im gesamten Design. W\u00e4hrend diese Stil-Websites es definitiv nicht sind <\/span><i><span style=\"font-weight: 400;\">aus<\/span><\/i><span style=\"font-weight: 400;\"> Stilistisch scheint sich ein neuer Trend zu Websites mit dunkleren Themen abzuzeichnen <\/span><i><span style=\"font-weight: 400;\">In<\/span><\/i><span style=\"font-weight: 400;\"> Stil. Hadas bemerkt, dass es in der Welt des Website-Designs viele neue Websites mit einem dunklen Hintergrund oder einem dunklen Hintergrund mit Farbverlauf gibt. Dark vermittelt eine elegante und raffinierte Atmosph\u00e4re. Obwohl es wahrscheinlich nicht der verspielteste Stil ist, funktioniert er auf jeden Fall f\u00fcr bestimmte Arten von Websites. Dieser Stil taucht immer h\u00e4ufiger auf Websites von Technologieunternehmen, K\u00fcnstlern und Musikern auf, wird aber bei Dingen wie Food-Blogs oder Mode-Websites seltener als beliebter Stil auftauchen. Wenn Sie f\u00fcr eine Website einen dunkleren Look w\u00e4hlen, erregen Sie mit Sicherheit Aufmerksamkeit in einem Raum, in dem so viele Websites immer noch ein \u00e4hnliches neutrales\/wei\u00dfes Erscheinungsbild haben. Wenn Sie also ein dramatisches Statement abgeben und aus der Masse hervorstechen m\u00f6chten, ist dies eine gro\u00dfartige Option!<\/span><\/p>\n<p>Hier ist ein Beispiel einer dunklen Emaze-Website-Vorlage:<\/p>\n<p><iframe src=\"https:\/\/app.emaze.com\/@AOOTQWLZO\/city-lights\" width=\"800px\" height=\"450px\" seamless=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><a href=\"https:\/\/www.emaze.com\/de\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" style=\"margin: 5px; border: none;\" src=\"\/\/resources.emaze.com\/mypres\/css\/images\/embed.png\" alt=\"Angetrieben von Emaze\"><\/a><\/p>\n<h2>Auf die dekorativen Details kommt es an<\/h2>\n<p><span style=\"font-weight: 400;\">Kleine Details haben im richtigen Ma\u00df das Potenzial, eine gro\u00dfe Wirkung zu erzielen. Dies ist in der Tat der Fall, wenn es um kleine dekorative Details im Website-Design geht. Einfache, schlichte, moderne Websites sind nicht out \u2013 sie werden bleiben, aber mit einer Wendung. Vorbei sind die Zeiten, in denen Klickschaltfl\u00e4chen Rechtecke mit scharfen Kanten waren. Mittlerweile setzen Designer auf verschiedene Knopfformen und bevorzugen vor allem solche mit weichen Kanten, erkl\u00e4rt Hadas. Die kleinsten geometrischen Formen, Linien und Fragmente werden auf kreative Weise in die UI-Designs von Websites integriert. Sie machen keinen gro\u00dfen Teil des gesamten Inhalts und Layouts eines Website-Designs aus, verleihen einer ansonsten neutralen, elementfreien Website jedoch noch ein wenig mehr Charakter. Unterstriche, Bindestriche und Pfeile werden verwendet, um grundlegenden Teilen einer Website, wie \u00dcberschriften und Untertiteln, ein wenig Stil zu verleihen, und alle diese Elemente sind oft interaktiv, das hei\u00dft, sie bewegen sich entsprechend einer Bewegung, die der Benutzer mit seiner Maus auf der Website ausf\u00fchrt Bildschirm. F\u00fcr Website-Designer und Unternehmen, die einen professionellen, modernen und minimalistischen Look anstreben, ist dieser Stil einen Versuch wert.<\/span><\/p>\n<p><iframe src=\"https:\/\/app.emaze.com\/@AOOTQWILW\/shapes\" width=\"800px\" height=\"450px\" seamless=\"\" allowfullscreen=\"allowfullscreen\"><\/iframe><a href=\"https:\/\/www.emaze.com\/de\/\" target=\"_blank\" rel=\"noopener noreferrer\"><img decoding=\"async\" style=\"margin: 5px; border: none;\" src=\"\/\/resources.emaze.com\/mypres\/css\/images\/embed.png\" alt=\"Angetrieben von Emaze\"><\/a><\/p>\n<p>M\u00f6chten Sie einige dieser Trends ausprobieren? Sehen Sie viele weitere Emaze <a href=\"https:\/\/www.emaze.com\/de\/websites\/\">Website-Vorlagen<\/a>&nbsp;um eine Vielzahl von Beispielen zu finden, die diese 5 und viele weitere Trends hervorheben.<\/p>\n<p>Sind Sie bereit, mit der Erstellung Ihrer Website zu beginnen? Suchen Sie nach einem schnelleren Website-Builder? Nutzen Sie unseren Website-Generator, um in wenigen Minuten Ihre kostenlose, individuelle Emaze-Website zu erstellen!<\/p>","protected":false},"excerpt":{"rendered":"<p>Kommt es Ihnen nicht so vor, als g\u00e4be es jedes Mal, wenn Sie nachschlagen, einen neuen Trend, den es zu beobachten gilt? Die Welt des Stils und Designs ver\u00e4ndert sich schnell, und insbesondere der sich st\u00e4ndig weiterentwickelnde und hochinnovative Bereich des Website-Designs. Das d\u00fcrfte keine \u00dcberraschung sein, denn eine gro\u00dfe Mehrheit von uns verbringt einen sehr gro\u00dfen Teil unseres [\u2026]<\/p>","protected":false},"author":1,"featured_media":26997,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51,78],"tags":[10,4,23,44,58,32,113,86,114,28,115,116],"class_list":["post-13755","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-website-and-blog","tag-design","tag-emaze","tag-emaze-templates","tag-presentation-software","tag-technology","tag-templates","tag-ui","tag-ux","tag-web-design","tag-website","tag-weebly","tag-wix"],"_links":{"self":[{"href":"https:\/\/www.emaze.com\/de\/wp-json\/wp\/v2\/posts\/13755","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.emaze.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.emaze.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.emaze.com\/de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.emaze.com\/de\/wp-json\/wp\/v2\/comments?post=13755"}],"version-history":[{"count":4,"href":"https:\/\/www.emaze.com\/de\/wp-json\/wp\/v2\/posts\/13755\/revisions"}],"predecessor-version":[{"id":30065,"href":"https:\/\/www.emaze.com\/de\/wp-json\/wp\/v2\/posts\/13755\/revisions\/30065"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.emaze.com\/de\/wp-json\/wp\/v2\/media\/26997"}],"wp:attachment":[{"href":"https:\/\/www.emaze.com\/de\/wp-json\/wp\/v2\/media?parent=13755"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.emaze.com\/de\/wp-json\/wp\/v2\/categories?post=13755"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.emaze.com\/de\/wp-json\/wp\/v2\/tags?post=13755"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}