{"id":31721,"date":"2020-02-04T04:37:53","date_gmt":"2020-02-04T12:37:53","guid":{"rendered":"https:\/\/kinsta.com\/?p=63943"},"modified":"2023-10-02T19:38:41","modified_gmt":"2023-10-02T18:38:41","slug":"webdesign-trends","status":"publish","type":"post","link":"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/","title":{"rendered":"R\u00fcckblick auf die wichtigsten Webdesign-Trends (2018-2019)"},"content":{"rendered":"<p><a href=\"https:\/\/kinsta.com\/de\/blog\/best-practices-fur-webdesign\/\">Das Webdesign entwickelt sich st\u00e4ndig weiter<\/a>. Da die Technologie immer leistungsf\u00e4higer wird und die Designer mit neuen Stilen experimentieren, wird jedes Jahr eine einzigartige Reihe aufregender Trends in der Online-Welt vorgestellt. Ausgehend von den in den letzten Jahren entstandenen Designs und den neuen Technologien, die entwickelt werden, kann man vorhersagen, was im Laufe des Jahres 2020 auf uns zukommt.<\/p>\n<p>Lasse uns die letzten Jahre im Webdesign rekapitulieren und die aufkommenden Stile untersuchen, damit wir wissen, was uns im kommenden neuen Jahr und dar\u00fcber hinaus erwarten wird.<\/p>\n<div><\/div><kinsta-auto-toc heading=\"Table of Contents\" exclude=\"last\" list-style=\"arrow\" selector=\"h2\" count-number=\"-1\"><\/kinsta-auto-toc>\n<h2>Warum mit den Trends Schritt halten?<\/h2>\n<p>Nicht jede Modeerscheinung im Webdesign ist praktikabel, soviel ist sicher. Es gibt f\u00fcr alles eine Zeit und einen Ort, und die \u00dcberarbeitung der Webseite aus keinem Grund kann mehr schaden als nutzen, besonders wenn sie auf Kosten der <a href=\"https:\/\/kinsta.com\/de\/blog\/testen-benutzerfreundlichkeit-websites\/\">Benutzerfreundlichkeit und des UX<\/a> geht.<\/p>\n<p>Aber auch wenn du deiner Webseite nicht ohne ernsthafte \u00dcberlegungen ein Facelifting verpassen willst, ist es definitiv eine Bereicherung, mit den Webdesign-Trends Schritt zu halten, insbesondere mit denen, die auf technologischen Fortschritten beruhen.<\/p>\n<p>Wenn man z. B. noch nichts von <a href=\"https:\/\/kinsta.com\/de\/blog\/chatbot\/\">KI-Chatbots<\/a>, progressiven Webanwendungen oder CSS-Grid geh\u00f6rt hat, k\u00f6nnte es sein, dass man veraltete Technik verwendet, die einen die Conversions kostet. Denke daran, wie revolution\u00e4r das <a href=\"https:\/\/kinsta.com\/de\/blog\/google-mobile-first-index\/\">Responsive Webdesign<\/a> auf das Internet gewirkt hat; Du m\u00f6chtest nicht das letzte Mal an Bord sein, wenn sich eine solche Entwicklung das n\u00e4chste Mal wiederholt.<\/p>\n<p>Und selbst wenn die Trends rein \u00e4sthetisch sind, ist es immer noch ein Gewinn, mit ihnen Schritt zu halten. So kann zum Beispiel eine schlichte wei\u00dfe, saubere, einfache Webseite funktional sein. Aber mit dem avantgardistischeren Stil, den das Web-Design in den letzten Jahren angenommen hat, finden die Benutzer es auch ziemlich langweilig.<\/p>\n<p>Selbst kleine \u00c4nderungen wie das Hinzuf\u00fcgen von mehr Farbe, gebrochenen Gittern oder Mikro-Interaktions-Animationen k\u00f6nnen dazu beitragen, dass deine Webseite weiterhin relevant bleibt.<\/p>\n<p>Und da Webdesigner wachsen, lernen und sich an neue Technologien anpassen, sind einige dieser Fortschritte und Trends sowohl in Bezug auf Sch\u00f6nheit als auch Funktionalit\u00e4t sehr viel besser. Denke dar\u00fcber nach, wie Webseiten vor 20 oder sogar 10 Jahren aussahen und funktionierten&#8230; wir haben einen langen Weg zur\u00fcckgelegt und m\u00fcssen noch einen langen Weg gehen.<\/p>\n<p>Wenn du einen modernen Webdesign-Trend siehst, der zu deiner Marke passt und die Benutzerfreundlichkeit unterst\u00fctzt oder zumindest nicht beeintr\u00e4chtigt, k\u00f6nnte es sich lohnen, mitzumachen.<\/p>\n<h2>Rekapitulation: Webdesign-Trends 2018<\/h2>\n<p>Mit dem Jahr 2020 scheint 2018 immer weiter weg zu liegen. Aber seine Trends beeinflussen das Web auch dann noch, wenn ganz neue Stile auftauchen, und da viele davon f\u00fcr das moderne Design immer noch relevant sind, ist es gut, zur\u00fcckzublicken und zu sehen, wie weit wir gekommen sind.<\/p>\n<p>Das Webdesign bewegt sich seit einigen Jahren weg von der minimalistischen Einfachheit und hin zu einem gewagten Individualismus, aber im Jahr 2018 hat es seinen H\u00f6hepunkt erreicht. Die Auswirkungen sind auch jetzt noch sp\u00fcrbar, und das Internet wird sicherlich weiterhin mit originellen, einzigartigen Stilen best\u00fcckt werden.<\/p>\n<h3>2D-Illustrationen, 3D-Animation<\/h3>\n<figure style=\"width: 1197px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/2d-3d-2.png\" alt=\"Ein Beispiel f\u00fcr eine 2D-Abbildung\" width=\"1197\" height=\"739\"><figcaption class=\"wp-caption-text\">Ein Beispiel f\u00fcr eine 2D-Abbildung (Quelle: Nomadenstamm)<\/figcaption><\/figure>\n<p>Illustrationen sind eine der besten M\u00f6glichkeiten, Pers\u00f6nlichkeit zu vermitteln, und 2D-Zeichnungen tauchen immer h\u00e4ufiger auf. Sie eignen sich hervorragend f\u00fcr die Markenbildung und machen deine Webseite viel einpr\u00e4gsamer, so dass es keine \u00dcberraschung sein wird. Eine Webseite mit beeindruckenden Illustrationen wird wahrscheinlich nicht vergessen werden.<\/p>\n<p>Auch 3D-Hintergrundanimationen wurden dank der zunehmenden Leistungsf\u00e4higkeit von Browsern, der Animationstechnologie und Ger\u00e4ten wie Computern und Telefonen immer beliebter. Besonders h\u00e4ufig auf <a href=\"https:\/\/kinsta.com\/de\/blog\/portfolio-website\/\">Portfolio- und Agentur-Webseiten<\/a> ziehen 3D-Animationen sofort die Aufmerksamkeit auf sich und bieten die M\u00f6glichkeit zu unterhaltsamer Interaktivit\u00e4t der Benutzeroberfl\u00e4che.<\/p>\n<p>In der Zukunft werden handgemachte Illustrationen und Animationen nur noch weiter an Popularit\u00e4t gewinnen. Sie zeigen die Pers\u00f6nlichkeit deiner Marke auf eine Art und Weise, wie sonst nichts (<a href=\"https:\/\/kinsta.com\/de\/blog\/strategieuefuruevisuelleueinhalte\/\">es hat sich als Strategie bew\u00e4hrt<\/a>).<\/p>\n<h3>Subtilit\u00e4t, Einfachheit und Minimalismus<\/h3>\n<figure style=\"width: 1325px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/webflow-beliebt-flaches.png\" alt=\"Flaches Design war recht beliebt\" width=\"1325\" height=\"841\"><figcaption class=\"wp-caption-text\">Flaches Design war recht beliebt (Quelle: Webflow)<\/figcaption><\/figure>\n<p>Trotz der Entwicklung hin zu einem originelleren, auff\u00e4lligeren Stil dominierte der Minimalismus weiterhin das Internet. Klare Einfachheit ist unbestreitbar attraktiv, und selbst bei Seiten mit helleren Farben oder experimentellen Elementen ging sie oft mit einem flachen Design einher.<\/p>\n<p>Das &#8222;Flat 2.0&#8220;- oder halbflache Design setzte sich jedoch durch die Verwendung von Schatten, Verl\u00e4ufen und anderen etwas komplexeren Elementen st\u00e4rker durch. Solange es Minimalismus gibt, werden die Designer einen Weg finden, ihm eine neue Richtung zu geben.<\/p>\n<p>Subtile Animationen waren auch ein gro\u00dfer Teil des Jahres 2018, wobei \u00fcberall leichte Parallaxe und sanfte Hover-Effekte auftraten. Diese erlaubten es minimalistischen Webseiten, ihre Einfachheit beizubehalten und gleichzeitig das Gesamtdesign viel sch\u00f6ner zu gestalten.<\/p>\n<h3>Geometrische Design<\/h3>\n<p>Die meisten Seiten enthalten bis zu einem gewissen Grad Polygone und Geometrie, aber das geometrische Design war ein gro\u00dfer Teil des Trends von 2018. Die Seiten wurden ausschlie\u00dflich um einfache Formen wie Quadrate, Rechtecke und Linien herum erstellt und auch in kleineren Details wie Kn\u00f6pfen oder dekorativen K\u00e4sten dargestellt.<\/p>\n<p>Ein gro\u00dfer Teil davon waren organische geometrische Formen oder solche, die etwas unregelm\u00e4\u00dfig und unvollkommen sind. Sie weisen oft weiche Ecken und Asymmetrie auf, und ihr ungew\u00f6hnliches Aussehen ist ziemlich interessant. Die scharfen Ecken von Polygonen und abgerundeten Kanten organischer Geometrie wurden oft miteinander kombiniert, um einen optisch ansprechenden Kontrast zu schaffen.<\/p>\n<figure style=\"width: 1210px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/giftrocket-2.png\" alt=\"Geometrisches Design beherrscht den Tag\" width=\"1210\" height=\"774\"><figcaption class=\"wp-caption-text\">Geometrisches Design beherrscht den Tag (Quelle: GiftRocket)<\/figcaption><\/figure>\n<h3>Helle und kr\u00e4ftige Farben<\/h3>\n<p>Das Internet, das einst schlicht und wei\u00df war, strotzt jetzt vor Farben, lebhaften und abenteuerlichen Farbpaletten an jeder Ecke. Die Tage der ein oder zwei ged\u00e4mpften Farbt\u00f6ne in jedem Farbschema verblassen sind vorbei und helle und kr\u00e4ftige Paletten nehmen schnell ihren Platz ein.<\/p>\n<p>Farbverl\u00e4ufe tauchten \u00fcberall auf und sind auch heute noch eine beliebte Wahl, wobei ihre intensiven und lebhaften Farbt\u00f6ne die Kopfzeilen vieler prominenter Stellen ausf\u00fcllen.<\/p>\n<figure style=\"width: 1211px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/spotify-1.png\" alt=\"spotify\" width=\"1211\" height=\"822\"><figcaption class=\"wp-caption-text\">Kr\u00e4ftige Farben sprachen B\u00e4nde (Quelle: Spotify)<\/figcaption><\/figure>\n<p>Zu den lebhaften Farbschemata kamen Glitch- und Verzerrungseffekte, die helle, flackernde Animationen, die im Portfolio mancher Designer oder Entwickler auftauchten. Obwohl ihre Beliebtheit etwas nachgelassen hat, kann man sie immer noch im ganzen Web finden.<\/p>\n<h3>Broken Grid Design<\/h3>\n<figure style=\"width: 1221px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/startup-lab-1.png\" alt=\"Alle bejubeln das \"Broken Grid\"\" width=\"1221\" height=\"803\"><figcaption class=\"wp-caption-text\">Alle bejubeln das &#8222;Broken Grid&#8220; (Quelle: Startup Lab)<\/figcaption><\/figure>\n<p>Die meisten Webseiten sind auf einem einfachen gitterbasierten Layout aufgebaut, bei dem die Elemente sauber in Abschnitte unterteilt sind. Das Broken Grid-Design zerst\u00f6rt diese Erwartung, \u00fcberlagert die Elemente und wirft die Symmetrie aus dem Fenster. Dieses unkonventionelle Layout ist eine der auff\u00e4lligsten M\u00f6glichkeiten, die Form zu durchbrechen und aufzufallen.<\/p>\n<p>Ein weiterer Stil, der viel Aufmerksamkeit erregte, war das Split-Screen-Design, eine Technik, die den Bildschirm in zwei Felder mit jeweils eigenem <a href=\"https:\/\/kinsta.com\/de\/thema\/content-strategie\/\">Inhalt<\/a> teilte. Insgesamt wurden die Layouts viel interessanter.<\/p>\n<h3>KI und maschinelles Lernen<\/h3>\n<p><a href=\"https:\/\/kinsta.com\/de\/blog\/e-commerce-statistik\/\">Chatbots sind eine gro\u00dfe Sache<\/a>. Diese raffinierten Programme reagieren dynamisch auf die Kunden und automatisieren den Support- oder Kaufprozess teilweise oder vollst\u00e4ndig. Durch maschinelles Lernen k\u00f6nnen sie Daten untersuchen und lernen, wie sie auf Fragen und Kommentare reagieren k\u00f6nnen, und sie nehmen den menschlichen Supportmitarbeitern einen Teil ihrer Arbeitsbelastung ab.<\/p>\n<p>Aber das ist erst der Anfang. Da die Technologie weiter voranschreitet, werden KI und maschinelles Lernen zwangsl\u00e4ufig noch st\u00e4rker in Online-Systeme integriert werden.<\/p>\n<h3>The Rise of Brutalism<\/h3>\n<figure style=\"width: 1211px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/the-outline-1.png\" alt=\"the outline\" width=\"1211\" height=\"807\"><figcaption class=\"wp-caption-text\">Brutalismus ist rau in den Augen, macht aber eine deutliche Ansage (Quelle: The Outline)<\/figcaption><\/figure>\n<p>Brutalismus ist nicht sch\u00f6n, aber seine seltsame Anziehungskraft hat die Herzen vieler gewonnen. Gepr\u00e4gt von grellen Farben, Anti-UX-Wahl und All-over-the-Place-Design ermutigt der Brutalismus die Designer, verr\u00fcckt zu werden und eine Webseite zu schaffen, die den Erwartungen trotzt. Man sollte erwarten, in Zukunft mehr von diesem uneinheitlichen Stil zu sehen.<\/p>\n<h3>Storytelling mit Webdesign<\/h3>\n<figure style=\"width: 1211px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/atlassian.png\" alt=\"Design kann verwendet werden, um eine Geschichte zu erz\u00e4hlen \" width=\"1211\" height=\"803\"><figcaption class=\"wp-caption-text\">Design kann verwendet werden, um eine Geschichte zu erz\u00e4hlen (Quelle: Atlassian)<\/figcaption><\/figure>\n<p>Visuelle Darstellungen sind eine der besten M\u00f6glichkeiten, Informationen effektiv zu vermitteln, egal ob man versucht, eine Geschichte zu erz\u00e4hlen oder eine Menge Daten menschenlesbar zu machen. Webdesigner erz\u00e4hlen ihre Geschichten durch <a href=\"https:\/\/kinsta.com\/de\/blog\/beste-tools-fur-freelancer\/#design-tools\">charmante Illustrationen und Datenvisualisierung<\/a>, mit interaktiven und visuellen Designs, die ihre Botschaft ansprechender und leichter verst\u00e4ndlich machen.<\/p>\n<h2>Die gr\u00f6\u00dften Webdesign-Trends des Jahres 2019<\/h2>\n<p>2019 teilte viele Webdesign-Trends mit 2018, wie z.B. gebrochenes Rasterdesign und kr\u00e4ftige Farbpaletten. Aber die Dinge sind noch verr\u00fcckter geworden, mit vielen Experimenten von gewagten Designern.<\/p>\n<p>Das laufende Thema f\u00fcr 2019: Regelverst\u00f6\u00dfe und Br\u00fcche. Wei\u00df, flach, gitterbasierter Minimalismus au\u00dfen, helle und k\u00fchne Asymmetrie innen. W\u00e4hrend sauberes Design und Wei\u00dfraum immer ein gro\u00dfer Konkurrent sein wird, sind die Designer in letzter Zeit eher bereit, neue Dinge auszuprobieren. Wir sehen, dass viele davon im Jahr 2020 ihre volle Kraft entfalten werden.<\/p>\n<h3>Lebendigkeit und Farbexperiment<\/h3>\n<figure style=\"width: 1221px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/fotonaut-1.png\" alt=\"Kr\u00e4ftige Farben dominierten\" width=\"1221\" height=\"807\"><figcaption class=\"wp-caption-text\">Kr\u00e4ftige Farben dominierten (Quelle: Fotonaut)<\/figcaption><\/figure>\n<p>Das Internet wird immer bunter. Farbverl\u00e4ufe sind heute allt\u00e4glich, und auf den Webseiten gibt es oft bunte und auff\u00e4llige Paletten, die vor einigen Jahren noch unbekannt waren. Die Paletten selbst sind experimenteller, sie brechen aus der \u00fcblichen Form von Komplement\u00e4r- oder Kontrastfarben aus und gehen \u00fcberall hin.<\/p>\n<p>Die Webseiten weisen nicht mehr die gleichen ein oder zwei einfachen, ged\u00e4mpften Farben auf. Weiche Pastellt\u00f6ne, helle Farbt\u00f6ne und Paletten in jeder Gr\u00f6\u00dfe \u00fcbernehmen die Oberhand. Scharfe Kontraste, sanfte Subtilit\u00e4t und Paletten voller Pers\u00f6nlichkeit vermischen sich und machen das Internet viel vielf\u00e4ltiger.<\/p>\n<p>Auch Monochrom ist im Moment eine gro\u00dfe Modeerscheinung. Oftmals handelt es sich dabei um v\u00f6llig schwarzwei\u00dfe oder Graustufen-Webseiten mit einer dunklen \u00c4sthetik, aber es gibt auch Seiten, die nur um eine einzige Farbe herum gemacht sind.<\/p>\n<h3>Mehr Illustrationen<\/h3>\n<figure style=\"width: 1205px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/absurd-1.png\" alt=\"absurd\" width=\"1205\" height=\"797\"><figcaption class=\"wp-caption-text\">Illustrationen sind nach wie vor beliebt (Quelle: absurd)<\/figcaption><\/figure>\n<p><a href=\"https:\/\/kinsta.com\/de\/blog\/strategieuefuruevisuelleueinhalte\/\">Illustrationen und visuelle Inhalte<\/a> waren auch 2018 wichtig, aber sie haben sich weiter entwickelt. Die K\u00fcnstler entfernen sich von dem typischen, vereinfachten Illustrationsstil, den die meisten Webseiten verwenden, und versuchen etwas anderes.<\/p>\n<p>Ein neuer Trend ist die exzentrische, spielerische Kunst, die von der Normalit\u00e4t abweicht und einen abstrakteren, zuf\u00e4lligen Stil ausprobiert. Diese Illustrationen ignorieren die typischen Grenzen und scheuen sich nicht, die Pers\u00f6nlichkeit ihrer Sch\u00f6pfer zu zeigen.<\/p>\n<p>Auch 3D-Illustrationen sind recht beliebt. Es ist nur eine kleine Interpretation des Trends der meist flachen Kunstwerke, aber es haucht ihnen viel neues Leben ein. Einige davon sind 2D-Kunstwerke, die so gezeichnet werden, dass sie wie 3D aussehen, w\u00e4hrend andere tats\u00e4chlich dreidimensional dargestellt werden. So oder so, sie gewinnen neben 3D-Webanimationen schnell an Bedeutung.<\/p>\n<figure style=\"width: 1191px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/jet-style-1.png\" alt=\"jet style\" width=\"1191\" height=\"735\"><figcaption class=\"wp-caption-text\">Und 3D-Illustrationen zeigten Wirkung (Source: Jet Style)<\/figcaption><\/figure>\n<p>Zu guter Letzt ist in dem dargestellten Trend die Animation zu nennen. Die Animationskunst zieht sofort die Aufmerksamkeit auf sich und verleiht einer Kunstform, die bereits sehr ausdrucksstark ist, eine zus\u00e4tzliche Pers\u00f6nlichkeitsschicht. Sowohl die 2D- als auch die 3D-Animationskunst wird weiter wachsen, wenn diese Modeerscheinung an Aufmerksamkeit gewinnt.<\/p>\n<h3>Bold Design<\/h3>\n<p>2019 Webdesign l\u00e4sst sich in drei Worten zusammenfassen: gro\u00df und fett. Je gr\u00f6\u00dfer und experimenteller, desto besser, besonders wenn das Endergebnis auff\u00e4llig ist und sofortige Aufmerksamkeit erfordert.<\/p>\n<p>Brutalistisches Webdesign ist immer noch stark im Kommen, mit <a href=\"https:\/\/brutalistwebsites.com\/\">ganzen Webseiten<\/a>, die sich dem Sammeln des Besten in Sachen Brutalismus verschrieben haben. Die krasse, h\u00e4ssliche, gegen den Benutzer gerichtete Kunstform macht sicherlich eine Ansage: Beim Webdesign ging es immer nur darum, eine gute Benutzererfahrung zu schaffen, aber der Brutalismus versucht, es in ein Kunstwerk zu verwandeln. Es ist nicht klar, wie lange der Brutalismus anhalten wird, aber der Trend hat immer noch eine eifrige Gefolgschaft.<\/p>\n<figure style=\"width: 1213px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/visualbox-1.png\" alt=\"visualbox\" width=\"1213\" height=\"797\"><figcaption class=\"wp-caption-text\">Der Brutalismus ist immer noch vorherrschend (Quelle: Visualbox)<\/figcaption><\/figure>\n<p>Es scheint, als w\u00fcrde alles gr\u00f6\u00dfer werden, aber die gr\u00f6\u00dften Auswirkungen hat dies auf die Typografie und die Navigation gehabt. Es ist nicht ungew\u00f6hnlich, dass Text, der den Bildschirm fast vollst\u00e4ndig ausf\u00fcllt, oder sogar Entw\u00fcrfe, die nur um die Typografie herum gemacht wurden, mit wenigen oder gar keinen Bildern zu sehen sind.<\/p>\n<p>Auch die <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-fonts\/\">Schriften<\/a> werden immer kreativer, vor allem dank der <a href=\"https:\/\/www.colorfonts.wtf\/\">Farbschriften<\/a>, die das Anpassen und Rendern von Schriften, die wie in Photoshop verbessert aussehen, endlich m\u00f6glich machen. Die Typografie als Schwerpunkt ist jetzt eine praktikable Methode des Webdesigns.<\/p>\n<p>Auch die <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-menu-plugins\/\">Navigation wird erweitert<\/a>. Zierliche Kopfzeilen-Navigation und elegante Dropdown-Men\u00fcs oder Hamburger-Men\u00fcs werden durch dominierende Anzeigen ersetzt, bei denen ganze Bildschirme der Navigation gewidmet sind, die wiederum oft auf riesige Typografie ausgerichtet sind.\u00a0In diesem ausf\u00fchrlichen Leitfaden erf\u00e4hrst du mehr \u00fcber bew\u00e4hrte <a href=\"https:\/\/kinsta.com\/de\/blog\/navigation-auf-webseiten\/\">Verfahren zur Webseiten-Navigation<\/a>.<\/p>\n<figure style=\"width: 1217px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/tribu-1.png\" alt=\"tribu\" width=\"1217\" height=\"803\"><figcaption class=\"wp-caption-text\">Auch die Gestaltung der Kopfzeilen hat Wirkung gezeigt (Quelle: Tribu)<\/figcaption><\/figure>\n<p>Achte auch auf lebhafte Helden-Video-Header, animierte Hintergr\u00fcnde und insgesamt mehr <a href=\"https:\/\/kinsta.com\/de\/blog\/einbettung-youtube-video-wordpress\/\">Videoinhalte<\/a> auf Webseiten. Fr\u00fcher waren Videoelemente ein Problem, da sie nur langsam geladen wurden und nur begrenzte mobile Daten aufnahmen, aber dank st\u00e4rkerer Hardware und Fallback-Bilder kann man Videos jetzt \u00fcberall einsetzten. Diese wunderbare Webseite mit einem animierten Vollbildhintergrund, die einst eine Rarit\u00e4t war, ist dabei, immer h\u00e4ufiger zu werden.<\/p>\n<h3>Asymmetrie<\/h3>\n<figure style=\"width: 1223px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/new-flight-1.png\" alt=\"Assymetrie ist immer noch sehr beliebt\" width=\"1223\" height=\"801\"><figcaption class=\"wp-caption-text\">Assymetrie ist immer noch sehr beliebt (Quelle: New Flight)<\/figcaption><\/figure>\n<p>Das Broken Grid-Design ist nach wie vor sehr beliebt. Webseiten entscheiden sich oft daf\u00fcr, typische Layouts zu vermeiden und sich f\u00fcr etwas K\u00fcnstlerischeres zu entscheiden, mit vielen \u00fcberlappenden Teilen und Elementen auf dem ganzen Bildschirm. Das ist ein Stil, der sich nur schwer durchsetzen l\u00e4sst, aber er sieht erstaunlich aus, wenn man ihn einmal festgenagelt hat.<\/p>\n<p>Aber f\u00fcr diejenigen, die nicht daran interessiert sind, v\u00f6llig aus dem Rahmen zu fallen, ist ein wenig Asymmetrie eine akzeptable Alternative. Asymmetrische Split-Screen-Designs sind besonders beliebt, auch wenn sich diese Seiten immer noch an ein Raster halten.<\/p>\n<p>Apropos Gitter: Das CSS-Gitter ist eine superleistungsf\u00e4hige Erg\u00e4nzung zu CSS, die in zwei Dimensionen, n\u00e4mlich Spalten und Zeilen, funktioniert und es erm\u00f6glicht, Webseiten-Layouts einfach von Grund auf neu zu erstellen. Mit ein wenig CSS-Zauberei kann man auch ein gebrochenes Raster-Layout erstellen, so dass alles m\u00f6glich ist. Webdesigner und -entwickler beginnen, CSS-Gitter zu nutzen, also verpasse es nicht.<\/p>\n<h3>Mehr Effekte und Animationen<\/h3>\n<figure style=\"width: 1213px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/3h-i-1.png\" alt=\"3h-i\" width=\"1213\" height=\"785\"><figcaption class=\"wp-caption-text\">Animationen k\u00f6nnen einen positiven Einfluss auf das UI- und UX-Design haben<\/figcaption><\/figure>\n<p>Obwohl Brutalismus in einigen Ecken des Webs zur Gewohnheit wird, konzentriert sich der Rest auf das UI\/UX-Design: die Schaffung einer sch\u00f6neren Oberfl\u00e4che bei gleichzeitiger Verbesserung der Benutzerfreundlichkeit.<\/p>\n<p>Ein gro\u00dfer Teil davon betrifft die Mikro-Interaktionen. Denke daran, \u00fcber ein Produkt in einem <a href=\"https:\/\/kinsta.com\/de\/blog\/woocommerce-vs-shopify\/\">Shop<\/a> zu hovern oder mit einem interaktiven, animierten Hintergrund zu spielen. Diese winzigen Animationen machen die Navigation auf einer Webseite unterhaltsamer und machen kleine Interaktionen wie Klicken und Hovern zum Vergn\u00fcgen. Einige Webseiten sind sogar so weit gegangen, niedliche Minispiele zu implementieren.<\/p>\n<p>Aber es ist nicht alles nur zum Spa\u00df. Mikro-Interaktionen dienen oft dem gleichen Zweck wie die \u00fcblichen subtilen Animationen: Sie lenken die Aufmerksamkeit der Benutzer auf wichtige UI-Elemente. Und eine \u00dcberimplementierung kann schnell veraltet sein, so dass es ein Spiel ist, die ideale Anzahl von Animationen herauszufinden, die man auf der eigenen Webseite einbauen kann.<\/p>\n<p>Scroll- und Parallaxeneffekte sind nat\u00fcrlich genauso beliebt wie immer und k\u00f6nnen einer Seite einen dynamischen, mehrschichtigen Look verleihen und sie viel interessanter machen.<\/p>\n<p>Achte auch auf benutzerdefinierte Cursor. Diese waren fr\u00fcher au\u00dferhalb von kleinen Blogs oder Webseiten f\u00fcr Kinder selten zu sehen, aber sie sind jetzt eine beliebte Wahl, insbesondere f\u00fcr Webseiten, die um einen animierten 3D-Hintergrund oder eine Navigation herum aufgebaut sind. Ein eleganter benutzerdefinierter Cursor kann die \u00c4sthetik wirklich verbessern.<\/p>\n<h3>White Space<\/h3>\n<figure style=\"width: 1604px\" class=\"wp-caption alignnone\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2019\/12\/apple-1-1.png\" alt=\"apple iPhone\" width=\"1604\" height=\"954\"><figcaption class=\"wp-caption-text\">White Spice gewinnt immer noch (Quelle: Apple)<\/figcaption><\/figure>\n<p>Wie immer werden White Space und klares Design auch weiterhin einen Platz in den Webdesign-Trends haben. Einfach und sauber ist eine sichere Wahl: Es gibt einen Grund daf\u00fcr, dass dieser Stil auf fast jeder modernen Website zu finden ist.<\/p>\n<p>Aber selbst wenn man einen mutigeren, einzigartigeren Ansatz anstrebt, ist der Whitespace immer noch etwas, um das man herum arbeiten muss. <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-site-beispiele\/\">Jede Webseite<\/a> braucht eine Atempause, und Whitespace kann dazu verwendet werden, Bilder oder andere Inhalte sorgf\u00e4ltig hervorzuheben und zu betonen.<\/p>\n<p>Viel Whitespace kann sehr effektiv genutzt werden, wobei ganze Bereiche des Bildschirms frei bleiben, um wichtigen Elementen viel Platz zu geben. Maximaler Whitespace ist ein Stil, der sich wahrscheinlich auch in den n\u00e4chsten Jahren fortsetzen wird.<\/p>\n<h3>Fortschrittliche Web-Anwendungen<\/h3>\n<p>Das n\u00e4chste gro\u00dfe Ding im mobilen Design: fortschrittliche Webanwendungen. Diese webbasierten Plattformen basieren auf Code wie <a href=\"https:\/\/kinsta.com\/de\/blog\/bearbeitest-wordpress-code\/\">HTML<\/a> und <a href=\"https:\/\/kinsta.com\/de\/blog\/render-blocking-javascript-css-eliminieren\/\">JavaScript<\/a>, aber sie funktionieren und verhalten sich wie Mini-Apps f\u00fcr mobile Benutzer. Sie sind daf\u00fcr gemacht, die Erfahrung einer App zu bieten, ohne dass sie tats\u00e4chlich auf mobiler Technologie aufgebaut oder im App-Store ver\u00f6ffentlicht werden m\u00fcssen.<\/p>\n<p>PWAs arbeiten offline, k\u00f6nnen Benachrichtigungen senden und an den Startbildschirm angeheftet werden, aber man muss nichts herunterladen oder verbreiten. Sie sind leicht und <a href=\"https:\/\/kinsta.com\/de\/lernen\/website-geschwindigkeit\/\">laden auch schnell<\/a>, so dass sie nicht zu viel Bandbreite beanspruchen.<\/p>\n<p>Sogar Twitter ist in die PWAs eingedrungen und hat mit Twitter Lite eine L\u00f6sung f\u00fcr diejenigen entwickelt, die nur \u00fcber eine geringe Internetgeschwindigkeit verf\u00fcgen. Und sie haben das System schlie\u00dflich direkt in ihre Hauptschnittstelle integriert. Das ist ein Beweis daf\u00fcr, wie gut diese Technologie funktioniert.<\/p>\n<p>Wenn man noch nichts von fortschrittlichen Webanwendungen geh\u00f6rt hat, sollte man sich auf jeden Fall informieren. Der Aufbau einer solchen Anwendung k\u00f6nnte die Erfahrungen deiner mobilen Nutzer wesentlich reibungsloser machen.<\/p>\n\n<h2>Zusammenfassung<\/h2>\n<p>2018 und 2019 waren ein paar aufregende Jahre f\u00fcr die Online-Welt. Das Jahr 2020 bringt schon jetzt noch abenteuerlichere Entw\u00fcrfe. Regelbrechende Elemente wie Asymmetrie, leuchtende Farben, Brutalit\u00e4t und auff\u00e4llige Animationen werden in den n\u00e4chsten Jahren weiter an Popularit\u00e4t gewinnen.<\/p>\n<p>Wer wei\u00df, was als n\u00e4chstes kommen k\u00f6nnte? Wir sind sicher auf noch unkonventionellere neue Kunststile gefasst.<\/p>\n<p>Wenn du noch nicht so recht verstanden hast, ist es vielleicht an der Zeit, einige deiner Entw\u00fcrfe neu zu \u00fcberdenken und diese hei\u00dfen neuen Trends aufzugreifen. Erwarte, dass <a href=\"https:\/\/kinsta.com\/de\/blog\/wordpress-site-beispiele\/\">Marken<\/a> und Designer wirklich anfangen, sich auszudr\u00fccken, und dass das Internet viel lebendiger und interessanter wird.<\/p>\n<p>Das n\u00e4chste Jahrzehnt des Webdesigns wird wahrscheinlich von Risikobereitschaft und Innovation gepr\u00e4gt sein, also stelle sicher, dass du bereit bist, Schritt zu halten.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Das Webdesign entwickelt sich st\u00e4ndig weiter. Da die Technologie immer leistungsf\u00e4higer wird und die Designer mit neuen Stilen experimentieren, wird jedes Jahr eine einzigartige Reihe aufregender &#8230;<\/p>\n","protected":false},"author":20,"featured_media":31738,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kinsta_gated_content":false,"_kinsta_gated_content_redirect":"","footnotes":""},"tags":[278,279],"topic":[988,1012],"class_list":["post-31721","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","tag-trends","tag-web-design","topic-webdesign","topic-wordpress-website-design"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v24.6 (Yoast SEO v24.6) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>R\u00fcckblick auf die wichtigsten Webdesign-Trends (2018-2019)<\/title>\n<meta name=\"description\" content=\"Wie entwickelt sich die Welt des Webdesigns? Ein tieferer Blick und eine Analyse der neuesten Trends im Webdesign von 2018 und 2019 bis jetzt zum Jahr 2020\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/\" \/>\n<meta property=\"og:locale\" content=\"de_DE\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"R\u00fcckblick auf die wichtigsten Webdesign-Trends (2018-2019)\" \/>\n<meta property=\"og:description\" content=\"Wie entwickelt sich die Welt des Webdesigns? Ein tieferer Blick und eine Analyse der neuesten Trends im Webdesign von 2018 und 2019 bis jetzt zum Jahr 2020\" \/>\n<meta property=\"og:url\" content=\"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/\" \/>\n<meta property=\"og:site_name\" content=\"Kinsta\u00ae\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\" \/>\n<meta property=\"article:author\" content=\"http:\/\/www.facebook.com\/digitalinkwell\" \/>\n<meta property=\"article:published_time\" content=\"2020-02-04T12:37:53+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-02T18:38:41+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/webdesign-trends.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1460\" \/>\n\t<meta property=\"og:image:height\" content=\"730\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Brenda Barron\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:description\" content=\"Wie entwickelt sich die Welt des Webdesigns? Ein tieferer Blick und eine Analyse der neuesten Trends im Webdesign von 2018 und 2019 bis jetzt zum Jahr 2020\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/webdesign-trends.jpg\" \/>\n<meta name=\"twitter:creator\" content=\"@digitalinkwell\" \/>\n<meta name=\"twitter:site\" content=\"@Kinsta_DE\" \/>\n<meta name=\"twitter:label1\" content=\"Verfasst von\" \/>\n\t<meta name=\"twitter:data1\" content=\"Brenda Barron\" \/>\n\t<meta name=\"twitter:label2\" content=\"Gesch\u00e4tzte Lesezeit\" \/>\n\t<meta name=\"twitter:data2\" content=\"15\u00a0Minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/\"},\"author\":{\"name\":\"Brenda Barron\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d\"},\"headline\":\"R\u00fcckblick auf die wichtigsten Webdesign-Trends (2018-2019)\",\"datePublished\":\"2020-02-04T12:37:53+00:00\",\"dateModified\":\"2023-10-02T18:38:41+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/\"},\"wordCount\":3066,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/webdesign-trends.jpg\",\"keywords\":[\"trends\",\"web design\"],\"articleSection\":[\"WordPress Entwicklung\"],\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/\",\"url\":\"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/\",\"name\":\"R\u00fcckblick auf die wichtigsten Webdesign-Trends (2018-2019)\",\"isPartOf\":{\"@id\":\"https:\/\/kinsta.com\/de\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/webdesign-trends.jpg\",\"datePublished\":\"2020-02-04T12:37:53+00:00\",\"dateModified\":\"2023-10-02T18:38:41+00:00\",\"description\":\"Wie entwickelt sich die Welt des Webdesigns? Ein tieferer Blick und eine Analyse der neuesten Trends im Webdesign von 2018 und 2019 bis jetzt zum Jahr 2020\",\"breadcrumb\":{\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/#breadcrumb\"},\"inLanguage\":\"de\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/#primaryimage\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/webdesign-trends.jpg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/webdesign-trends.jpg\",\"width\":1460,\"height\":730,\"caption\":\"R\u00fcckblick auf die wichtigsten Webdesign-Trends (2018-2019)\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/kinsta.com\/de\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Webdesign\",\"item\":\"https:\/\/kinsta.com\/de\/thema\/webdesign\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"R\u00fcckblick auf die wichtigsten Webdesign-Trends (2018-2019)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/kinsta.com\/de\/#website\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"name\":\"Kinsta\u00ae\",\"description\":\"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen\",\"publisher\":{\"@id\":\"https:\/\/kinsta.com\/de\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/kinsta.com\/de\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"de\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/kinsta.com\/de\/#organization\",\"name\":\"Kinsta\",\"url\":\"https:\/\/kinsta.com\/de\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"contentUrl\":\"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg\",\"width\":500,\"height\":500,\"caption\":\"Kinsta\"},\"image\":{\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/\",\"https:\/\/x.com\/Kinsta_DE\",\"https:\/\/www.instagram.com\/kinstahosting\/\",\"https:\/\/www.linkedin.com\/company\/kinsta\/\",\"https:\/\/www.pinterest.com\/kinstahosting\/\",\"https:\/\/www.youtube.com\/c\/Kinsta\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d\",\"name\":\"Brenda Barron\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"de\",\"@id\":\"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g\",\"caption\":\"Brenda Barron\"},\"description\":\"Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.\",\"sameAs\":[\"http:\/\/www.thedigitalinkwell.com\/\",\"http:\/\/www.facebook.com\/digitalinkwell\",\"http:\/\/www.linkedin.com\/in\/digitalinkwell\",\"https:\/\/x.com\/digitalinkwell\"],\"url\":\"https:\/\/kinsta.com\/de\/blog\/author\/brendabarron\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"R\u00fcckblick auf die wichtigsten Webdesign-Trends (2018-2019)","description":"Wie entwickelt sich die Welt des Webdesigns? Ein tieferer Blick und eine Analyse der neuesten Trends im Webdesign von 2018 und 2019 bis jetzt zum Jahr 2020","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:\/\/kinsta.com\/de\/blog\/webdesign-trends\/","og_locale":"de_DE","og_type":"article","og_title":"R\u00fcckblick auf die wichtigsten Webdesign-Trends (2018-2019)","og_description":"Wie entwickelt sich die Welt des Webdesigns? Ein tieferer Blick und eine Analyse der neuesten Trends im Webdesign von 2018 und 2019 bis jetzt zum Jahr 2020","og_url":"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/","og_site_name":"Kinsta\u00ae","article_publisher":"https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","article_author":"http:\/\/www.facebook.com\/digitalinkwell","article_published_time":"2020-02-04T12:37:53+00:00","article_modified_time":"2023-10-02T18:38:41+00:00","og_image":[{"width":1460,"height":730,"url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/webdesign-trends.jpg","type":"image\/jpeg"}],"author":"Brenda Barron","twitter_card":"summary_large_image","twitter_description":"Wie entwickelt sich die Welt des Webdesigns? Ein tieferer Blick und eine Analyse der neuesten Trends im Webdesign von 2018 und 2019 bis jetzt zum Jahr 2020","twitter_image":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/webdesign-trends.jpg","twitter_creator":"@digitalinkwell","twitter_site":"@Kinsta_DE","twitter_misc":{"Verfasst von":"Brenda Barron","Gesch\u00e4tzte Lesezeit":"15\u00a0Minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/#article","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/"},"author":{"name":"Brenda Barron","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d"},"headline":"R\u00fcckblick auf die wichtigsten Webdesign-Trends (2018-2019)","datePublished":"2020-02-04T12:37:53+00:00","dateModified":"2023-10-02T18:38:41+00:00","mainEntityOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/"},"wordCount":3066,"commentCount":0,"publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/webdesign-trends.jpg","keywords":["trends","web design"],"articleSection":["WordPress Entwicklung"],"inLanguage":"de","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/","url":"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/","name":"R\u00fcckblick auf die wichtigsten Webdesign-Trends (2018-2019)","isPartOf":{"@id":"https:\/\/kinsta.com\/de\/#website"},"primaryImageOfPage":{"@id":"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/#primaryimage"},"image":{"@id":"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/#primaryimage"},"thumbnailUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/webdesign-trends.jpg","datePublished":"2020-02-04T12:37:53+00:00","dateModified":"2023-10-02T18:38:41+00:00","description":"Wie entwickelt sich die Welt des Webdesigns? Ein tieferer Blick und eine Analyse der neuesten Trends im Webdesign von 2018 und 2019 bis jetzt zum Jahr 2020","breadcrumb":{"@id":"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/#breadcrumb"},"inLanguage":"de","potentialAction":[{"@type":"ReadAction","target":["https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/"]}]},{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/#primaryimage","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/webdesign-trends.jpg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2020\/02\/webdesign-trends.jpg","width":1460,"height":730,"caption":"R\u00fcckblick auf die wichtigsten Webdesign-Trends (2018-2019)"},{"@type":"BreadcrumbList","@id":"https:\/\/kinsta.com\/de\/blog\/webdesign-trends\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/kinsta.com\/de\/"},{"@type":"ListItem","position":2,"name":"Webdesign","item":"https:\/\/kinsta.com\/de\/thema\/webdesign\/"},{"@type":"ListItem","position":3,"name":"R\u00fcckblick auf die wichtigsten Webdesign-Trends (2018-2019)"}]},{"@type":"WebSite","@id":"https:\/\/kinsta.com\/de\/#website","url":"https:\/\/kinsta.com\/de\/","name":"Kinsta\u00ae","description":"Schnelle, sichere und hochwertige Hosting-L\u00f6sungen","publisher":{"@id":"https:\/\/kinsta.com\/de\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/kinsta.com\/de\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"de"},{"@type":"Organization","@id":"https:\/\/kinsta.com\/de\/#organization","name":"Kinsta","url":"https:\/\/kinsta.com\/de\/","logo":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/","url":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","contentUrl":"https:\/\/kinsta.com\/de\/wp-content\/uploads\/sites\/5\/2023\/12\/kinsta-logo.jpeg","width":500,"height":500,"caption":"Kinsta"},"image":{"@id":"https:\/\/kinsta.com\/de\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Kinsta-Deutschland-207459890108303\/","https:\/\/x.com\/Kinsta_DE","https:\/\/www.instagram.com\/kinstahosting\/","https:\/\/www.linkedin.com\/company\/kinsta\/","https:\/\/www.pinterest.com\/kinstahosting\/","https:\/\/www.youtube.com\/c\/Kinsta"]},{"@type":"Person","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/cf9aa31092fc0b24ff28e2a5c94a718d","name":"Brenda Barron","image":{"@type":"ImageObject","inLanguage":"de","@id":"https:\/\/kinsta.com\/de\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7d6c0925ce9699c74e82037f88b535de?s=96&d=mm&r=g","caption":"Brenda Barron"},"description":"Brenda Barron is a journalist and copywriter from California. She contributes to sites like WPMU DEV, Envato, and Torque.","sameAs":["http:\/\/www.thedigitalinkwell.com\/","http:\/\/www.facebook.com\/digitalinkwell","http:\/\/www.linkedin.com\/in\/digitalinkwell","https:\/\/x.com\/digitalinkwell"],"url":"https:\/\/kinsta.com\/de\/blog\/author\/brendabarron\/"}]}},"acf":[],"_links":{"self":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/31721","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/users\/20"}],"replies":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/comments?post=31721"}],"version-history":[{"count":7,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/31721\/revisions"}],"predecessor-version":[{"id":34684,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/posts\/31721\/revisions\/34684"}],"alternate":[{"embeddable":true,"hreflang":"fr","title":"French","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/31721\/translations\/fr"},{"embeddable":true,"hreflang":"nl","title":"Dutch","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/31721\/translations\/nl"},{"embeddable":true,"hreflang":"pt","title":"Portuguese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/31721\/translations\/pt"},{"embeddable":true,"hreflang":"en","title":"English","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/31721\/translations\/en"},{"embeddable":true,"hreflang":"es","title":"Spanish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/31721\/translations\/es"},{"embeddable":true,"hreflang":"it","title":"Italian","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/31721\/translations\/it"},{"embeddable":true,"hreflang":"de","title":"German","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/31721\/translations\/de"},{"embeddable":true,"hreflang":"ja","title":"Japanese","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/31721\/translations\/jp"},{"embeddable":true,"hreflang":"da","title":"Danish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/31721\/translations\/dk"},{"embeddable":true,"hreflang":"sv","title":"Swedish","href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/31721\/translations\/se"},{"href":"https:\/\/kinsta.com\/de\/wp-json\/kinsta\/v1\/posts\/31721\/tree"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media\/31738"}],"wp:attachment":[{"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/media?parent=31721"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/tags?post=31721"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/kinsta.com\/de\/wp-json\/wp\/v2\/topic?post=31721"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}