{"id":62995,"date":"2020-08-16T17:15:27","date_gmt":"2020-08-16T17:15:27","guid":{"rendered":"https:\/\/blogging-techies.com\/ge\/die-beliebtesten-webdesign-trends-fur-ihre-website\/"},"modified":"2020-08-16T17:15:27","modified_gmt":"2020-08-16T17:15:27","slug":"die-beliebtesten-webdesign-trends-fur-ihre-website","status":"publish","type":"post","link":"https:\/\/blogging-techies.com\/ge\/die-beliebtesten-webdesign-trends-fur-ihre-website\/","title":{"rendered":"Die beliebtesten Webdesign-Trends f\u00fcr Ihre Website"},"content":{"rendered":"<p>Stile und Moden \u00e4ndern sich st\u00e4ndig, und das Web ist nicht anders.  Wie in der Mode sind die besten Webdesigner und stilvollen Unternehmen die Trendsetter.  Leute wie Jony Ive, Apples f\u00fchrender Designer, erstellen sowohl physische als auch digitale Designstandards, die sich auf fast jedes Produkt auswirken, das wir kaufen, und auf die Websites, die wir anzeigen.  Selbst wenn wir neuen Trends nicht aktiv Aufmerksamkeit schenken, k\u00f6nnen sie unbewusst beeinflussen, was wir als &#8220;neu&#8221; oder &#8220;altmodisch&#8221; betrachten.<\/p>\n<p>Obwohl Sie Trends nicht blind folgen m\u00f6chten, ist es wichtig, Ihre Website auf dem neuesten Stand zu halten.  Wie eine Storefront m\u00f6chten Sie, dass Ihre Website ordentlich, aktuell und relevant aussieht, nicht veraltet oder veraltet.  In dieser Hinsicht k\u00f6nnen Sie durch Anwenden einiger neuer Designtrends auf Ihre Website das gew\u00fcnschte Makeover erhalten.<\/p>\n<p>Nachdem ich ein bisschen bei unserer k\u00fcrzlich abgeschlossenen allgemeinen Website-\u00dcberpr\u00fcfung geholfen habe, habe ich alle recherchiert <strong>neueste Webdesign-Trends<\/strong> und ich m\u00f6chte sie mit Ihnen teilen.  Besser noch, ich m\u00f6chte Ihnen zeigen, wie Sie diese Trends mit den Dutzenden neuer und verbesserter Vorlagen nutzen k\u00f6nnen, die jetzt auf Jimdo verf\u00fcgbar sind.<\/p>\n<h2>Hier sind sieben der neuesten Webdesign-Trends:<\/h2>\n<h3>1. Entfernen Sie die Seitenleiste<\/h3>\n<p>Viele Websites haben eine traditionelle Seitenleiste, die an der Seite der Seite ausgef\u00fchrt wird.  Wenn Sie die Seitenleiste entfernen oder an den unteren Rand der Seite schieben, wo sie als Fu\u00dfzeile dienen kann, haben Sie viel mehr Platz f\u00fcr Ihren K\u00f6rperinhalt.  Dies ist beliebt f\u00fcr Websites im Magazinstil und f\u00fcr Websites mit gro\u00dfen, fett gedruckten Bildern.<\/p>\n<p>Sobald die Seitenleiste verschwunden ist, ist es gro\u00dfartig, all diesen Platz zu haben.  Aber seien Sie vorsichtig, um super lange Textzeilen zu machen.  Nur weil ein Inhaltsbereich wirklich breit ist und Sie Abs\u00e4tze haben, die von einer Seite zur anderen verteilt sind, hei\u00dft das nicht.  Streben Sie eine Zeilenl\u00e4nge von 40 bis 60 Zeichen an und verwenden Sie viele Bilder, Spalten und Leerzeichen, damit Ihre W\u00f6rter atmen und besser lesbar sind.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1159\" class=\"img-screenshot wp-image-1159 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/make-believe_coffee_template-cairo2.jpg\" alt=\"Seitenleiste unten mit der Kairo-Vorlage.\" width=\"1237\" height=\"1242\"><\/p>\n<p id=\"caption-attachment-1159\" class=\"wp-caption-text\">Seitenleiste unten mit dem <strong>Kairo<\/strong> Modell.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1158\" class=\"img-screenshot wp-image-1158 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/make-believe_coffee_template-cairo.jpg\" alt=\"Die Seitenleiste unten erm\u00f6glicht einen breiteren Inhaltsbereich.\" width=\"1209\" height=\"1199\"><\/p>\n<p id=\"caption-attachment-1158\" class=\"wp-caption-text\">Die Seitenleiste unten erm\u00f6glicht einen breiteren Inhaltsbereich.<\/p>\n<p class=\"blue_box\">Probieren Sie Jimdo-Vorlagen aus, um diesen Look zu erhalten <strong>Chicago<\/strong>, <strong>Kairo<\/strong>und <strong>Riga<\/strong>.<\/p>\n<h3>2. Gro\u00dfe &#8220;Heldenbereiche&#8221; anstelle von Schiebereglern<\/h3>\n<p>Es ist offiziell: Schieberegler sind veraltet.  Websites im Web entfernen die beliebte, aber h\u00e4ufig \u00fcbersehene Funktion (manchmal auch als Karussell bezeichnet) von ihren Startseiten und ersetzen sie durch etwas Dramatischeres und Auff\u00e4lligeres.  Was nimmt seinen Platz ein?  Tolle Bilder mit Schlagzeilen und Handlungsaufforderungen, die heute als &#8220;Heldenbereiche&#8221; bekannt sind.<\/p>\n<p>Heldenbereiche sind in mehrere der neuen Vorlagen von Jimdo integriert.  Sie werden normalerweise in Verbindung mit gro\u00dfen Hintergrundbildern verwendet, die sich \u00fcber die L\u00e4nge und Breite der Seite erstrecken.  Das Heldenbild kann durch &#8220;ausgeschnittene&#8221; Abschnitte des Inhaltsbereichs angezeigt werden, wodurch das gesamte Design zusammenh\u00e4lt.  Die Verwendung hochwertiger Fotos auf diesen Seiten ist ein Muss.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1162\" class=\"img-screenshot wp-image-1162 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/make-believe_coffee_template-rio.jpg\" alt=\"Die Seitenleiste unten erm\u00f6glicht einen breiteren Inhaltsbereich.\" width=\"1402\" height=\"803\"><\/p>\n<p id=\"caption-attachment-1162\" class=\"wp-caption-text\">Heldengebiete wie das <strong>Rio de Janeiro<\/strong> Vorlage, sie sind gro\u00dfartig, um sch\u00f6ne Fotos zu zeigen.<\/p>\n<p class=\"blue_box\">Probieren Sie Jimdo-Vorlagen aus, um diesen Look zu erhalten <strong>Rio de Janeiro<\/strong>, <strong>Rom<\/strong>und <strong>Z\u00fcrich<\/strong>.<\/p>\n<h3>3. Navigation behoben<\/h3>\n<p>Die feste Navigation gibt es schon seit einiger Zeit.  Dadurch bleibt Ihre Navigationsleiste beim Scrollen nach unten am oberen Bildschirmrand und stellt sicher, dass sie zu einer anderen Seite springen kann, ohne wieder nach oben gehen zu m\u00fcssen.  Dies bietet einen kleinen &#8220;Wow&#8221; -Faktor und ist ideal, wenn Sie wichtige Seiten in Ihrer Navigationsleiste haben, die Ihre Besucher erreichen sollen, z. B. Ihren Online-Shop.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1161\" class=\"img-screenshot wp-image-1161 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/make-believe_coffee_template-malaga.jpg\" alt=\"Malaga ist momentan vielleicht mein Favorit unter den neuen Jimdo-Vorlagen und verf\u00fcgt \u00fcber eine feste Navigationsleiste.\" width=\"1352\" height=\"1268\"><\/p>\n<p id=\"caption-attachment-1161\" class=\"wp-caption-text\"><strong>Malaga<\/strong> Es ist momentan vielleicht mein Favorit unter den neuen Jimdo-Vorlagen und verf\u00fcgt \u00fcber eine feste Navigationsleiste.<\/p>\n<p>Verwenden Sie die Sticky-Navigation auf Websites mit sehr langen Seiten mit viel Bildlauf. Versuchen Sie jedoch, Ihre Navigationsleiste auf eine Linkzeile zu beschr\u00e4nken (dies ist im Allgemeinen eine gute Vorgehensweise!).  Wenn die Navigationsleiste h\u00f6her angehoben wird, nimmt sie zu viel Platz auf dem Bildschirm ein und macht das Lesen Ihrer Inhalte f\u00fcr Besucher auf kleineren Bildschirmen frustrierender.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1146\" class=\"img-screenshot wp-image-1146 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/fixed_navigation.gif\" alt=\"Demonstration der festen Navigation mit der Malaga-Vorlage.\" width=\"900\" height=\"294\"><\/p>\n<p id=\"caption-attachment-1146\" class=\"wp-caption-text\">Demonstration der festen Navigation mit dem <strong>Malaga<\/strong> Modell.<\/p>\n<p class=\"blue_box\">Probieren Sie Jimdo-Vorlagen aus, um diesen Look zu erhalten <strong>Malaga<\/strong>, <strong>Melbourne<\/strong>und <strong>Miami<\/strong>.<\/p>\n<h3>4. Scrollen Navigation<\/h3>\n<p>Wenn Sie eine etwas andere Route einschlagen und jeden Zentimeter wertvoller Bildschirmfl\u00e4che sparen m\u00f6chten, ist die Wischnavigation m\u00f6glicherweise das Richtige f\u00fcr Sie.  Inspiriert von mobilen Apps, die darauf angewiesen sind, Men\u00fcs zu erweitern und zur\u00fcckzuziehen, um alle Optionen zu ber\u00fccksichtigen, verbirgt die ausziehbare Navigation das Off-Screen-Navigationsmen\u00fc, bis es ben\u00f6tigt wird.  Der Website-Besucher klickt in einer oberen Ecke auf ein dreizeiliges Symbol, das h\u00e4ufig als &#8220;Hamburger&#8221; bezeichnet wird, um ein Navigationsmen\u00fc zu \u00f6ffnen, das von der Seite der Seite ausgeht.<\/p>\n<p>Verwenden Sie diesen Trend f\u00fcr maximale visuelle Wirkung mit riesigen Hintergrundbildern oder minimalen Layouts.  Es ist besser, ein sehr &#8220;sauberes&#8221; Aussehen zu haben: Wenn Ihre Website mit vielen Informationen oder mehreren Bildern besch\u00e4ftigt ist, haben Benutzer Probleme, den Burger zu finden.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1164\" class=\"img-screenshot wp-image-1164 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/slide_out1.jpg\" alt=\"Das ausziehbare Men\u00fc der Wiener Vorlage macht es ideal f\u00fcr gro\u00dfartige Hintergrundfotos.\" width=\"1706\" height=\"983\"><\/p>\n<p id=\"caption-attachment-1164\" class=\"wp-caption-text\">das <strong>Wien<\/strong> Das ausziehbare Men\u00fc der Vorlage eignet sich hervorragend f\u00fcr gro\u00dfartige Hintergrundfotos.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1165\" class=\"img-screenshot wp-image-1165 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/slide_out2.jpg\" alt=\"Das Men\u00fc in der ge\u00f6ffneten Position.\" width=\"1706\" height=\"983\"><\/p>\n<p id=\"caption-attachment-1165\" class=\"wp-caption-text\">Das Men\u00fc in der ge\u00f6ffneten Position.<\/p>\n<p>Probieren Sie Jimdo-Vorlagen aus, um diesen Look zu erhalten <strong>Kopenhagen<\/strong>, <strong>Sydney<\/strong>und <strong>Wien<\/strong>.<\/p>\n<h3>5. Sauberer Minimalismus<\/h3>\n<p>Manchmal ist weniger mehr.  Webbesucher k\u00f6nnen sehr schnell \u00fcberfordert sein. Wenn Sie also Ihre Nachricht schnell, sauber und klar pr\u00e4sentieren k\u00f6nnen, haben Sie m\u00f6glicherweise eine bessere Chance, einen bleibenden Eindruck zu hinterlassen.  Erweitern Sie diesen Effekt auf Ihre Site-Navigation und pr\u00e4sentieren Sie nur die genauen Informationen, die ein Besucher ben\u00f6tigt, ohne all die zus\u00e4tzlichen Flusen.<\/p>\n<p>Die besten Minimal-Websites verwenden h\u00e4ufig Wei\u00df oder eine andere Grundfarbe und haben viel Platz zwischen allen Elementen auf der Seite.  Einfache Logos, gr\u00f6\u00dferer Text und einzelne, isolierte Fotos k\u00f6nnen auf einer minimal gestalteten Website wirklich auffallen.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1157\" class=\"img-screenshot wp-image-1157 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/make-believe_coffee_template-barcelona.jpg\" alt=\"Saubere und einfache Websites wie dieses Design, das in der Barcelona-Vorlage verwendet wird, kommen nie aus der Mode.\" width=\"1413\" height=\"1128\"><\/p>\n<p id=\"caption-attachment-1157\" class=\"wp-caption-text\">Saubere und einfache Websites, wie dieses Layout, das die verwendet <strong>Barcelona<\/strong> Vorlage, nie aus der Mode kommen.<\/p>\n<p class=\"blue_box\">Probieren Sie Jimdo-Vorlagen aus, um diesen Look zu erhalten <strong>Barcelona<\/strong>, <strong>Kapstadt<\/strong>und <strong>Helsinki<\/strong>.<\/p>\n<h3>6. Monochromatische Farbschemata<\/h3>\n<p>Die Verwendung mehrerer Variationen eines einzelnen Farbtons kann einen starken visuellen Effekt erzielen.  Mit minimalen Paletten k\u00f6nnen auch kontrastierender schwarzer oder wei\u00dfer Text auf dem Bildschirm angezeigt werden.<\/p>\n<p>Denken Sie daran, dass verschiedene Farben starke psychologische Auswirkungen auf Ihr Publikum haben k\u00f6nnen. W\u00e4hlen Sie daher die richtige Farbe, bevor Sie sie selbst ausprobieren.  Sie k\u00f6nnen dann ein kostenloses Online-Tool wie Adobe Kuhler verwenden, um f\u00fcnf monochrome Versionen der ausgew\u00e4hlten Farbe zu generieren.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1160\" class=\"img-screenshot wp-image-1160 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/make-believe_coffee_template-dubai.jpg\" alt=\"Die Dubai-Vorlage ist ma\u00dfgeschneidert f\u00fcr monochrome Websites.\" width=\"1485\" height=\"945\"><\/p>\n<p id=\"caption-attachment-1160\" class=\"wp-caption-text\">das <strong>Dubai<\/strong> Die Vorlage ist ma\u00dfgeschneidert f\u00fcr monochrome Websites.<\/p>\n<p class=\"blue_box\">Probieren Sie Jimdo-Vorlagen aus, um diesen Look zu erhalten <strong>Dubai<\/strong>, <strong>Limousine<\/strong>und <strong>Mailand<\/strong>.<\/p>\n<h3>7. Umgebungsvideohintergr\u00fcnde<\/h3>\n<p>W\u00e4hrend die Welt langsam schnellere Internetverbindungen annimmt, sehen wir, dass immer mehr Designer ihre Hintergrundbilder tapfer ablegen, um ein dramatischeres Hintergrundvideo zu erhalten.  Diese Websites funktionieren am besten mit minimalen Inhaltsbereichen und kontrastreichen Textfarben, damit der Text nicht im Hintergrund verloren geht.<\/p>\n<p>W\u00e4hlen Sie f\u00fcr beste Ergebnisse Videoclips mit Umgebungs- oder gro\u00dfen Bereichen \u00e4hnlicher Farben aus und verwenden Sie dann kleinere Inhaltsbereiche und kontrastreiche Textfarben.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-1156\" class=\"img-screenshot wp-image-1156 size-full\" src=\"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/video_background.gif\" alt=\"Es kann schwierig sein, das richtige Video als Hintergrund zu finden, aber eine Vorlage wie San Francisco eignet sich hervorragend f\u00fcr subtile Bewegungen im Hintergrund.\" width=\"900\" height=\"473\"><\/p>\n<p id=\"caption-attachment-1156\" class=\"wp-caption-text\">Das richtige Video f\u00fcr den Hintergrund zu finden, kann schwierig sein, aber eine Vorlage wie <strong>San Francisco<\/strong> funktioniert hervorragend mit subtilen Bewegungen im Hintergrund.<\/p>\n<p class=\"blue_box\">Probieren Sie Jimdo-Vorlagen aus, um diesen Look zu erhalten <strong>Singapur<\/strong>, <strong>Osaka<\/strong>und <strong>San Francisco<\/strong>.<\/p>\n<h2>Webdesign-Trends und Jimdo<\/h2>\n<p>Durch die Ver\u00f6ffentlichung einer umfassenden Bibliothek neuer Vorlagen hat Jimdo es einfacher denn je gemacht, mit modernen Designtrends Schritt zu halten.  Wir werden auch regelm\u00e4\u00dfig neue Vorlagen hinzuf\u00fcgen, sodass Sie immer die M\u00f6glichkeit haben, diese zu aktualisieren, wenn neue Trends auftauchen.  Sie k\u00f6nnen alle neuen Vorlagen mithilfe unseres Jimdo-Vorlagenfilters in der Vorschau anzeigen und bewerten.<\/p>\n<p>Wir freuen uns \u00fcber Ihre Gedanken zu den neuen Vorlagen. Hinterlassen Sie also einen Kommentar und teilen Sie uns mit, welche Vorlage Ihre Lieblingsvorlage ist.<\/p>\n   ","protected":false},"excerpt":{"rendered":"<p>Stile und Moden \u00e4ndern sich st\u00e4ndig, und das Web ist nicht anders. Wie in der Mode sind die besten Webdesigner und stilvollen Unternehmen die Trendsetter. Leute wie Jony Ive, Apples f\u00fchrender Designer, erstellen sowohl physische als auch digitale Designstandards, die sich auf fast jedes Produkt auswirken, das wir kaufen, und auf die Websites, die wir [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":62996,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","fifu_image_url":"https:\/\/blogging-techies.com\/wp-content\/uploads\/2020\/03\/Las-tendencias-de-dise\u00f1o-web-m\u00e1s-populares-para-su-sitio.jpg","fifu_image_alt":""},"categories":[7],"tags":[],"_links":{"self":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/62995"}],"collection":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/comments?post=62995"}],"version-history":[{"count":0,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/posts\/62995\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media\/62996"}],"wp:attachment":[{"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/media?parent=62995"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/categories?post=62995"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blogging-techies.com\/ge\/wp-json\/wp\/v2\/tags?post=62995"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}