Trends 2017

Trends 2017


Jedes Jahr können wir etwas Neues über Design lernen, Trends kommen und gehen. 

Aber es gibt im Bereich Webdesign auch einige Vorhersagen für 2017, die ja nicht nur für heute gelten (sollten).

Designtrends werden von Medien, Technologie sowie der Modebranche beeinflusst und nicht zuletzt von der Userfreundlichkeit (UX). Ein Trend entsteht manchmal langsam, nach und nach und verschwindet dann in genau der gleichen Weise. Im Grunde genommen dauert ein Design-Trend ist nicht mehr als ein oder zwei Jahre. Die Gestaltung wird 2017 die Trends von 2016 fortsetzen, einige neue Einflüsse kommen dazu. Aber das vertraute Gefühl ist gut bekannt und es hat sich in den letzten Jahren kaum geändert. Der Hauptbeeinflusser bleibt Googles Material Design.

01_Semi Flat Design

7d63fc47810259.58863d0b561d1 Kopie

Beeinflusst von Material Design ist schon länger Falt design angesagt, es wird immer mehr dimensionaler. Dieser Übergang beginnt mit einigen leichten Schatten, es ist ein halb flaches Design macht. Die Entwicklung der flachen Bauweise von einem minimalistischen Stil passt genau in die neue Entwicklung von Technologien. Flat Design ist immer noch in, aber es hat einige Verbesserungen erfahren.

Die glatte Schattierung fügt eine Tiefe und Komplexität zu, ohne das Flat Design-Gefühl zu zerstören und wird auch weiterhin im Jahr 2017 zu entwickeln.

3e284b47810259.58863d0b56c69 Kopie

———-
Project: Listener’s Playlist
Author: Anzi .

02_Cinemagramme (Cinemagraphs)

Cinemagramme sind nicht die regelmäßige Gifs die wir alle rund um das Web sehen. Cinemagramm sind noch Bilder mit kleineren Elementen in den Bildern, die sich bewegen. Diese Technik macht ein einfaches Foto realistischer und interessanter.
4d3e4747810259.58863b7e71968

18794247810259.58863b7eb3b06
Wie das geht > zum Beispiel auf Youtube.

03_Mehr 3D

3D ist definitiv das Feature, das unsere Gestaltung beeinflusst und in allen Designbereichen zu sehen sein wird. Virtuelle Realität entwickelt sich rasent schnell.

5d494647810259.588640a7b29f2 Kopie———-

Project: LUV.IT
Author:  AARON MARTINEZ

82025e47810259.588640a7b2f9d Kopie———-

Author: TAVO

b85fb147810259.588640a7b34d6 Kopie———–

04_Animationen

Animationen sind mehr und mehr im Web-Design zu sehen, es können Gifs, SVG, CSS WebGL oder Videos sein.
Animationen waren auf jeden Fall eines der größten Dinge im Web-Design-Trends des vergangenen Jahres.

2aa19847810259.588728b53d695———-
Project: AR Virtual Fitness Coach App | AR 虚拟健身教练
Author: 曲 植Daz_Qu

a8a02b47810259.588728b5850f2———

Author: Minh Pham

4b4fca47810259.588728b5c5842———-

05_Landing Pages

Im Jahr 2017 werden wir einen Anstieg der Landing Pages verzeichnen können – aufgrund ihres potentiellen Nutzen für Marketingzwecke und der Fähigkeit, bessere Besucherana zu sehen.

06_Geometrische Formen, Muster, Linien und Kreise

Dieser Trend begann im Jahr 2016 und wird auch weiterhin auf jeden Fall im Jahr 2017 anhalten. können Sie einfach eine Webseite personalisieren, indem einige moderne Formen hinzufügen, entweder flach oder mit einem weichen Schatten.

 96af3647810259.588784c7af077 KopieBildschirmfoto 2017-02-20 um 17.34.23 Kopie

Bildschirmfoto 2017-02-20 um 17.25.37 Kopie

07_Mutige Farben

Verwenden Sie kräftige Farben, um eine Aussage zu machen. Zu Materialdesign und Flat Design passen kräftigen Farben perfekt. Sie können die Farbpalette von Google verwenden, um die Farben zu wählen und zu kombinierenwas immer Sie wollen.

6b57efffa8dd211c6b2d560c678aca24 8e966a7109716d3d6c1cecaec9d40104

 

9327eb47810259.589b169f0d835 Kopie 43353e47810259.58872c8d380f5 Kopie

Bildschirmfoto 2017-02-20 um 17.42.03 Kopie

08_Innovative Scrolling und Parallax

Diese visuelle Idee ist ein einzigartiges Element auf jeder Website hinzuzufügen. Aus einer mehrschichtigen Parallaxe zu einem Video-Parallaxe, ist alles möglich. Zum Beispiel: D.ex Multilayer Parallax. Dieses Produkt wurde vollständig von Milothemes unter der Leitung von Loredana Papp und Mihai Baldean entwickelt. Es ist für den Kauf auf Envato Markt / codecanyon.net verfügbar.

4b4b1f47810259.588ee15a84023Purchase D.ex Multilayer Parallax for WordPress

Bildschirmfoto 2017-02-20 um 18.12.48 Kopie

09_Farbübergänge

Farbübergänge sind eine der größten Trends im Augenblick. Begonnen hat alles in etwa im Jahr 2016 und wächst schnell. Große Namen wie Instagram beschlossen, ihre Logos und Bilder von einer Farbe zu mehrfarbigen Übergänge zu ändern. Von Logos Tasten oder Bild-Overlays, dieser Trend ist überall zu sehen.

Bildschirmfoto 2017-02-20 um 18.37.43 Kopie

Bildschirmfoto 2017-02-20 um 18.38.53 Kopie Bildschirmfoto 2017-02-20 um 18.38.25 Kopie Bildschirmfoto 2017-02-20 um 18.37.00 Kopie

863e6747810259.588784c7b129a

10_Mobiles Internet (Responsive Design)

2015 und 2016 brachte eine deutliche Steigerung beim mobilen Surfen. Tablets und Smartphones sind jetzt die erste Wahl, wenn es darum geht, Websites aufzurufen – viel mehr als auf Desktops, Laptops und Tablet-PCs – und dieser Trend wird sich fortsetzen. Alle Websites, die nicht auf Responsive Webdesign adaptiert und angepasst sind sollten so schnell wie möglich aktualisiert werden!

 e8f2a947810259.588a1ff409751

11_Benutzerdefinierte Grafiken und Illustrationen

Stock Photos sind immer noch sehr beliebt, aber es hat sich zu einem neuen Trend deutlich im Jahr 2016 wachsen, die im Jahr 2017 steigen wird: die Verwendung von maßgeschneiderten Grafiken und Illustrationen.Wenn Sie eine einzigartige Website suchen wollen, dass jeder Besucher wird sich erinnern, kontaktieren Sie einen digitalen Designer. Also, weniger Lager und mehr original, einzigartige Bilder.

Bildschirmfoto 2017-02-20 um 17.40.20 Kopie

14bceb47810259.5888c42ba61a0 Kopie 8f03a147810259.5888cad59db5b KopieBusiness chart icons flat set

12_Der kreative Einsatz von Weißraum und Grid

In den vergangenen Jahren hatte Web-Design organisierten Säulen und Gitter angepasst worden, aber im Jahr 2016 sahen wir eine deutliche Verschiebung hin zu unregelmäßigen Schichten und ultra-modernem Design.

96824147810259.588e3c999a847Bildschirmfoto 2017-02-20 um 20.05.29 Kopie Bildschirmfoto 2017-02-20 um 20.05.14 Kopie13_Storytelling

Webseiten müssen Geschichten zu erzählen, um Kunden davon zu überzeugen, auf der Seite zu bleiben. Menschen neigen dazu, mehr Inhalt zu verstehen und länger auf der Website zu bleiben, wenn man Ihnen Geschichten erzählt.

Bildschirmfoto 2017-02-20 um 17.29.32 Kopie

Storytelling-1024x526

Bildschirmfoto 2017-02-20 um 17.29.02 Kopie

14_Lazy Loading

Lazy Loading verzögert das Laden von Bildern in langen Web-Seiten, je schneller eine Seite lädt um so besser.

15_Split Content

Split Inhalt wird immer beliebter in Responsive Webdesign und es teilt den Bildschirm in zwei oder mehr Teile.Ein Split-Screen-Website wird dem Zuschauer mehrere gleichermaßen wichtige Botschaften auf einer einzigen Seite zeigen. Dieser Trend ist seit Ende 2015 steigen, aber im Jahr 2017 wird es wachsen weiter und wird wahrscheinlich auf vielen Websites anzutreffen.

e9935947810259.588784c7b1a4d Kopie

16_Full-Screen Forms

Es gibt keine Notwendigkeit, auf eine andere Seite gehen, um ein Formular auszufüllen, da die neuen Webseiten mit Vollbild-Formulare Responsive Design angepasst sind.

1aaafd47810259.5888cad59e385 Kopie

17_Videos Everywhere

Irgendwie geht der Trend zum Video-Content. Qualitativ hochwertige Videos erzählen eine Geschichte. Ein Video auf der Website – in einer Schleife kurz abgespielt und wiederholend kann »Großes Kino« sein.

5cee3847810259.589099962c3e4-1———-
Project: Hillsong
Author: Ruslan Siiz

18_SEO ist wichtig

Search Engine Optimization ist sehr wichtig für die Website, sofern man im Netz gefunden werden will. Dazu gibt es tausende von Anregungen und Empfehlungen. Die schönste Website ist nix wert wenn sie nicht gefunden wird.

8f100c47810259.5888cad59eaee Kopie

19_Versteckte Navigation

Der Hamburger Menü generiert viele Pro und Contra. Für User ist das Menü das Wichtigste auf der Website – natürlich neben Content, es zu finden aber oft eine Sache an die man sich gewöhnen muss.

5a0a0347810259.588a1ff40a2da Kopie20_Tiny Designdetails

Der Fokus auf Details ist wirklich wichtig. Von kleineren Details, wie Navigationspunkte, Logos – der Schwerpunkt liegt auf den kleinen Details.

6df40147810259.58874431eabb2 Kopie

Bildschirmfoto 2017-02-19 um 13.08.44 Kopie

 

Bildschirmfoto 2017-02-20 um 20.07.00 Kopie

Bildschirmfoto 2017-02-20 um 20.34.01 Kopie

Bildschirmfoto 2017-02-20 um 20.34.29 Kopie

Bildschirmfoto 2017-02-20 um 20.35.47 Kopie Bildschirmfoto 2017-02-20 um 20.06.36 Kopie

You may also like

RULES OF GENIUS _ Part_019

RULES OF GENIUS _ Part_018

Innovation

Comments are closed here.

Letzte Posts

RULES OF GENIUS _ Part_019

29. Oktober 2017

RULES OF GENIUS _ Part_018

29. Oktober 2017

Innovation

23. September 2017

RULES OF GENIUS _ Part_017

23. September 2017

Mehr Inspirationen

Viel mehr Anregungen und Inspiration für die vielfältigen Aufgaben zur Gestaltung sind unter Pinterest zu den einzelnen Rubriken:
poly_typo, poly_web, poly_cover,
poly_magazin, poly_poster, poly_ce_de,
poly_dsign,poly_art und noch ein paar andere zu finden.

Instagram / Pinterest