Wesentliche Designtrends, August 2016
Farbe und Ebenen. Dieses Paar Designelemente war die treibende Kraft hinter vielen Trends des Jahres. Wir haben zwar noch nichts gesehen, wie zum Beispiel Flat Design vor ein paar Jahren oder Material Design, aber Elemente beider Stile drängen Designer dazu, neue Dinge zu erforschen.
Sowohl die Farbwahl als auch die Schichtung scheinen in diesen größeren Trends zu verwurzelt zu sein und werden in Designschemata verwendet, auch ohne eine völlig flache oder materielle Ästhetik. Hier ist, was in diesem Monat im Design Trend ist:
1. Viele geschichtete Elemente
Layered-Elemente und dreidimensionale Effekte sind das Muss im 2D-Webspace. Dank der spaßigen Techniken und noch besserer Vorgehensweisen, die vor allem durch Material Design eingeführt wurden, tauchen in Projekten aller Art geschichtete Elemente auf.
Was besonders schön ist, ist, dass es eine Webseite realistischer erscheinen lässt. Der Benutzer kann fast herausgreifen und die Elemente auf dem Bildschirm greifen. (Und das ist eine gute Sache!) Der Trick ist, dass jede Schicht real und leicht aussehen sollte, und Schichten natürlich aussehen.
Hier sind einige Möglichkeiten, mit Layern in Ihren Designprojekten zu experimentieren:
- Heben Sie Elemente mit einem einfachen Schatten oder einer Animation vom Hintergrund ab. Olle tut dies mit mehreren Elementen auf verschiedenen Ebenen, aber sie ziehen alle zusammen und sehen natürlich aus.
- Lassen Sie Elemente sich überschneiden. Text kann in den von einem Bild belegten Raum übergehen.
- Parallax Scrolling-Funktionen sind eine interessante Möglichkeit, um Ebenenelemente zu erstellen (ein Vordergrund, der sich über einen Hintergrund bewegt), ohne zu überwältigend zu sein.
- Verwenden Sie geometrische Formen, Animationen und Farbvariationen, um die Tiefe im Design nachzuahmen. Benutzer sollten das Gefühl haben, dass sie fast in die Visuals fallen können, wie die Erfahrung, die von Agentur löschen .
- Erstellen Sie Ebenen, indem Sie außerhalb der Zeichenfläche mit Elementen arbeiten, die über den Hintergrund oder die Kante des Bildschirms hinausgehen.
- Lassen Sie Elemente auf einem strukturierten Hintergrund ruhen, um eine Trennung zwischen der obersten Ebene (die Benutzer sich vorstellen können, sie tatsächlich zu berühren) und der Hintergrundebene zu erstellen.
2. Dunkle Farbschemata
Eine Zeit lang schien es, als ob jede Website ein minimalistisches Ideal wäre, einschließlich eines kahlen weißen Hintergrunds. Dieser Trend hat sich verschoben, da immer mehr dunkle Farbschemen als Design-Favoriten auftauchen.
Und aus gutem Grund. Ein schönes dunkles Farbschema kann Aufmerksamkeit erregen und ist nicht so hart für die Augen einiger Benutzer wie helles Weiß. Auf der anderen Seite kann dunkle Ästhetik ein wenig mühsamer sein, wenn Text klein oder auf kleineren Bildschirmen ist (achten Sie also besonders darauf, wie Elemente auf Mobilgeräten gerendert werden).
Elemente, die wirklich auf dunklen Farbschemas auffallen, sind die Verwendung von coolen Videos und Animationen, auch wenn sie kaum erkennbar sind. kühne weiße Typografie, knallrote Farbakzente, um Handlungsaufforderungen oder wichtige Informationen und die entsprechende Gesamtstimmung zu akzentuieren.
Denken Sie auch daran, dass Dunkelheit nicht immer schwarz bedeutet. Dunkle Farbschemata können in einer Vielzahl von Farbtönen von Rot über Blau bis Grün verwurzelt sein. Während schwarze Optionen am häufigsten sind, ist es wichtig, ein sattes Schwarz zu wählen, das aus verschiedenen Farbkombinationen besteht. Ein flaches Schwarz (oder "K-Schwarz", wie Print-Designer es nennen) lässt bei der Gestaltung der Website zu wünschen übrig.
Wenn Sie mit dunklen Farbschemen arbeiten, achten Sie besonders darauf, dass zwischen den Elementen ein korrekter Kontrast besteht und dass Farben und Bilder nicht in der dunklen Natur des Designs verloren gehen. Weiß kann eine gute Option sowie andere Primärfarben mit viel Helligkeit oder Sättigung sein. Denken Sie auch an den Größenkontrast. Berücksichtigen Sie bei der Arbeit mit einem dunklen Framework die Größe aller Textelemente um 10 bis 20 Prozent, um die Lesbarkeit sicherzustellen.
3. Farbverläufe machen ein Comeback
Der Gradient - eine der Techniken, die durch flaches Design vermieden werden - macht ein Comeback. (Und es wird sogar in meist flachen Designmustern verwendet.)
Farbverläufe funktionieren, weil sie etwas tun, was viele Leute für ein flaches Design hielten, um Tiefe zu schaffen und zu schaffen. Neu an Gradienten ist, dass sie nicht verwendet werden, um Texturen nachzuahmen oder ohne Zweck. Der heutige Trend konzentriert sich auf helle Farbverläufe, die den Inhalt betonen. Von Vollbild-Gradienten-Overlays bis hin zu Hintergründen geht fast alles, wenn es um die Technik geht ... solange es fett ist.
Die Designer nutzen das Comeback der Farbverläufe auf unterschiedliche Weise:
- Gradient- "Flat Colour" -Paare vermischen beide Designideen zu einem kühnen Look, wie die Website für WPschraube .
- Zwei-Ton-Verläufe sind ein lustiges Farb-Overlay, um einem Foto, das etwas fehlt, Interesse zu verleihen oder einem Hintergrund Tiefe zu verleihen.
- Während viele dieser Verläufe in einem größeren Maßstab zu sein scheinen, werden sie auch für kleinere Elemente verwendet, z. B. für Schaltflächen oder um auf bestimmte Inhalte aufmerksam zu machen.
Es gibt immer noch ein paar Gradienten, die es zu beachten gilt. (Da du nicht willst, dass das Design aussieht, als wäre es direkt nach 2012 gesprungen!)
- Vorsicht vor kleinen Steigungen. Die Verwendung in Symbolen wird immer noch nicht empfohlen.
- Überschüss den Inhalt nicht. Eine Farbverlaufsüberlagerung auf einem Foto kann schön sein (man denke nur an einige der coolen Effekte, die Spotify regelmäßig bietet), aber das Foto muss noch erkennbar sein.
- Fett Farbverläufe neigen dazu, ein leichtes, fröhliches Gefühl zu haben. Stellen Sie sicher, dass dies mit Ihren Inhalten übereinstimmt.
- Achten Sie bei Lesbarkeit auf Farbkombinationen und Kontrast. Einige Farbverläufe können leicht werden und weißer Text kann ein Problem darstellen. Stellen Sie sicher, Lesbarkeit gegen Farbe, verschiedene reaktive Haltepunkt und auf mehreren Geräten zu testen. (Bei Farbverläufen können manchmal Probleme mit der Lesbarkeit auftreten, die Sie nicht erwarten würden.)
Fazit
Nichts macht mehr Spaß als Farbe, wenn es um Design geht. Trends in Farbe sind schön, weil sie Elemente sind, die Sie zu fast jedem Stil des Designs ohne eine vollständige Überholung hinzufügen können. Das Gleiche gilt für geschichtete Elemente. Dies ist eine Technik, die zu einem bestehenden Design hinzugefügt werden kann, um es ein moderneres Gefühl zu geben.
Welche Trends liebst du gerade (oder hasst)? Ich würde gerne einige der Websites sehen, die Sie fasziniert sind. Schreibe mir einen Link auf Twitter ; Ich würde gerne von dir hören.