Un buon design può davvero farti venire voglia. Oggi abbiamo una collezione di design di siti web oscuri e lunatici che ti aiuteranno a creare un'atmosfera distinta nel tuo lavoro di progettazione.
Mentre la maggior parte delle collezioni dark ha un po 'down? atmosfera, non tutti questi design hanno quella sensazione (anche se il colore ha molto a che fare con come ti senti quando li guardi). Questa vetrina è più di una galleria, speriamo che ti ispiri a creare un tuo design oscuro e lunatico.
Colori scuri
È importante considerare che il buio non sempre significa nero. Una tavolozza di colori scuri imposta immediatamente un certo tono per un disegno. Ciò che è importante considerarlo buio non sempre significa nero. Sono spesso i colori che vengono modificati (aggiunta di nero) o ombreggiati (aggiunta di grigio).
Esaminando il design sopra per Hooligan, l'atmosfera generale è un po 'cupa e scura grazie allo sfondo nerastro, ma quello che fa davvero è il colore dell'accento. Il profondo giallo-oro è stato modificato per adattarsi all'umore del video di sfondo. Il risultato è serio ma visivamente intrigante.
Shadows
Le ombre emanano mistero. Questo è uno dei motivi principali per cui i designer usano modelli di design scuri e lunatici. Creano interesse e curiosità nell'utente.
Le ombre che circondano l'auto nel sito Web di Clear Motion, sopra, quasi ti costringono a leggere la copia. Perché l'auto sembra così? Cosa è importante a riguardo? L'estetica oscura contribuisce con uno stato d'animo che ruota attorno a una curiosità per saperne di più.
Sovrapposizioni nere
Una sovrapposizione di nero è uno dei modi più comuni per creare uno stato d'animo oscuro. Ma il tipo di nero che scegli può dare più significato. È più scuro o più trasparente? Quanta parte dell'immagine o dello sfondo può vedere l'utente attraverso l'overlay?
Sovrapposizioni più scure con meno trasparenza nascondono quasi ciò che accade sullo sfondo in modo che non sia una parte centrale del design. Sovrapposizioni di nero più trasparenti consentono di realizzare le immagini come parte del design principale, fornendo al tempo stesso contrasto con elementi primari come testo o inviti all'azione.
Fhoke, sopra, usa bene questa tecnica. Puoi vedere l'azione nel video di sfondo, ma il vero focus è sul titolo e scorrere l'azione.
Stark Canvas
Stark: Severo o nudo in apparenza o contorno.
Con molti disegni pieni di elementi per farti sembrare, un design più rigido crea una sensazione di nulla, quasi costringendo l'utente ad esaminarlo più a fondo. Ancora una volta, l'oscurità e uno sfondo più grezzo creano un mistero che l'utente vuole risolvere.
Dubois, pur non essendo severo come i disegni senza nulla sullo sfondo, crea questo senso di meraviglia. Il pattern di punti in realtà contribuisce al mistero - guarda da vicino e alcuni di essi includono accenni di colore.
Ma ciò che fa il design è forzare l'occhio al testo, che si trova in una posizione sconosciuta sullo schermo per la maggior parte degli utenti. Il marchio e il titolo principale si trovano nella parte inferiore del primo scorrimento anziché nella metà superiore del disegno.
Scelte tipografiche
Quali associazioni hai già con? Punk ?? Ti mette in una vertigine di eccitazione o in uno stato d'animo più arrabbiato? Punk is Not Dead probabilmente ti fa sentire subito qualcosa. L'esperienza è nitida e altamente visiva, e se clicchi sul link al sito c'è anche un componente audio. Ti farà sentire in un certo modo. Quali associazioni hai già con? Punk ?? Ti mette in una vertigine di eccitazione o in uno stato d'animo più arrabbiato?
Lo sfondo scuro e le note di colore brillanti contribuiscono, ma ciò che veramente crea l'atmosfera qui è la scelta tipografica. (Immaginalo solo con una sceneggiatura leggera - totalmente diversa.) I bordi taglienti e irregolari del font e il fattore di leggibilità quasi fastidioso nel modo in cui ti senti quando lo guardi.
Il risultato è interessante, ma difficile e ha un senso di disagio.
Bianco e nero
Come ti senti quando un design ha una completa mancanza di colore? E se fosse per lo più in bianco e nero con alcuni elementi colorati?
Mentre un design in bianco e nero non ha la stessa sensazione high-drama di un design completamente scuro, può essere piuttosto interessante. C'è conflitto integrato nel design stesso con così tanti elementi contrastanti e aree di colore.
Può far sì che l'occhio si muova in un turbinio attraverso il design e diversi elementi in un vortice, proprio come accade quando si guarda Super Rebel. L'occhio va in alto subito con la grande immagine in bianco e nero, ma poi si apre a tutti gli altri blocchi stile rivista, senza mai atterrare in un punto.
La sensazione è un po 'di sovraccarico di informazioni.
Immagini
Lo sguardo cesellato nell'immagine di Jimmy Chin sul suo portfolio? pagina ti dà un'impressione dell'uomo. Ed è esattamente ciò che dovrebbero fare le immagini scure, in bianco e nero.
Le scelte che fai con il colore, l'illuminazione e l'uso fotografico contribuiscono allo stato d'animo generale del design. Qui, il risultato è scuro e forte. Ma immagina se indossasse una maglietta gialla morbida e pantaloni verde lime; l'umore sarebbe molto diverso.
L'immagine crea una connessione emotiva distinta con l'utente che è stata intenzionale da parte del designer.
Scuro con una? Luce? Umore
Anche se abbiamo visto molti disegni lunatici qui, il buio non deve equivalere a uno stato d'animo oscuro. Un'estetica scura può effettivamente dare una sensazione piuttosto leggera ed energica. È tutto su come si mettono insieme le parti.
Atom utilizza uno sfondo più scuro, ma con una figura in stile cartone animato per impostare un tono visivamente interessante e scuro, ma emotivamente leggero. La giustapposizione yin e yang crea lo stesso senso di meraviglia visiva di disegni più scuri ma senza intimidire l'utente su un sito Web che chiede qualcosa ai visitatori (per scaricare un prodotto digitale).
La connessione emotiva generale più leggera tra il design e l'utente si sente un po 'più affidabile e meno drammatica, che potrebbe effettivamente farti sentire più a tuo agio con il download.
Conclusione
Ti piace un design con un moody appeal?
Questa tecnica può funzionare per determinati tipi di progetti. Ma potrebbe essere più disastroso per gli altri - nota che non ci sono siti di e-commerce in questa collezione. I progetti più dark e più lunatici sono misteriosi e interessanti, ma non sempre comunicano credibilità e fiducia agli utenti.
Può essere un delicato equilibrio ed è per questo che spesso vedi schemi lunatici, oscuri più spesso con un portfolio o disegni di siti web informativi.