Progettare nel buio 10 siti oscuri e le loro combinazioni di colori

Cosa funziona bene con un sito Web nero? Oggi scopriremo, ma daremo un'occhiata ad alcuni esempi eccellenti di web design scuro insieme alle loro tavolozze di colori primari.

Ogni sito web avrà uno screenshot con una breve descrizione, una rappresentazione visiva dello schema di colori e un link per scaricare i campioni di colore Photoshop da Pictaculous.

Notio Web Design

Qui la pagina stessa ha pochissimo colore e serve più di un nero opaco per mostrare il lavoro del designer. Ciò conferisce un tocco di classe, specialmente se combinato con il bagliore e i riflessi sottili.

Scarica i campioni di Photoshop

Sofasurfer è ora Digitallabs

Quando si progetta con un tema scuro, spesso può essere abbastanza potente mescolare in un unico colore grassetto (principalmente) e usarlo ripetutamente come il designer ha fatto con l'arancione in basso.

Scarica i campioni di Photoshop

Rails.mx

Il sito di Rails qui sotto fa sicuramente delle scelte di colori audaci. Ciò è dovuto principalmente all'ottimo design dell'icona Ruby, ma i colori di supporto funzionano molto bene.

Scarica i campioni di Photoshop

Creativa doppiata

Come con SofaSurfer, qui vediamo una tavolozza di colori prevalentemente in scala di grigi con raffiche di colore per attirare la vostra attenzione su punti chiave. Questa è una delle principali funzioni del colore nel web design. Considera sempre come strutturare l'esperienza e guidare l'utente attraverso parole, grafica e, naturalmente, il colore.

Scarica i campioni di Photoshop

Progetta o muori

Questa è probabilmente la mia tavolozza di colori preferita nell'intera lista. I colori tenui funzionano molto bene insieme e creano un'atmosfera decisamente retrò. I periodi di tempo possono essere sicuramente comunicati con forza attraverso le tue scelte di colore. Tieni presente che ciò accade se lo intendi o no!

Scarica i campioni di Photoshop

Comunicazione Rodeopark

Simile al primo sito, questo disegna la maggior parte del suo colore dagli esempi di lavoro nelle miniature.

Scarica i campioni di Photoshop

Galleria degli elementi

I colori qui spiccano perfettamente dallo sfondo sgangherato della lavagna. Notare che la variazione del colore viene ripetuta sia negli elementi grafici che nella tipografia.

Scarica i campioni di Photoshop

Jose Luis Merino Parra

Questo dimostra che non hai sempre bisogno di colori per avere un grande design. Attaccare con una tavolozza di colori in scala di grigi pura può fare una dichiarazione forte.

Scarica i campioni di Photoshop

Osvaldo Valutis

Adoro il concetto lì. Una raffica di colori e la vita sta sfondando le crepe di un mondo incolore. Molto ben fatto!

Scarica i campioni di Photoshop

Natalie Sklobovskaya

Natalie usa una miscela di trame, grafica e colori davvero ricchi per creare un ambiente spettrale che sembra assolutamente bello.

Scarica i campioni di Photoshop

Mostraci il tuo!

Ora che hai visto le combinazioni di colori da alcuni dei nostri siti oscuri, lascia un commento qui sotto con un link al tuo sito oscuro. Assicurati di parlarci della tua combinazione di colori e di cosa stavi cercando di comunicare con essa.