3 wesentliche Designtrends, Juni 2017
Manchmal kann ein einfacher Design-Tweak Ihr Website-Design von gewöhnlichen zu trendigen bewegen. Jeder dieser Trends des Monats ist diese Art von Technik, von der kleinen Typografie über geometrische Merkmale bis hin zu unscharfen Bildern. Jede dieser Techniken kann in einem neuen Designprojekt oder als Anpassung an ein bestehendes Design funktionieren.
Hier ist, was in diesem Monat im Design Trend ist:
1. "Kleiner" Text
Scheint es, dass übergroße Typografie der Vergangenheit angehört? Kleinere, fast "winzige" Texte haben damit begonnen, die großen fettgedruckten Header zu ersetzen, die schon seit einiger Zeit ein fester Bestandteil des Website-Designs sind. Von kleineren Überschriften bis hin zu Text, der nur spärlich erscheint, hat sich der Trend zur Verkleinerung von Typografie deutlich verschoben.
Auch wenn es bei kleinen Textgrößen, insbesondere bei Fließtext, Bedenken hinsichtlich der Lesbarkeit gibt, sind kleinere Schriften keine schlechte Sache. Übergroße Typografie hatte fast begonnen, zu grell mit Größen und Schriftzügen zu laufen, die fast zu groß waren, um mit Leichtigkeit zu lesen.
Kleinere Schriften fühlen sich etwas weicher an und geben dem Design mehr Platz für andere Elemente, zu denen sich das Auge bewegen kann. Der Trick bei kleinen Schriften besteht darin, den Schriftzug auf ein Minimum zu reduzieren. Ohne viel zu lesen, kann dieser Trend effektiv und interessant sein. Auf der anderen Seite, mit großen Blöcken des Typs tiny Typ geht verloren und kann die Fähigkeit des Benutzers zu lesen mit Leichtigkeit behindern und die Kopie effizient scannen.
Balance ist auch ein Anliegen. Alle Schriftarten müssen etwas verkleinert werden, um ein schönes Gefühl der Harmonie zu schaffen. Mondbauer verwendet eine helle Schriftart für die Logo-Behandlung und eine kleine Zeile der sekundären Kopie. Die Artelemente kontrastieren schön und die Lichttypbehandlung scheint der Stimmung der Bilder zu entsprechen.
HTML-Burger nimmt mit einer kühnen Überschrift und kleinen Nebenzeilen fast den umgekehrten Weg. Die leichteren beschreibenden Wörter arbeiten klein, weil sie gebräuchliche Wörter sind - HTML, CSS, E-Commerce - und stehen im Gegensatz zu der immer noch überdimensionierten Überschrift.
Mountain Dew's NBA-Design schiebt alles auf eine kleine Skala. Dies ist eine der kleinsten Headline-Behandlungen, die Sie wahrscheinlich finden werden, aber in Kombination mit dem übermäßig fett gedruckten X-Overlay und dem Video-Hintergrund werden die Benutzer immer noch zu dem winzigen Text gezogen.
2. Geometrische Schichtung
Neue Möglichkeiten, Elemente zu schichten, werden immer beliebter. Zunächst einmal als Mainstream- und moderne Design-Technik von Googles Material-Design-Idee vorgestellt, ist die geometrische Schichtung eine andere Art, visuelles Interesse für visuelle Elemente zu schaffen, die vielleicht etwas zu wünschen übrig lassen.
Jedes der folgenden Beispiele verwendet einen Rahmen mit kühnen Formen, um Bildern, die etwas schlicht sind, neues Leben einzuhauchen - Gebäude, ein Meeting-Foto, Bilder von Menschen, die arbeiten. Die Zugabe von lustigen Formen, Ausschnitten und Farben geben dem Benutzer einen Ausgangspunkt, um in das Design zu kommen. Beachten Sie, dass jedes der Designs geometrische Elemente verwendet, um den Benutzer effektiv von einer Form zu dem relevantesten Inhalt zu bewegen, beispielsweise einer Überschrift oder einem Branding.
Geometrie kann auf verschiedene Arten verwendet werden, die in den Rest des Designs integriert werden können:
- In Bilder schneiden, um wichtige Testelemente wie z Salz Projekte ;
- Verwenden Sie ein unerwartet helles Randelement, um einen außerbalancierten Fokuspunkt zu erstellen, der die Benutzer über den Bildschirm führt, z Bailey und Französisch ;
- Fotos in ungewöhnliche Formen bringen, um den Bildern einen neuen Fokus zu verleihen Alchemie Digital .
Der beste Teil der Verwendung von geometrischer Schichtung ist, dass es einfach ist und mit so ziemlich jeder Art von Inhalt funktioniert. Die Benutzer gewöhnen sich an kreisförmige Tasten und andere Elemente, die übereinander angeordnet sind, um ein mehrtaktiges, taktiles, interaktives Gefühl zu erzeugen.
Die Winkel und Kurven in geometrischen Elementen können dazu beitragen, die Benutzer von einem Element zum nächsten zu führen, und wenn sie effektiv verwendet werden, sind sie ein großartiges Richtungswerkzeug. Positioniere Winkel so, dass sie auf den Inhalt zeigen, den Nutzer sehen sollen, und verwende Kreise für Inhalte, die zuerst angezeigt werden sollen.
3. Unscharfe Bilder
Unscharfe Bilder sind eine Technik, die nicht neu ist. Aber mit mehr Designs, die vollständig oder teilweise verschwommene Bilder oder Videos enthalten, scheint es neues Leben zu bekommen.
Unscharfe Bilder können ein eindeutiges Gefühl für eine Website mit einem geheimnisvollen Element erzeugen oder dazu beitragen, die Betonung vom Bild weg zu einem anderen Teil des Designs zu verschieben. Jedes der folgenden Beispiele verwendet aus verschiedenen Gründen Unschärfe:
- Digitalux nimmt, was ein langweiliger Teil von Video-Leuten sein würde, die in einem Büro arbeiten - und Blau verwendet, um ein bisschen Bewegung hinter der Hauptbotschaft hinzuzufügen und zum Handeln aufzurufen;
- Playkot verwendet einen unscharfen Hintergrund, um den Spaßcharakter und die interessante Typografiebehandlung im Vordergrund zu betonen, und fügt diesem virtuellen Abenteuerspiel im urbanen Stil ein Element der Realität hinzu;
- ESPNs "Wir die Fans" hat eine verschwommene Stadionkulisse, die fast überall eine Fußballarena wäre, um die Vorschau für eine Fernsehdokumentation zu zeigen; Der unscharfe Hintergrund hilft dabei, sich mehr auf die Spaßbehandlung zu konzentrieren, die das Hauptbranding für die Serie darstellt.
Fazit
Manchmal sind die größten Trends ein Sprungbrett für die Entwicklung anderer Trends. Es kann interessant sein, den kleinen Schritt Fortschritt fast so zu sehen, wie es passiert. Das ist es, was man tendenziell bei Trend-Elementen sieht, die auf fast jedes Projekt angewendet werden können, wie die drei hier gezeigten Trends.
Das Schöne an diesen Ideen ist, dass sie in fast jedem Maßstab anwendbar sind. Sie können z. B. nur Ihrer Homepage winzigen Text hinzufügen und sehen, wie sich die Änderung auf die Benutzer auswirkt, bevor Sie sie in größerem Umfang ausführen. Versuche und Tests auf dieser Ebene werden dazu beitragen, vorherzusagen, ob ein Trend wie dieser Bestand hat oder schnell verblasst.
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.