Bra design kan verkligen få dig i humöret. Idag har vi en samling mörka och humöriga webbdesigner som hjälper dig att skapa en distinkt atmosfär i ditt designarbete.
Medan de flesta mörka samlingar har lite av en? Downer? Vibe, inte alla dessa mönster har den känslan (även om färg har mycket att göra med hur du känner när du tittar på dem). Den här presentationen är mer än ett galleri, vi hoppas att det inspirerar dig att skapa en egen, mörk moody design.
Mörka färger
Vad som är viktigt att överväga att mörk betyder inte alltid svart. En mörk färgpalett ställer omedelbart en viss ton för en design. Vad är viktigt att överväga det mörk betyder inte alltid svart. Det är ofta färger som är tonade (tillägg av svart) eller skuggad (tillägg av grå).
Genom att granska designen ovan för Hooligan är den övergripande stämningen lite svag och mörk tack vare den svarta bakgrunden, men vad är det som verkligen är accentfärgen. Det djupa gulguldet har blivit tonat så att det passar stämningen i bakgrundsfilmen. Resultatet är seriöst men visuellt intressant.
skuggor
Skuggor utspelar mysterium. Det är en av de främsta anledningarna till att designers använder mörka och humöriga designmönster. De skapar intresse och nyfikenhet hos användaren.
Skuggorna som omger bilen på Clear Motion-webbplatsen ovan, tvingar dig nästan att läsa kopian. Varför ser bilen så här ut? Vad är viktigt om det? Den mörka estetiken bidrar med en stämning som centrerar kring en nyfikenhet för att lära sig mer.
Svarta överlagringar
Ett svart överlag är ett av de vanligaste sätten att skapa ett mörkt humör. Men den typ av svart du väljer kan ge det mer mening. Är det mörkare eller mer transparent? Hur mycket av bilden eller bakgrunden kan användaren se genom överläggningen?
Mörkare överlägg med mindre genomskinlighet döljer nästan vad som händer i bakgrunden så att det inte är en central del av designen. Mer genomskinliga svarta överlag ger bilderna möjlighet att komma igenom som en del av huvuddesignen samtidigt som de ger kontrast till primära element som text eller samtal till handling.
Fhoke, ovan, använder denna teknik bra. Du kan se åtgärden i bakgrundsfilmen, men det riktiga fokuset är på rubriken och bläddringsåtgärden.
Stark Canvas
Stark: Svårt eller blott i utseende eller skiss.
Med många mönster fyllda med element för att få dig att se ut, skapar en starkare design en känsla av ingenting, vilket nästan tvingar användaren att undersöka det djupare. Återigen skapar mörkret och en starkare bakgrund ett mysterium som användaren vill lösa.
Dubois, men inte så skarp som mönster med ingenting i bakgrunden, skapar denna känsla av underverk. Mönstret av prickar bidrar faktiskt till mysteriet - titta noga på och några av dem innehåller tips om färg.
Men vad designen gör är att tvinga ögonen på texten, som ligger i en obekant plats på skärmen för de flesta användare. Branding och huvudrubriken är längst ner på den första rullningen i stället för i den övre halvan av designen.
Typografi val
Vilka föreningar har du redan med? Punk? Sätter det dig i en tizzy av spänning eller i ett mer arg humör? Punk är inte död gör dig noga med att känna någonting direkt. Erfarenheten är skarp och mycket visuell, och om du klickar på länken till webbplatsen finns det också en ljudkomponent. Det kommer att få dig att känna ett visst sätt. Vilka föreningar har du redan med? Punk? Sätter det dig i en tizzy av spänning eller i ett mer arg humör?
Den mörka bakgrunden och ljusa färgstrålar bidrar, men det som verkligen stämmer här är typografivalet. (Tänk dig det med ett lättskript - helt annorlunda.) Skarpa, raggade kanter på teckensnittet och nästan besvärlig läsbarhetsfaktor i hur du känner dig när du tittar på den.
Resultatet är intressant, men svårt och kommer med en känsla av oro.
Svartvitt
Hur känner du dig när en design har en komplett färgbrist? Vad händer om det oftast är svartvitt med några färgglada element?
Medan en svartvit design inte har samma hög dramatik som en mörk design, kan det vara ganska intressant. Konflikten är inbyggd i själva konstruktionen med så många kontrastelement och färgområden.
Det kan orsaka att ögat rör sig i en flurry över designen och till olika element i en virvelvind, mycket som vad som händer när man tittar på Super Rebel. Ögonet går till toppen direkt med den stora svartvita bilden, men sedan dyker den till alla andra bladbladen i stilen, och landar aldrig riktigt på en plats.
Känslan är lite information överbelastning.
Bilder
Den chiseled look i Jimmy Chins bild på sin portfölj? Om? sidan ger dig ett intryck av mannen. Och det är precis vad det mörka, svarta och vita bilderna ska göra.
De val du gör med färg och belysning och fotoanvändning bidrar till den övergripande stämningen i designen. Här är resultatet mörkt och starkt. Men tänk om han hade en mjuk gul skjorta och lime gröna byxor; stämningen skulle vara ganska annorlunda.
Bilden skapar en distinkt känslomässig koppling till användaren som var avsiktlig från designerns sida.
Mörk med en? Ljus? Humör
Medan vi har tittat på många moody design här, behöver mörk inte likställa en mörk humör. En mörk estetik kan faktiskt resultera i en ganska lätt och energisk känsla. Det handlar om hur du sätter delarna ihop.
Atom använder en mörkare bakgrund, men med en tecknadstilstil för att ställa in en ton som är visuellt intressant och mörk, men känslomässigt lätt. Yin och yang-juxtapositionen skapar samma föreställning om visuell wonder som mörkare mönster men utan att skrämmande användaren på en webbplats som ber om något av besökare (för att ladda ner en digital produkt).
Den ljusare övergripande känslomässiga kopplingen mellan designen och användaren känns lite mer pålitlig och mindre dramatisk, vilket kan få dig att känna dig bekvämare med nedladdningen.
Slutsats
Gillar du en design med en humörlig överklagande?
Denna teknik kan fungera för vissa typer av projekt. Men kan vara mer katastrofalt för andra - notera att det inte finns några e-handelsplatser i denna samling. Mörkare, moodierna projekt är mystiska och intressanta, men de kommunicerar inte alltid trovärdighet och litar på användarna.
Det kan vara ett känsligt balans och därför ser du ofta humöriga, mörka system oftare med en portfölj eller informativ webbdesign.