Wesentliche Designtrends, März 2017
Hier ist der Schwerpunkt ...
Das ist das Thema dieses Monats. Diese Sammlung von Trends konzentriert sich auf die Betonung des Designs mit spezifischen Details von Kursivschrift zu geteilten Bildschirmen zu starken, minimalistischen Hintergründen gepaart mit ein oder zwei Tricks.
Hier ist, was in diesem Monat im Design Trend ist:
1. Bildschirme teilen
Split-Screen-Design war etwas, das Mitte 2016 zu greifen begann und jetzt ist es eine große Sache. Blättern Sie durch Sammlungen von Website-Design und Split Screen Konturen sind überall.
Schön ist, wie schnell sich der Style entwickelt hat. Frühe Split Screen Designs zeigten meist symmetrische Designs mit einer Yin und Yang Stil Ästhetik. Die neuen Split Screens haben mehr "alles was geht".
Die drei folgenden Beispiele zeigen drei sehr unterschiedliche Möglichkeiten, denselben Trend zu verwenden.
- Rency verwendet ein Split-Design, um ein Loop-Video und die Hauptnavigation zu enthalten. Der Kontrast zwischen der weißen Fläche und Rot ist stark und zwingt das Auge über den Bildschirm. Es stellt auch sicher, dass der Benutzer die Navigation finden wird, da es das einzige Element innerhalb des farbigen Teils des Designs ist.
- GECN ist eine komplexe Regierungsseite, die einen geteilten Bildschirm verwendet, um zwei verschiedene Ideen mit zwei Links sofort im Design zu vermitteln. Während die Aufteilung nicht Vollbild ist und viel Text enthält, ist dies eine gute Alternative für ein Design mit vielen Handlungsaufforderungen, Benutzerbasen oder komplizierten Inhalten.
- Schüchtern verwendet ein Konzept ähnlich wie Rency, aber mit einem Twist: Das Design verfügt über einen Vollbild-Video-Loop und die Hälfte davon ist mit einer getönten Farbbox bedeckt. Alle anklickbaren Elemente befinden sich innerhalb des getönten Bereichs und das Navigationsmenü ist in der oberen rechten Ecke des Videos verborgen.
Allen Beispielen gemeinsam ist, dass das Split-Screen-Design den Inhalt betont. Es hilft, die Benutzer zu bestimmten Elementen im Design durch den Einsatz von Farbe und mit tatsächlichen oder wahrgenommenen Bewegungen, dank der kontrastierenden "Bildschirme" zu fahren.
Der beste Teil der neueren geteilten Bildschirm Designs ist, dass es eine asymmetrische Strömung zu ihnen ist. Designer bleiben nicht in einem Yin und Yang Format stecken und das Ergebnis sind viel interessantere visuelle Muster.
2. Kursivschrift
Einer der am wenigsten verwendeten Zeichenformate ist mehr Wiedergabe als Anzeigeoption.
Kursivschriften finden ihren Weg in die Typografiepaletten von Designern und nicht nur für den gelegentlichen Schwerpunkt. Weitere kursive Schriftarten werden für Displayschriften, sekundäre Elemente wie Links oder Menüeinträge oder zur weiteren Hervorhebung verwendet.
Kursivschrift ist eine Neuauflage Ihrer typischen Schriftarten. Weil sie nicht so weit verbreitet sind, wird dieser Trend die Aufmerksamkeit der Besucher auf sich ziehen, auch wenn sie sich nicht sicher sind, was mit dem Schriftzug überhaupt zu tun hat.
Kursivdruck ist eine subtile Veränderung, die nicht einmal eine neue Typografiepalette erfordert. Sie kommen mit einigen Vorsichtsmaßnahmen und Vorschlägen für Best Practices.
- Um das Beste aus Kursivschrift zu machen, verwenden Sie sie sparsam für kleine Textblöcke.
- Verwenden Sie eine gut lesbare Schriftart, wenn Sie kursiv formatieren möchten. Neuheitsoptionen können schwierig werden.
- Verwenden Sie die Schriftart Italic und versuchen Sie nicht, Ihre eigene Version durch schräge Buchstaben zu erstellen. (Das kann schnell unordentlich werden.)
- Verwenden Sie Kursivschrift, um häufig kursiv dargestellte Elemente darzustellen, z. B. den Titel von etwas, wie in vielen der folgenden Beispiele dargestellt.
- Kombinieren Sie Kursivschrift mit einem einfachen Effekt, z. B. einer Animation oder Farbe, für noch mehr Betonung.
- Da Kursivschrift etwas schwieriger zu lesen ist, sollten Sie sicherstellen, dass zwischen dem Typ und Hintergrund viel Kontrast besteht.
- Kombinieren Sie Kursivschriftoptionen mit einer einfachen Serifen- oder Serifenschrift, um die Kursivschrift nicht zu beeinträchtigen.
3. Feste Hintergründe mit einem 'Trick'
Eine der einfachsten Möglichkeiten, visuelle Betonung zu schaffen, sind kontrastierende Elemente. Während ein einfarbiger Hintergrund einfach oder flach erscheinen mag, kann es die perfekte Leinwand für einen Designtrick sein, wie zum Beispiel Animation, Illustration oder Sound.
Der Kontrast zwischen der Stärke des Hintergrunds und dem Trick trägt dazu bei, das Benutzeroberflächenelement zum Leben zu erwecken. Von den einfachen springenden Quadraten in der 3K-Design zum lustigen Cartoon von Retrace Gesundheit zum Parallax Scrollen von Florian Monfrini .
Jeder der Effekte zeichnet sich durch die Einfachheit des Hintergrunds aus. Außerdem stehen diese Hintergründe dem Design nicht im Weg. Jeder ist weiß oder pastellfarben und verschwindet aus dem Vordergrund, so dass sich der Benutzer auf das Messaging des primären Inhalts konzentriert. (Schwarze oder einfache dunkle Hintergründe können gleich gut funktionieren.)
Das ist der Grund, warum es funktioniert: Benutzer sind nicht in der Leinwand gefangen und das Design springt fast vom Bildschirm. Es ist fast wie Kunst an der Wand. Wenn die Wand mit wilden Farben und Mustern bemalt ist, kann es schwierig sein, das gerahmte Bild zu sehen, für das Sie da sind, aber ein Kunstwerk auf einer weißen Wand ist ein Prunkstück.
Dieser Designtrend schafft ein Vorzeigeobjekt für den Trick, den Sie in ein Projekt integrieren wollten. Es kann fast alles sein. Und es wird das Highlight des Designs mit einer einfachen Leinwand sein, um es anzuzeigen.
Eine Vorsichtsmaßnahme bei der Planung einer Farbauswahl für einen einfachen Hintergrund: Für die meisten Impact-Sticks eine weiße, schwarze oder neutrale Farbe. Fette, leuchtende Farben sind fast schon ein Designtrick und können Ihr Ziel beeinträchtigen.
Fazit
Jedes Design muss etwas betonen. Deshalb ist diese Gruppe von Trends so erfrischend. Jeder unterstreicht etwas, das für Benutzer wichtig ist, mit einer leicht verständlichen Art, Betonung zu geben. Die Benutzer wissen genau, was kursiv gemeint ist, und sie können Abweichungen in geteilten Bildschirmen oder Hintergründen sehen, die mit Benutzeroberflächenelementen kontrastieren.
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.