Gutes Design kann Sie wirklich in Stimmung bringen. Heute haben wir eine Sammlung dunkler und stimmungsvoller Website-Designs, die Sie dazu inspirieren werden, eine eigene Atmosphäre in Ihrer Designarbeit zu schaffen.
Während die meisten dunklen Sammlungen ein bisschen "Wermutstropfen" haben? Vibe, nicht alle diese Designs haben dieses Gefühl (obwohl Farbe viel mit dem Gefühl zu tun hat, wenn man sie betrachtet). Dieses Showcase ist mehr als eine Galerie. Wir hoffen, Sie werden inspiriert, ein dunkles, stimmungsvolles Design zu kreieren.
Dunkle Farben
Wichtig ist zu beachten, dass Dunkelheit nicht immer Schwarz bedeutet. Eine dunkle Farbpalette legt sofort einen bestimmten Ton für ein Design fest. Was ist wichtig, um das zu bedenken dunkel bedeutet nicht immer schwarz. Es sind oft Farben, die getönt sind (Hinzufügung von Schwarz) oder schattiert (Hinzufügung von Grau).
Bei der oben genannten Gestaltung von Hooligan ist die Gesamtstimmung dank des schwärzlichen Hintergrunds etwas düster und dunkel. Was aber wirklich die Akzentfarbe ist. Das tiefe Gelbgold wurde getönt, um sich an die Stimmung des Hintergrundvideos anzupassen. Das Ergebnis ist ernst, aber optisch faszinierend.
Schatten
Schatten strahlen Rätsel aus. Dies ist einer der Hauptgründe, warum Designer dunkle und stimmungsvolle Designmuster verwenden. Sie erzeugen Interesse und Neugierde beim Nutzer.
Die Schatten, die das Auto auf der Clear Motion-Website umgibt, zwingen Sie fast, die Kopie zu lesen. Warum sieht das Auto so aus? Was ist daran wichtig? Die dunkle Ästhetik trägt mit einer Stimmung bei, die sich um die Neugier dreht, mehr zu lernen.
Schwarze Überlagerungen
Eine schwarze Überlagerung ist eine der häufigsten Methoden, um eine dunkle Stimmung zu erzeugen. Aber die Art von Schwarz, die Sie wählen, kann ihm mehr Bedeutung verleihen. Ist es dunkler oder transparenter? Wie viel Bild oder Hintergrund kann der Benutzer durch das Overlay sehen?
Dunkle Überlagerungen mit weniger Transparenz verdecken fast alles, was im Hintergrund passiert, sodass sie nicht im Mittelpunkt des Designs stehen. Durch transparentere schwarze Überlagerungen können die visuellen Elemente als Teil des Hauptdesigns durchlaufen werden und stehen im Gegensatz zu primären Elementen wie Text oder Handlungsaufforderungen.
Fhoke verwendet diese Technik gut. Sie können die Aktion im Hintergrundvideo sehen, der eigentliche Fokus liegt jedoch auf der Überschrift und der Bildlaufaktion.
Starke Leinwand
Stark: Schwere oder nackte Erscheinung oder Umrisse.
Bei vielen Designs, die mit Elementen gefüllt sind, die Sie sehen lassen, erzeugt ein stärkeres Design ein Gefühl des Nichts und zwingt den Benutzer fast, es genauer zu untersuchen. Wieder erzeugen Dunkelheit und ein stärkerer Hintergrund ein Rätsel, das der Benutzer lösen möchte.
Dubois ist zwar nicht so krass wie Entwürfe mit nichts im Hintergrund, schafft jedoch dieses Gefühl von Wunder. Das Muster der Punkte trägt tatsächlich zum Rätsel bei - schauen Sie genau hin, und einige von ihnen enthalten Farbtöne.
Aber das Design zwingt den Blick auf den Text, der für die meisten Benutzer an einem unbekannten Ort auf dem Bildschirm ist. Branding und die Hauptüberschrift befinden sich am unteren Rand der ersten Bildlaufleiste und nicht in der oberen Hälfte des Designs.
Typografische Auswahlmöglichkeiten
Welche Assoziationen hast du schon mit? Punk? Versetzt dich das in Aufregung oder in eine wütende Stimmung? Punk ist nicht tot. Wahrscheinlich spüren Sie sofort etwas. Die Erfahrung ist scharf und sehr visuell. Wenn Sie auf den Link zur Website klicken, wird auch eine Audiokomponente angezeigt. Sie werden sich auf bestimmte Weise fühlen. Welche Assoziationen hast du schon mit? Punk? Versetzt dich das in Aufregung oder in eine wütende Stimmung?
Der dunkle Hintergrund und die hellen Farbakzente tragen dazu bei, aber die Stimmung hier ist wirklich die Wahl der Typografie. (Stellen Sie sich einfach ein leichtes Skript vor - ganz anders.) Die scharfen, unregelmäßigen Ränder der Schrift und die fast unbeholfene Lesbarkeit beeinflussen das Verhalten beim Betrachten.
Das Ergebnis ist interessant, aber schwierig und mit Unbehagen verbunden.
Schwarz und weiß
Wie fühlst du dich, wenn ein Design keine Farbe hat? Was ist, wenn es meistens schwarz und weiß mit ein paar bunten Elementen ist?
Ein Schwarz-Weiß-Design hat zwar nicht das gleiche hohe Drama wie ein ganz dunkles Design, kann aber durchaus interessant sein. Im Design selbst gibt es Konflikte mit so vielen kontrastierenden Elementen und Farbbereichen.
Dies kann dazu führen, dass sich das Auge schnell über das Design und zu verschiedenen Elementen im Wirbelwind bewegt, ähnlich wie bei einem Super Rebel. Das Auge geht mit dem großen Schwarzweißbild sofort nach oben, springt dann aber zu allen anderen Magazinenblöcken und landet nie wirklich an einer Stelle.
Das Gefühl ist ein bisschen Informationsüberflutung.
Bilder
Der gemeißelte Blick in Jimmy Chin's Bild auf seiner Mappe? Seite gibt Ihnen einen Eindruck von dem Mann. Und genau das sollen dunkle Schwarzweißbilder sein.
Die Auswahl, die Sie mit Farbe, Beleuchtung und Fotonutzung treffen, trägt zur Gesamtstimmung des Designs bei. Hier ist das Ergebnis dunkel und stark. Aber stellen Sie sich vor, er trug ein weiches gelbes Hemd und eine hellgrüne Hose. Die Stimmung wäre ganz anders.
Das Bild schafft eine ausgeprägte emotionale Verbindung mit dem Benutzer, die vom Designer beabsichtigt war.
Dunkel mit einem? Licht? Stimmung
Während wir uns hier viele stimmungsvolle Designs angesehen haben, muss Dunkelheit nicht mit einer dunklen Stimmung gleichgesetzt werden. Eine dunkle Ästhetik kann tatsächlich zu einem eher hellen und energetischen Gefühl führen. Es geht darum, wie Sie die Teile zusammensetzen.
Atom verwendet einen dunkleren Hintergrund, aber mit einer Figur im Cartoon-Stil, die einen visuell interessanten und dunklen, aber emotional leichten Ton darstellt. Das Nebeneinander von Yin und Yang erzeugt dasselbe visuelle Wunder wie dunklere Designs, ohne jedoch den Benutzer auf einer Website einzuschüchtern, die nach Besuchern sucht (um ein digitales Produkt herunterzuladen).
Die insgesamt insgesamt leichtere emotionale Verbindung zwischen Design und Benutzer wirkt etwas vertrauenswürdiger und weniger dramatisch, was dazu führen kann, dass Sie sich mit dem Download wohl fühlen.
Fazit
Mögen Sie ein Design mit stimmungsvoller Ausstrahlung?
Diese Technik kann für bestimmte Projekttypen funktionieren. Aber für andere vielleicht katastrophaler - bitte beachten Sie, dass diese Sammlung keine E-Commerce-Websites enthält. Dunkle, launischere Projekte sind geheimnisvoll und interessant, aber sie vermitteln den Benutzern nicht immer Glaubwürdigkeit und Vertrauen.
Dies kann eine heikle Balance sein, weshalb Sie häufig öfter stimmungsvolle, dunkle Schemata mit einem Portfolio oder informativen Website-Designs sehen.