Wesentliche Designtrends, Februar 2016
Auf der Suche nach einer Website aktualisieren und nicht wissen, wo ich anfangen soll? Einige der trendigsten Elemente im Web-Design sind jetzt Spaß, ästhetisch und ziemlich einfach zu bedienen.
Wenn Sie Ihrem aktuellen Design oder einem neuen Build ein trendiges Feature hinzufügen, kann dies dazu beitragen, eine moderne Atmosphäre zu schaffen, die Besucher auf Ihre Website locken kann. Und was besonders an diesen Trends positiv ist, ist, dass Sie sie mit vorhandenen Elementen, Farb- und Typografiepaletten und Branding verwenden können.
Hier ist, was in diesem Monat im Design Trend ist:
1. Duotone Farbschemata
Duotone-Farbpaletten gibt es schon lange, aber die jüngste Aufnahme fügt einem Duoton-Farbverlauf einen Farbwasch-Effekt hinzu, um einen Vollbild-Effekt mit hoher Wirkung zu erzielen. Es ist etwas, das mit flachem Design in großem Stil tendierte, aber dank der erstaunlichen Nutzung durch Spotify ist duotone zurück.
Was genau ist Duoton?
Es ist die Verwendung von zwei Farben, um eine Palette zu bilden. In der grundlegendsten Form ist Duoton eine komplementäre Kombination aus dem Farbrad. In komplexeren Anwendungen verwenden Designer alle Arten von Farbkombinationen und brechen die Regeln mit Paarungen.
Die meisten der Duplex-Effekte verfügen über eine bunte Überlagerung auf einem Bild. Der Duplex-Effekt hebt dunkle Bereiche und Lichter hervor und erzeugt visuelle Effekte mit atemberaubenden Farben. Spotify verwendet es auf großartige Weise, um Standard-Künstlerfotos, die Sie wahrscheinlich Dutzende Male gesehen haben, so unterschiedlich aussehen zu lassen, dass sie Aufmerksamkeit erregen.
Es ist eine Technik, die Sie auf verschiedene Arten anwenden können. Es funktioniert mit fast jedem Design-Konzept und kann als Vollbild-Element, wie viele der obigen Beispiele, verwendet werden, um dominante Kunst zu schaffen. Es kann auch verwendet werden, um einen interessanten Hintergrund zu erstellen, Benutzeroberflächenelemente zu akzentuieren oder zur Betonung eines bestimmten Teils des Designs beizutragen. Duotone funktioniert am besten, wenn es für ein einzelnes Designelement verwendet wird. Die Technik kann überwältigend sein und sollte in Maßen verwendet werden.
2. Verschüttetes Bildschirmdesign
Websites mit Split-Screen-Design wachsen exponentiell. Die Design-Technik besteht aus zwei Seiten mit Inhalten nebeneinander. Die meisten dieser Konzepte verwenden einen symmetrischen Umriss, so dass jede Seite des Bildschirms die gleiche Größe und Form hat.
Das Ergebnis ist ein cooles, duales Content-Erlebnis auf Desktop-Computern und (bei korrekter Codierung) ein großartiges Screen-by-Screen-Erlebnis auf kleineren Geräten, bei dem die Panels kollabieren und Scroll-Elemente gestapelt sind.
Die Design-Möglichkeiten mit dem Split-Screen-Trend sind grenzenlos - Halb- und Halb-Splits, Splits mit Karten oder Grid-Style-Elementen, ein subtiler Split und die Liste geht weiter. Jede Seite des Designs kann die Nutzer auch zu verschiedenen Arten von Inhalten führen und Ihnen helfen, wertvolle Nutzeranalysen über den Inhaltstyp zu erhalten, den Nutzer sehen und anklicken möchten.
Split-Screen-Designs sind benutzerfreundlich, arbeiten gut in responsiven Frameworks und überfordern andere Designtechniken, die Sie verwenden möchten, nicht.
Hier sind einige Möglichkeiten, den Bildschirm effektiv zu teilen:
- Passen Sie Farbe und Typografie an, wenn Sie keine starken Visuals haben.
- Fokussieren Sie die Aufmerksamkeit des Benutzers mit einer Bewegung von links nach rechts, die zu einer Aktion führt.
- Verwenden Sie die Farbblockierung, um den Bildschirm zu teilen und Ihrer Nachricht mehr Platz zu geben, während die Lesbarkeit erhöht wird.
- Stellen Sie sich einen Splitscreen als übergroße Karten vor. Stapeln Sie Containerelemente in einem Mosaik- oder Mauerwerkmuster, um verschiedene Teile des Inhalts zu präsentieren.
- Halten Sie jeden "Bildschirm" einfach. Der Trick zu diesem Entwurfskonzept ist der geteilte Bildschirm. Ein minimaler Stil kann helfen, den Inhalt darin zu betonen.
3. Typografie in einem gemeinsamen Raum
Das ist einer dieser Trends, die man fast sehen muss, um zu verstehen: Die Typografie erstreckt sich auf gemeinsame Räume im Design. Schau dir die meisten Webseiten an und es gibt Bilder und Hintergründe und Typ. Elemente werden entweder zusammen erstellt, z. B. Typ auf einem Bild, oder sie sind vollständig getrennt.
Immer mehr Designer brechen aus diesem Format aus und erstellen Projekte, bei denen sich der Typ in die Bereiche anderer Elemente erstreckt. Es ist interessant und macht Spaß zu sehen.
Es kann auch eine Herausforderung sein, zu erstellen, weil Bedenken hinsichtlich der Lesbarkeit bestehen.
Die Technik funktioniert am besten mit einer einfachen Typografie, z. B. einer medium stroke Sans Serif. Text sollte viel Kontrast haben, um sich vom Hintergrund und irgendwelchen Elementen zu unterscheiden, in die er hinein oder darüber hinweggeht. Aus diesem Grund verwenden die meisten Designs, die diese Technik verwenden, eine weiße oder schwarze Beschriftung.
Text muss auch etwas Größe haben, damit das funktioniert. Fast ebenso wichtig wie der Farbkontrast ist der Kontrast in Größe und Raum. Sie müssen auch besonders darauf achten, wie sich der Text mit unterschiedlichen Bildschirmgrößen oder Haltepunkten bewegt, so dass Buchstaben Bereiche des Bildes nicht abdecken, die für Ihre Nachricht wichtig sind.
Eines der atemberaubendsten Beispiele dafür ist von Deux Huit Huit (Sie werden die Seite für die volle Wirkung besuchen wollen). Die Beschriftung bewegt sich über und durch das Hauptbild auf der Startseite. Die Wörter sind lesbar, wenn sie vom Bild "fallen" und den Raum zwischen Foto und Hintergrund durchkreuzen.
Fazit
Während viele Design-Trends fast so schnell kommen und gehen, wie Sie sie zu erkennen beginnen, funktionieren die, die dabei bleiben, oft gut mit anderen bewährten Techniken. Das ist das Beste an diesem Trio moderner Stile. Jeder kann zu einem Layout für einen Hauch von Neuheit verarbeitet werden. Diese Techniken sind ziemlich einfach zu implementieren (und später zu entfernen), ohne Ihre gesamte Ästhetik zu zerstören.
Probieren Sie eine dieser Techniken für eine visuelle Aktualisierung aus. Denken Sie daran, aus Ihrer Komfortzone ein wenig mit kühnen Farbauswahl oder eine Änderung nur auf Ihre Homepage. Oder gehen Sie etwas mutiger und versuchen Sie eine Kombination aus trendigen Techniken für ein Design, das wirklich auffällt. (Haben Sie bemerkt, dass die Website für Stikwood zwei der Trends nutzt - Split-Screen-Design und Typografie in einem gemeinsamen Raum?)
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.