Wesentliche Designtrends, Juni 2016
Designer ändern die Regeln für das Webdesign dank kreativer Problemlösung. Auto-Play-Sound, Mischen von realen und illustrierten Bildern und sogar das Überlagern von Logos auf Fotos sind einige der heißesten Design-Techniken, und alle drei Konzepte wurden vor nicht allzu langer Zeit als Tabu betrachtet.
Hier ist, was in diesem Monat im Design Trend ist:
1. Auto-Play-Sound
Vor nicht allzu langer Zeit war die Regel, Sound auf Ihrer Website nicht aufzunehmen, es sei denn, es war optional. Und du würdest definitiv nicht auf die Auto-Play-Route gehen.
Diese Tische haben sich gedreht! Was früher ein Bandbreiten-Hogging-, aufdringliches Design-Feature war, wird ziemlich alltäglich.
Der Ton wird insbesondere für verschiedene Website-Typen verwendet - für medienbezogene Inhalte wie Musik, Filme oder Nachrichten und für Spiele- oder Storyline-Designs. Der Trick bei der Verwendung von Sound besteht darin, dass für Benutzer, die still mit einer Website interagieren möchten, eine Schaltfläche zum Ein- / Ausschalten aktiviert werden muss.
Sound ist, dass es nicht zu einem Schock für die Benutzer kommen sollte. Viele Websites, wie z Das war Louise's Telefon , die den Auto-Play-Sound verwenden, verwenden einen Puffer, um zu zeigen, dass der Sound-Inhalt geladen wird. Kombinieren Sie diese Lastaktion mit einem Kippschalter und die Benutzer können bestimmen, ob der Sound für sie geeignet ist oder nicht, bevor die Site das erste Geräusch erzeugt.
Ein weiterer Trick, wenn es um die Verwendung von Sound geht, ist, sanft zu starten. Sie möchten nicht, dass Benutzer aus ihren Stühlen springen, weil Ihr Design mit einem schweren Metallbruch beginnt. Alles klingt in den ersten Sekunden von fast einem Flüstern bis zur vollen Lautstärke.
Schließlich ist es wichtig, dass der Ton (insbesondere wenn er automatisch abgespielt wird) ein wesentlicher Teil des Inhalts ist, der zur allgemeinen Benutzererfahrung beiträgt. Benutze keinen Ton, nur weil du etwas Neues ausprobieren willst; Nutze es mit Absicht. Denken Sie auch daran - sogar mit Sound als Teil des Designs, viele Benutzer werden auf den Inhalt zugreifen, ohne es. Design weise.
2. Mischen von Fotos und Illustration
Es kann eine schwierige Technik sein, aber die Grenze zwischen Fotografie und Illustration wurde überschritten. Das Mischen von echten und handgezeichneten Elementen kann einem Projekt einen Hauch von Laune verleihen, der sowohl Spaß macht als auch visuell faszinierend ist.
Tun Sie es, ohne zu kitschig zu sein, um die Benutzer nachhaltig zu beeinflussen. Hier sind ein paar Vorschläge:
- Verwenden Sie Illustrationen für Symbole und Schaltflächen und Fotografie für dominierende visuelle Wirkung
- Erstellen Sie ein visuelles Muster, das hauptsächlich Illustration verwendet, aber fügen Sie kurze Video- oder Bildbereiche zur Betonung hinzu
- Fügen Sie animierte illustrierte Elemente für einen Hauch von etwas anderem in der Nähe von Fotos hinzu
- Erstellen Sie ein Logo oder ein Logo, das für die Verwendung mit Markenfotos oder auf Verpackungen, die in Markenbildern erscheinen sollen, illustriert ist
- Verwenden Sie die Abbildung, um Benutzer durch andere Visuals zu führen und eine Geschichte zu erzählen
maßgeschneidert ist ein großartiges Beispiel für diesen Mix-and-Match-Ansatz für Fotografie und Illustration. Ein Finanzplanungsunternehmen ist kein Ort, an dem Sie erwarten könnten, diese Technik in Aktion zu finden, aber sie ist effektiv. Animierte Illustrationen im Hintergrund von Fotos von Menschen verleihen einem ansonsten langweiligen Kopfschuss Interesse. Die animierten Schwebestatistiken ziehen die Aufmerksamkeit des Benutzers auf sich und regen zum Scrollen an. Noch mehr Illustrationen werden in der Ikonographie der Seiten verwendet, um Klicks zu fördern und den textlastigen Teilen des Designs ein visuelles Flair zu verleihen.
3. Abzeichen oben auf Heldenbildern
Abzeichen sind überall, wo du dich gerade umdrehst. Vom Logo-Design bis hin zu Vintage-Retro-Typografie-Stilen, die Hipster-Favoriten genannt werden können, sind diese einfachen Elemente zu einem festen Bestandteil minimaler Designstile geworden. Sie sind auch eine häufige Option für Designs, die in der Fotografie fehlen könnten.
Das ändert sich jedoch, da immer mehr Designer Abzeichen mit Sternfotografie in Heldenbildern verwenden. Der Trend wird durch ein einzelnes Heldenbild (normalerweise kein Schieberegler) mit einem weißen oder halbtransparenten Abzeichen oben dargestellt. Abzeichen werden oft horizontal und vertikal zentriert, obwohl die Platzierung variieren kann.
Es ist ein auffallendes Foto zum Logo (oder Text) Kontrast. Was diese Arbeit ausmacht, ist, dass das große Bild die Benutzer anzieht. Das Abzeichen dient als Brennpunkt für ein oft schwaches oder loses Bild. (Das heißt nicht, dass die Bilder in dieser Art von Stil sind schlecht, aber sie profitieren von der Hilfe eines Badges.)
Dieser Trend ist eine Entwicklung von etwas, das wir schon seit einiger Zeit mit Helden-Image-Headern gesehen haben. Übergroße, kühne Typografie-Entscheidungen waren letztes Jahr der Wahnsinn. Dies ist eine natürliche Verschiebung aufgrund der Popularität von Abzeichen Stile und Ähnlichkeit zwischen wie übergroße Art und Abzeichen verwendet werden.
- Beide sind eher weiß oder hell
- Beide tendieren dazu, eine einzelne Nachricht an die Benutzer zu hämmern
- Beide arbeiten in Designs, die nicht viele konkurrierende Visuals haben
- Beide sind mutig und mutig, weil sie den Nutzern nur einen echten Einstiegspunkt bieten
- Beide arbeiten außergewöhnlich gut mit Stock Fotografie
- Beide Stile bieten eine kühne visuelle Lösung, wenn Sie nicht viele Fotooptionen haben
- Beide Stile eignen sich dazu, an anderen Stellen (z. B. einem Hover-Status) einen Hauch von Animation hinzuzufügen, um Benutzer zu locken, da es nicht viele andere bewegliche Elemente wie Video oder einen Bild-Slider gibt
Was ist toll an einem großen Abzeichen ist, dass es Dual-Duty als Ihr Markenzeichen dienen kann. (Dies ist eine großartige Option für kleine Unternehmen oder Portfolio-Websites.) Erstellen Sie ein Abzeichen mit der Idee, dass es Ihr Logo sein wird. Entwerfen Sie Farben und weiße Versionen, um sie je nach Verwendung zu kombinieren. Diese zusätzliche Funktionalität ist ein weiterer Grund, warum Abzeichen gerade so beliebt sind.
Fazit
Sind Sie mutig genug, Ihrem Website-Design automatisch Musik hinzuzufügen oder echte und illustrierte Bilder zu mischen? Beide Trends haben ein gewisses Risiko- und Auszahlungsrisiko. Wenn Sie für diese Trends noch nicht bereit sind, können Sie für fast jede Art von Designentwurf ein Logo über einem Heldenbild einfügen. Sie können diese Einstellung auch im laufenden Betrieb vornehmen und bei Bedarf verwenden.
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.