Wesentliche Designtrends, Oktober 2016
Wie es so schön heißt: Alles Alte ist wieder neu. Das stimmt sicher im Design. In diesem Monat sind einige der größten Trends im Webdesign überhaupt nicht neu. Designer erfinden Stilarten der alten Schule neu, kehren ins Netz zurück und überdenken die Nachrichten auf der Startseite.
Es ist eine interessante Kombination von visuellen Elementen, die wir in der Vergangenheit gesehen haben und wahrscheinlich auch in Zukunft wieder sehen werden. Hier ist, was in diesem Monat im Design Trend ist:
1. Alte Schultypographie
Mehr Designer nehmen einen Old-School-Ansatz zur Anzeige von Typografie. Vorbei sind die ultradünnen oder kondensierten Sans-Serifen, und traditionellere Schriftarten sind in. Alte, moderne und Übergangs-Serifen sind die neue Stil-Schriftart für die Präsentation.
Es ist eigentlich ein bisschen überraschend. Jahrelang. Die "Regel" war, Sans-Serifen zu verwenden, um die Lesbarkeit zu verbessern, und Designer taten genau das, oft ohne Frage. Die neue Verwendung von Serifen für große Schriften - und sogar für kleinere Schriften - ist erfrischend und gut lesbar. Die Designs leben oft auf minimalem Raum, so dass der Typ nicht um Aufmerksamkeit konkurrieren muss und die Paarungen sich auf dunkle Buchstaben auf hellem Hintergrund konzentrieren. (Alle Dinge, die Lesbarkeit unterstützen.)
Wissen Sie nicht viel über diese Schriftarten? Hier ist eine kurze Einführung in jede dieser "neuen" Old-School-Serifen:
- Old-style: Die Beschriftung hat eine alte Atmosphäre, die sich von den Schriften des Blacklettern und der Gotik aus der frühen Druckerei fortsetzt. Buchstabenformen haben oft kleine Serifen (diese kleinen Striche am Ende von längeren Stokes) und eine runde Form. RSQ, unten, ist eine perfekte Schaufenster der alten Typografie.
- Modern: Diese Art der Beschriftung ist im gedruckten Design, wie Zeitungen und Zeitschriften, durchaus üblich, fängt aber gerade erst an, in Webprojekte einzudringen. Moderne Serifen haben abwechselnd dicke und dünne Strichbreiten in jeder Buchstabenform, manchmal mit großen Kontrasten. Ink + Volt, unten, verwendet eine schöne moderne Serifenschrift. Beachten Sie aber auch, wie der Schriftzug verwendet wird. Der Typ befindet sich innerhalb einer weißen Box, so dass die dünnen Teile eines jeden Buchstabens nicht im Hintergrund des Videos verloren gehen, was die Lesbarkeit einschränken würde. Dies ist die perfekte Lösung für die Verwendung einer modernen Serif.
- Transitional: Diese Buchstabenformen ähneln modernen Serifen mit einem großen Unterschied - Buchstaben haben einheitliche Strichbreiten. Dies macht es einfacher, traditionelle Serifen zu verwenden, da sie in mehr Design-Situationen besser lesbar sind.
Nicht alle Old-School-Typografie fällt in eine Serif-Kategorie. Einige der alten Stile, die auftauchen, erinnern uns an eine andere Zeit, wie sie im "Frontend Guide" unten beschrieben wird. Das flippige, schräge, Ende der 1970er bis Anfang der 80er Jahre entführt Sie in eine andere Zeit und an einen anderen Ort. (Und das ist total old-school.)
2. Definierte Gitter
Manchmal kann man das Gitter sehen, manchmal nicht. So oder so, ein festes Raster ist die Grundlage für ein Design, das sauber organisiert und einfach zu den Augen ist.
Mehr definierte Netze machen ein Comeback. Ein Teil davon könnte von dem Einfluss von Material Design sein, das viele Elemente in ordentlichen Spalten und Reihen aufweist, und ein Teil davon könnte die Leichtigkeit sein, Elemente in reaktionsfähigen Frameworks zu verschieben und neu anzuordnen.
In jedem Fall können definierte Raster für eine Vielzahl von Projekten auf fast jedem Bildschirm fantastisch aussehen. Was ist schön daran, ein definiertes Raster zu verwenden, das dem Designer das Leben wirklich leicht macht? Sobald Sie sich in einem Raster zurechtfinden, werden Ihnen Platzierungen, Größen und Design-Optionen deutlich angezeigt.
Der Trick bei der Verwendung von definierten Rastern besteht darin, nicht zu strukturiert oder zu übermäßig gerastert zu sein. Für viele Designer bedeutet dies, Größen auf verschiedenen "Bildschirmen" umzuschalten, wie beispielsweise ein Heldenbild in voller Breite über einem Raster von Elementen. Die Elegant Seagulls "Decade" -Seite, unten, macht das sehr schön. Die Website bietet auch subtile Rasterung auf der Homepage im Bild, die dunkel ist, geheimnisvoll, und führt Sie in die Mystery-Themen Grid-Seiten. High Tide, unten, macht etwas ähnliches mit einem coolen Intro-Video über Gitterblöcken.
Aber ein Raster kann gut definiert und ein wenig weniger eingerahmt sein. Zumtobel, unten, verwendet die Buchstaben in seinem Namen, um Gitterblöcke für spezifische Produktinformationen zu erstellen. Nur beim Schweben sehen Sie die perfekt dimensionierten Gitterboxen, obwohl die Platzierungen in einem sauberen Raster horizontal und vertikal ideal verteilt sind.
Je mehr Sie über Raster nachdenken, desto mehr werden Sie beginnen, sie durch die Augen des Designers zu sehen, der sie erstellt hat. Sie können mit einigen der gängigen Web-Grids beginnen, wenn Sie nicht mit der Idee vertraut sind oder Ihre eigenen erstellen. Der Trick ist, dass Sie das Raster konsequent für echten visuellen Erfolg verwenden müssen.
3. Minimale Nachricht über dem "falten"
Die Frage des Tages ist folgende: Gibt es genug Informationen über der Schriftrolle, um Sie genug zu interessieren, um weiter auf die Website zu schauen? Es kann schwer zu beantworten sein. Aber viele Designer setzen auf die Idee, dass Sie klicken oder scrollen, auch wenn nur ein Wort auf dem Bildschirm ist.
Mit anderen visuellen Elementen wie Video, Scroll-Schiebereglern oder verlockenden Produktanzeigen können Benutzer genau das tun. Aber es kann ein Glücksspiel sein, besonders bei Designs, die kein Navigationsmenü mit minimaler Nachrichtenübermittlung enthalten.
Dann gibt es das: Viele Benutzer geben Webseiten über andere Seiten als die Homepage ein, also warum nicht dort ein Risiko eingehen? Sieh dir die Daten und Klicks an, um zu sehen, was passiert.
Dies ist einer dieser Trends, die interessant zu beobachten sein werden. Es könnte fast so schnell verschwinden, wie es erschienen ist, aber es gibt viele Websites, die dieses Modell verwenden.
Fazit
Es macht viel Spaß Designtrends wieder in Mode zu bringen. Zwei dieser Trends - Oldschool-Typografie und definierte Raster - machen es gut, dass sie in einer Reihe von Designstilen sehr gut einsetzbar sind.
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.