Wesentliche Designtrends, April 2016
Das Website-Design sieht in diesen Tagen glücklich aus. Vielleicht, weil der Frühling in der Luft liegt oder vielleicht nur eine gute Stimmung herrscht. So oder so, die Trends in der Website-Design in diesem Monat spiegeln dieses Gefühl nach oben, mit coolen Illustrationen im Stil von Symbolen, großen Fotografien und hellen Farben.
Hier ist, was in diesem Monat im Design Trend ist:
1) Icon-Stil Illustrationen
Es ist schwer, eine großartige Illustration nicht zu lieben. Einige der besten Illustrationen, die wir gerade sehen, haben eher ein ikonisches Gefühl. Das kommt mit ein paar Schlüsseleigenschaften:
- Flache und einfach illustrierte Elemente (beachten Sie, wie alle kleinen Illustrationen in der Confederation Studio Site zusammengefügt sind)
- Helle Farbe oder einfache Färbung mit Primärfarben
- Geometrische Formen mit einem interaktiven Zweck
- Elemente mit dem Look & Feel des Icons, abzüglich des Containers, so dass Sie es visuell als Zeichnung und nicht als Schaltfläche sehen
- Handgezeichnete illustrative Effekte
- Elemente, die wie Symbole aussehen, aber wesentlich mehr Platz auf der Zeichenfläche einnehmen als ein Symbol
- Einfache Linienzeichnungen (wie der Stil von Draw a Better 2016)
Was ist cool an diesem Trend ist, dass es funktioniert, ein Element der Laune in ein Design-Projekt zu integrieren, ohne überwältigend wunderlich zu fühlen. Es schafft ein ausgewogenes Verhältnis von Handarbeit und Professionalität. Es nimmt auch ein etwas maskulineres Gefühl auf als viele der anderen Trends, die sich auf Launen wie Aquarell oder handgeschriebene Schriftzüge konzentrieren.
Auch wenn Sie kein Illustrator sind, können Sie diesen Trend nutzen. Es gibt viele Anbieter - kostenpflichtig und kostenlos -, die vektorbasierte Icon-Kits erstellen. Suchen Sie nach einem Kit, das alle tatsächlichen Shape-Dateien enthält, so dass Sie Teile auseinander ziehen, Farben ändern und Teile miteinander kombinieren können, um eine überdimensionierte illustrierte Ikonographie für Ihre Projekte zu erstellen.
2. Größere als lebensphotographie
Ein großes, fettes Foto oder Bild macht einen atemberaubenden ersten Eindruck. Aus diesem Grund entscheiden sich so viele Designer für Bilder, die größer sind als das Leben, um Nutzer in ihre Website-Designs einzubeziehen. Dieses Designelement kann überraschend, interessant und eine gute Alternative sein, wenn Sie ein oder zwei großartige Bilder haben, aber keine große Bibliothek, mit der Sie arbeiten können.
Aber Sie müssen bereit sein, sich ein wenig unwohl zu fühlen, um dorthin zu gelangen.
Um den Trend der überlebensgroßen Fotografie optimal zu nutzen, müssen Sie bereit sein, eines von drei Dingen mit dem Design zu tun:
- Beschneiden Sie ein Foto so fest, dass es einen beträchtlichen Teil des Bildschirms einnimmt, sodass das Bild auf einen Anteil skaliert wird, der größer ist als die Realität
- Zoom auf eine fast unbequeme Ebene mit Bildern von Personen und Gesichtern, um jedes Detail zu zeigen
- Stellen Sie ein Standardfoto dar, aber fügen Sie ein Element hinzu, das anders oder interessant ist, auf eine etwas unerwartete Weise
Alle drei dieser Techniken könnten anfangs sehr unangenehm sein. Intensive Pflanzen, super-enge Gesichter und Kuriositäten können dir anfangs ein wenig unbehaglich machen. Nähern Sie sich der Optik für diese Art von Design ein wenig anders. Beginnen Sie mit der größten oder seltsamsten Option. Dann in kleinen Schritten zurück und bewerten, wie Sie über das Bild fühlen. Es besteht die Möglichkeit, dass Sie zu einer der früheren Optionen zurückkehren.
Mit diesem Ansatz erlauben Sie sich, das Design und die Bilder auf andere Weise zu sehen. Das macht diesen Trend so auffällig - die Bilder sind anders. Sie ziehen Nutzer an, weil die Formen, Pflanzen und Gesamtstile so anders sind als die meisten Websites, auf denen ein Nutzer jeden Tag landet.
3. Helle Farbauswahl
Helle, kräftige Farbe ist in. Der Trend hat Einflüsse in Material Design verwurzelt. Auch wenn Material ein interaktionsbasierter Designstil ist, gewinnen einige visuelle Komponenten selbst an Zugkraft. Dies gilt insbesondere für die Farbe.
Warum eine Material-Style-Farbpalette verwenden, wenn der Rest des Designs nicht Material ist? Es ist eine einfache Möglichkeit, einem Projekt ein trendiges Element hinzuzufügen, ohne eine umfassende Neugestaltung vorzunehmen. Sie können fast eine helle Farbe hinzufügen und den Rest des Entwurfs mit nur ein paar Anpassungen an CSS oder Bilder allein lassen.
Was ist Materialfarbe? Es gibt keine perfekte Definition, aber hier ist, wie Google es beschreibt: "Farbe im Materialdesign ist inspiriert von kräftigen Tönen, die mit gedämpften Umgebungen, tiefen Schatten und hellen Highlights kontrastiert werden. Das Material orientiert sich an zeitgenössischer Architektur, Straßenschildern, Fahrbahnmarkierungsband und Sportplätzen. Die Farbe sollte unerwartet und lebendig sein. "- https://www.google.com/design/spec/style/color.html
Wenn Sie daran interessiert sind, eine materialbasierte Farbpalette zu erstellen und einen Startplatz benötigen, versuchen Sie die Materialpalette. http://www.materialpalette.com/
Die kräftigen Farboptionen sind schön und heben sich von vielen der gedämpfteren Minimal-Style-Projekte ab, die populär waren. Helle Blau-, Grün- und Gelbtöne sind besonders beliebt als Akzente in der Farbpalette. Der Trend scheint sich auf Materialfarben zu konzentrieren, nicht auf Farbpaletten.
Für ein Projekt, das wirklich weht, braucht es mehr als nur eine helle Farbe. Die Stimmung des Projekts sollte gleichermaßen hell sein.
- Beachten Sie, wie Lefty hellgrün mit Bildern von glücklichen, lächelnden Menschen paart, um eine überwältigende positive Stimmung zu erzeugen.
- BNP Paribas verwendet ein helles Grün, um Benutzer in ein Spiel-Stil-Interface zu bringen, das vor einem dunkleren Hintergrund steht.
- Big Drop verwendet ein fettes Gelb (und blau, rot und grün auf der Schriftrolle) mit hellen Bildern und einer lustigen Schrift, mit der die Nutzer angezogen werden und die Geschäftsseite weniger formell erscheint.
Der Trick, um Hinweise auf Material Design-inspirierte Farben hinzuzufügen, ist nicht, Ihr Branding zu verlieren. Wiederholen Sie nicht Ihre gesamte Farbpalette basierend auf einem Trend. eher einen Weg finden, helle Farben zu integrieren, ohne das Design zu überfordern. Die Beispielanwendungen sind gute Möglichkeiten, um darüber nachzudenken: Verwenden Sie eine einfache farbige Form als visuelles Element, probieren Sie eine farbige Überschrift aus oder verwenden Sie helle Farbfelder, um den Benutzern beim Scrollen auf der Seite ein immersiveres interaktives Erlebnis zu bieten.
Fazit
Es ist toll, wenn ein paar Trends dich glücklich machen können. Das macht diese Gruppe mit Farbe und mit Typwahl und mit Bildern. Vielleicht ist es nicht nur der Einfluss des Frühlings und wir werden diese Elemente in den kommenden Monaten in noch mehr Designs sehen.
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.