Die heißesten Webdesign-Trends des Jahres 2019
Wenn Sie im Webdesign arbeiten, müssen Sie ständig die neuesten Entwicklungen verfolgen. Es tauchen ständig neue Technologien und Techniken auf. Wenn Sie die von Ihren Kunden geforderten Websites bereitstellen möchten, müssen Sie sich zumindest des Aufschwungs bewusst sein Webdesign-Tools .
Über das Technische hinaus ist jedoch auch der visuelle Blickwinkel zu berücksichtigen. Der Geschmack entwickelt sich ständig weiter, und was vor ein paar Jahren gut aussah, wird heute wahrscheinlich weniger ansprechend aussehen. Wenn du deine willst Website-Layout Um frisch auszusehen und sich von der Masse abzuheben, lohnt es sich, mit den neuesten Trends auf dem Laufenden zu sein. Lesen Sie also acht der heißesten Looks des Jahres, einige davon technisch, einige ästhetischer und die meisten unverzichtbar.
01. Starke Typografie
Webdesign war schon immer eine schlechte Beziehung zum Grafikdesign, und ein Teil des Problems besteht darin, dass ein Grafikdesigner zwar mehr oder weniger die Freiheit hat, auf der gesamten Seite zu erstellen, Webdesigner jedoch lange Zeit von primitiven Layoutoptionen gefesselt waren und die grundlegendste Typografie.
Dies ändert sich zum Glück; CSS Grid und Flexbox bieten Designern die Möglichkeit, druckähnlichere Seiten zu erstellen. Dank der stark verbesserten Typografie-Tools sind derzeit große, mutige und experimentelle typografische Layouts gefragt, bei denen übergroße Retro-Schriftarten in vollem Umfang verwendet werden die Stile und Gewichte und komplett mit verschiedenen Effekten und Verformungen, um zusätzlichen Charakter hinzuzufügen.
02. Progressive Web Apps
Sie sind keine Einheitslösung, aber wenn Sie eine Website erstellen, die sich hauptsächlich an mobile Benutzer richtet, die nicht immer über die gewünschte Bandbreite verfügen, ist eine Progressive Web App eine elegante Methode. PWAs sind fortschrittlich und reaktionsschnell, daher sollten sie auf jeder Plattform funktionieren und auch gut aussehen. Sie bieten eine App-ähnliche Erfahrung, die entscheidend nicht von einer Internetverbindung abhängt und Servicemitarbeiter verwendet, um die Offline-Nutzung zu ermöglichen. Und obwohl Sie keine PWA für Ihre nächste vollständige Desktop-Site verwenden möchten, sind sie ideal für die Erstellung schneller und leichter E-Commerce-Sites, wenn ein hohes Engagement ein Muss ist.
03. Illustration
Es ist heutzutage schwierig, die Website eines neuen Startups zu besuchen, auf der es nicht ein paar flache und funkige Comicfiguren gibt, die das Geschäft veranschaulichen und den Besuchern den dringend benötigten Charakter bieten, mit dem sie sich identifizieren können. Sie sind überall und scheinen vorerst nirgendwo hin zu gehen, aber obwohl wir sicher sind, dass dieser besondere Illustrationsstil früher oder später in Ungnade fallen wird, scheint die Illustration selbst als Grundelement des Webdesigns eingestellt, um zu bleiben; Es ist nur der Stil, der sich wahrscheinlich weiterentwickeln wird. Wenn Sie modern aussehende Illustrationen in Ihre Website integrieren möchten, lesen Sie unbedingt unseren Leitfaden zu Die Illustrationstrends von 2019 sind bekannt .
04. Animation und Video
Es ist zwar nicht immer ratsam, Websites zu erstellen, die einen Leistungseinbruch erzielen und gleichzeitig die Bandbreite verschlingen. Wenn Sie jedoch eine Wirkung erzielen möchten, ist es heutzutage viel einfacher, sich mit all dem aufmerksamkeitsstarken visuellen Flair zu beschäftigen, das Sie benötigen. Es ist nicht lange her, dass eingebettetes Vollbildvideo einfach undenkbar war. Jetzt ist es auf einer immer größeren Anzahl von Websites sichtbar und bietet eine hervorragende Möglichkeit, sofort visuelles Interesse zu wecken und gleichzeitig eine Markengeschichte zu vermitteln. Und für einen weniger schweren visuellen Schlag, JavaScript oder CSS-Animation gut verwendet sieht nicht nur auf der Seite gut aus, sondern kann auch verwendet werden, um der Navigation Leben einzuhauchen und die Benutzererfahrung zu verbessern.
05. Pastellpaletten
Da Webdesign-Trends heutzutage so viel enger mit allgemeineren visuellen Trends verknüpft sind, ist es nicht verwunderlich, dass viele der unverzichtbaren Looks für Websites die Art von Designentscheidungen widerspiegeln, die Sie bereits auf Druckseiten und in der Werbung sehen können. Eine veraltete Palette ist der perfekte Weg, um Leute auszuschalten. Wenn Sie möchten, dass eine Website auf dem neuesten Stand ist, müssen Sie die aktuellen Farbtrends widerspiegeln.
Im Moment sind sanfte Pastelltöne ein starkes Aussehen - sehen Sie Pantones Farbe des Jahres 2019 Zum Beispiel 'Living Coral' - aber was wirklich helfen kann, sie hervorzuheben, ist das Hinzufügen von ein oder zwei wirklich lebendigen Farbtönen auf die gleiche Weise, wie Druckdesigner Sonderfarben verwenden.
06. Benutzerdefinierte Cursor
Da moderne Websites heutzutage so viel visuelles Interesse haben, kann sich der bescheidene Mauszeiger manchmal etwas verloren anfühlen, was die zunehmende Anzahl von Websites erklärt, die versuchen, mit dem Zeiger etwas Aufregendes zu tun.
Das bloße Ändern des Mauszeigers in etwas anderes war schon sehr lange möglich, aber bei der Rückkehr von benutzerdefinierten Cursorn kommen viel ausgefeiltere Techniken ins Spiel, z. B. reaktive Cursor, die sich als Reaktion auf Site-Elemente ändern, und sekundäre Zeiger, die dem folgen Cursor herum, aber viel organischer über den Bildschirm streichen. Sie sind momentan sehr in Mode, aber wir vermuten, dass diesem Trend bald die Puste ausgehen wird.
07. Farbverläufe
Schöne Farbverläufe stehen Grafikdesignern seit langem zur Verfügung, aber bis vor kurzem war es schwierig, sie in Webdesigns zu integrieren, da sie als Bitmaps gerendert werden müssen, die nicht immer gut skaliert werden können. CSS-Verläufe bedeuten jedoch, dass es einfach ist, eine Seite mit einem auffälligen Farbverlauf zu beleben, sei es einfach als sanfter Hintergrund oder als Überlagerung, die eine attraktive Möglichkeit bietet, die Fotografie von einer Seite aus einzublenden. CSS-Verläufe sind genauso vielseitig wie die in Illustrator oder Photoshop CC In Kombination mit CSS-Mischmodi gibt es nahezu unbegrenzte Möglichkeiten, sie einfallsreich einzusetzen.
08. Mikrowechselwirkungen
Manchmal steckt der Teufel im Detail, und wenn Sie Zeit damit verbringen, entzückende zusätzliche Details hinzuzufügen, kann dies einer Site die dringend benötigte Dosis Persönlichkeit verleihen. Ein wenig animiertes Feedback kann eine großartige Möglichkeit sein, Benutzer zu motivieren und zu unterhalten, aber Mikrointeraktionen bieten mehr als einfaches visuelles Feedback.
Sie können verwendet werden, um die Navigation klarer zu gestalten, Besucher zu beruhigen, während sie auf das Laden warten, oder um auf nützliche Funktionen wie das unvermeidliche Hamburger-Menü aufmerksam zu machen. Und einfallsreich eingesetzt, können sie Ihrem Publikum helfen, die benötigten Informationen ohne unerwünschten Lärm zu finden. Schauen Sie sich zum Beispiel diese Seite für die Montreux Jazz Festival , die eine benutzerdefinierte Liste der Akte zusammenstellt, die Sie sehen möchten, basierend auf einer Handvoll entscheidender Wischbewegungen. Nett.
Zum Thema passende Artikel:
- Farbe im Webdesign: alles was Sie wissen müssen
- Die 7 Todsünden des Webdesigns
- Wie man als Webdesigner über 2020 hinaus überlebt
