MoebiusMania

Tutorial, articoli e curiosità sul web e dintorni

Ispirazione: siti dark

La scelta di una giusta combinazione di colori è una fase vitale nella progettazione di un layout web, a volte dare un'occhiata a buoni esempi può essere uno stimolo, una scintilla per le idee per sbloccarci da eventuali "crisi da foglio bianco" digitali. Oggi daremo un'occhiata ad alcuni siti che utilizzano un layout basato su temi scuri , in genere quando si lavora con un combinazione di colori "dark" si usa un nero di sfondo e si gioca con colori caldi di contrapposizione. Ecco alcune semplici nozioni da tenere in considerazione quando optate per combinazioni di colore scure per i layout:
  • non bisogna per forza usare il nero totale (#000) come sfondo.
  • una volta trovato un buon colore di sfondo provate ad applicarci una texture.
  • con le combinazioni di colore scure è più facile cadere nell'errore di ottenere contrasti testo/sfondo non molto efficaci e leggibili.
  • a volte c'è il pregiudizio che il nero e lo scuro siano "macabri", errato! ovviamente dipende come lo trattate, spesso i colori scuri sono sinonimi di eleganza.
  • non si deve per forza esagerare con colori e contenuti in un layout dark, molti siti scuri sono anche minimalisti!
Detto questo, ecco alcuni siti in cui osservare quello di cui discusso qui sopra: (Nota: la generazione delle preview è automatica, se appare la scritta "generating preview" provate a ricaricare la pagina)

Blake Allen Design

[snap url="http://blakeallendesign.com/" alt="Blake Allen Design" w="615" h="300"]

Osvaldas Valutis (v1)

[snap url="http://v1.osvaldas.info/" alt="Osvaldas Valutis" w="615" h="300"]

Riser Media

[snap url="http://www.risermedia.com/" alt="Riser Media" w="615" h="300"]

Vivas

[snap url="http://www.vivascom.com.br/" alt="Vivas" w="615" h="300"]

Edson Espíndola

[snap url="http://www.edsonespindola.com/" alt="Espindola" w="615" h="300"]

Leukocit

[snap url="http://leukocyt.com/" alt="Leukocit" w="615" h="300"] Nell'ultimo post della sessione (la raccolta) troverete link anche ad alcune palette di colori scuri.