3 wesentliche Designtrends, August 2017
Wenn die Hundstage des Sommers nach einem Tapetenwechsel verlangen, sind die Webdesign-Trends dieses Monats der perfekte Start. Während der Minimalismus in letzter Zeit der "It" -Stil war, beginnen sich immer mehr Designer auf mehr Details und Features innerhalb des Layouts zu konzentrieren. Die markanten Designmuster, die wir zu sehen beginnen, sind eine frische Alternative zu den abgespeckten Stilen, an die wir uns gewöhnt haben.
Was denken Sie? Sind Sie bereit für dünnere Typografieoptionen, aufwendigere Details und Logosymbole? Vielleicht sehen Sie sich einige dieser Designprojekte an.
Hier ist, was in diesem Monat im Design Trend ist:
1. Dünne (ner) Typografie
Der dünne Typ ist wieder da! Dünne Schriften haben einen schlechten Ruf, als sich Apple für sein Betriebssystem mit iOS 7 für eine super dünne, leichte Schrift entschieden hat.
Designer bockten auf die Option, die ein wenig schwer zu lesen war und gegen viele Designtrends, die zu der Zeit passierten, stand. (Flat war der letzte Schrei, aber einige argumentierten, dass Apples fast flache Kombination mit der ultradünnen Schrift zu viel war.) Gleichzeitig wurden breitere, kühnere Schriften zum dominierenden Element für die Schlagzeile und Typografie der Website auf den Heldenbildern über der Schriftrolle .
Die Flut beginnt sich in die andere Richtung zu verschieben. Die heutigen dünnen Schriften sind etwas dünner als das, was wir uns gewohnt sind, aber sind nicht annähernd so dünn wie die Apple-Option.
Das Beste an einer dünneren Schrift ist, dass Sie ein wenig mehr Freiheit beim Design haben. Während dünne Schriften nicht für die Körperkopie empfohlen werden, können sie bei größeren Formaten gut funktionieren, wenn viel Kontrast vorhanden ist.
Die folgenden Beispiele zeigen einige der besten Anwendungen dünnerer Schriften:
- Verwenden Sie eine dünne Schrift in allen Großbuchstaben, um eine wirkungsvolle Überschrift zu erstellen. Diese Option funktioniert oft am besten mit nur wenigen Wörtern, wie z Luxuriöse afrikanische Safaris , unten. Es ist ebenso wichtig, über die Beschriftung in Bezug auf die tatsächlichen Buchstaben nachzudenken; Einige Wörter können in dünnen Schriftarten oder Kappen schwer zu lesen sein.
- Kombinieren Sie eine dünne Schriftart mit einer stärkeren Option, um Betonung zu erzeugen, z WebDesignStudio , unten.
- Verwenden Sie eine dünnere Schriftart in Farbe (auf einem kontrastierenden Hintergrund), um visuelle Betonung hinzuzufügen, wie z Leeds Golfzentrum , unten.
Auf der Suche nach Inspiration? Hier sind fünf Google Fonts, die zur Rechnung passen (und gut aussehen werden): Quelle Sans Pro , Dosis , Bereich eins , Rajdhani , Martel Sans .
2. Aufwendige Details
Von lustigen Schnörkeln über ausgefallene typografische Behandlungen bis hin zu Benutzeroberflächenelementen, die unerwarteten Genuss erzeugen, werden aufwendige Details immer üblicher. Der Trick bei der Erstellung von etwas Kompliziertem besteht darin, es für den Benutzer so einfach wie möglich erscheinen zu lassen, was bedeutet, dass es einfach zu verstehen und zu verwenden ist.
Das Tolle an Details ist, dass sie einem Projekt viel Persönlichkeit hinzufügen können. Diese Elemente können Medien von Website-Projekten über Produktdesign bis hin zu gedruckten Elementen transportieren, so dass alles von einer Marke das gleiche spezielle Etwas visuell hat. (Dies ist eine ausgezeichnete Möglichkeit, Markenkohäsion zu etablieren.)
Diese Details können auf verschiedene Arten erscheinen und sollten immer zum Gesamteffekt beitragen, ohne davon abzulenken. Aufwendige Details werden am besten für eine einzelne Instanz im Design verwendet und sollten Benutzer nicht überwältigen. Wenn Sie etwas zu viel zu oft verwenden, können Sie das Gegenteil des beabsichtigten Effekts erzielen und Benutzer visuell überwältigen. Sobald Sie Ihren "Trick" gefunden haben, verwenden Sie ihn einmal und verwenden Sie ihn gut.
Das Vorfahren-Gruppe , unten, verwendet aufwändiges Styling mit einem altmodischen Logo mit farbigen Swashes über der Überschrift. Der Schriftschnitt ist für Webdesign ungewöhnlich und in Kombination mit dem aufwändigen Logo eine auffallende Kombination. Aber Sie können auch sehen, wie dieses Design nur mit einer einzigen Verwendung wirksam sein kann. Die Schriftart könnte schwierig sein, wenn sie für große Textblöcke verwendet wird, und das Styling könnte die Nachrichtenübertragung beeinträchtigen. Hier hat das Designteam es perfekt genutzt.
Vitra Bürostühle , unten, verwendet ausgeklügelte Benutzeroberflächenanimationen, um die Nutzer zu motivieren. Die Homepage enthält einen "Drag" -Button, der in das Produktlinienmenü öffnet. Der Hintergrund bleibt in beiden Panels gleich, so dass die Stühle immer in der Video-Rolle hervorgehoben sind. Animationen zwischen Klicks sind ebenso interessant und selbst wenn Sie nicht bereit sind, einen Stuhl zu kaufen, ist es empfehlenswert, sich auf der Website fortzubewegen.
Manchmal enthält das aufwändigste Design keine speziellen Effekte. Nur Drachenschule , unten, verwendet lustiges video reales und großes Firmenzeichen für eine Kombination, die das Auge innen zeichnet. Während das große Firmenzeichen einfach schaut, kann das Herstellen der Typografie, die auf diese Weise sowohl lesbar als auch funktionell ist, schwierig sein. Hier funktioniert es wunderbar und die Stimmung des Schriftzugs entspricht dem, was Sie von dieser Art von Geschäft erwarten würden.
3. Icon Logos
Ist das ein Icon oder ein Logo? Die Linie zwischen den beiden Designelementen wird immer mehr gekreuzt. Ikonenartige Logos tauchen überall auf.
Vom Minimalstil inspiriert, und weil sie in einer Vielzahl von Anwendungen eingesetzt werden, können Ikonenlogos farbenfroh oder von der Linie inspiriert sein. Die meisten Anwendungen orientieren sich an einem kleineren Logo in einer Form, die auch auf Social-Media-Websites übertragen wird, um eine konsistente Online-Branding-Funktion zu gewährleisten.
Der Nachteil eines Icon-Logos ist, dass es nicht viel Platz für einen tatsächlichen Firmennamen gibt. Die besten Icon-Logos sind so gestaltet, dass sie alleine oder neben Buchstaben stehen können, wie z Bezirk0x , unten. Beachten Sie, wie das farbenfrohe "d" -Symbol von alleine funktionieren könnte - es sieht im Kreis-Twitter-Logo-Format aufgrund der asymmetrischen Form toll aus - und fühlt sich in Verbindung mit dem vollständigen Markennamen nicht im Weg.
Jardan Möbel und Nobbys Leuchtturm , unten, wählen Sie einfachere Symbol-Logo-Stile mit dem Markennamen, der im folgenden Typ festgelegt ist. Obwohl dies eine beliebte Option ist, kann es zu einer Trennung zwischen dem Namen und dem Logo kommen. Entscheiden Sie sich für Placements, die die Elemente verbinden - beide Beispiele zentrieren das Logo und den gesetzten Firmennamen -, um einen Blickpfad von einem Element zum nächsten zu erstellen.
Fazit
Es macht Spaß zuzusehen, wie sich Trends von einer Dynamik zur nächsten verschieben. Denkst du, dass detailliertere Stile den Minimalismus ersetzen werden? Oder ist es nur eine vorübergehende Modeerscheinung?
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.