La 'tavolozza Web' è un insieme di 216 colori che ogni web designer dovrebbe conoscere e saper utilizzare per consentire ai visitatori di visualizzare le pagine nel modo in cui sono state progettate.
Un PC dotato di scheda video a 256 colori può mostrare solo 216 colori fissi in modo affidabile, ma non tutti i nostri utenti possono disporre di una scheda video capace di visualizzare migliaia di colori.
Quando un browser non dispone di determinati colori, avendone disponibili solo 256, prova a "crearli", mescolando pixel di colori. Il colore ottenuto è simile a quello non disponibile, ma non è il colore che hai scelto tu. Allora cosa fare per non rischiare?
Usa la palette di colori web safe che è comune a tutti i browser e che consente di evitare il processo di retinatura.
Ti starai ora chiedendo perché 216 colori e non 256? È presto detto: alcuni di questi 256 colori sono utilizzati dall'interfaccia del sistema operativo e non sono disponibili al browser. La cosa non deve farti disperare, né deve preoccuparti più di tanto perché la maggior parte degli editor HTML e degli strumenti grafici include la tavolozza Web, devi solo essere sicuro di avere selezionato la tavolozza giusta.
Questo vale soprattutto per i programmi come Photoshop, con i quali è possibile lavorare sia per il web che per la grafica da mandare in stampa, nei quali bisogna accertarsi che òa palette che stiamo usando sia proprio quella giusta.
Se preferisci la codifica HTML diretta, devi però conoscere il valore decimale di ciascun colore per il Web. Nel codice HTML ciascun valore è formato da sei cifre, preceduti dal simbolo #: i colori del Web sono sempre formati da tre coppie di cifre identiche, essendo tutte le cifre multiple di 3 (cioè 0, 3, 6, 9, C, F).
Ciò significa che #6600ff è un colore del Web, mentre non lo è #663d4e1.
Con l'evoluzione tecnologica la limitazione dei colori nel web sta gradualmente sparendo.
Questo è un vantaggio ma può rivelarsi fatale per una buona riuscita del progetto grafico dove bisognerebbe avere una rigorosa limitazione e un'armonia nell'utilizzo delle leggi cromatiche.
Basta guardare quello che succede nella comunicazione e nell'immagine coordinata delle aziende: l'uso dei colori è limitato. Allora questa regola dovrebbe essere usata anche nel web.
Stabilisci una gamma di colori limitata da usare nel tuo sito, e gioca con le loro diverse combinazioni per caratterizzare gli elementi che ne compongono la struttura grafica. Puoi anche giocare con il colore per differenziare le varie sezioni del tuo sito e creare con il colore delle chiavi di lettura.
Combinazioni efficaci di colore sono una questione di relazione tra colori, piuttosto che di scelta di una determinata sfumatura (sfumatura all'interno di una gamma).
Metro, il "linguaggio di design" di Windows 8I principi ispiratori del "linguaggio di design" utilizzato da... |
Bootstrap: il framework di TwitterSviluppare applicazioni web sfruttando il framework con cui è stato... |
Sfondi a tutta pagina con jQueryCome avere degli sfondi a tutta pagina sui vostri siti web, per... |
Grid design, dalla tipografia al webDesign coerenti e layout consistenti, usando principi di... |
Art Direction e DesignCapire la differenza tra la direzione artistica di un progetto e il... |
Guida Pubblicare un sito webLe verifiche fondamentali da effettuare prima del lancio di un nuovo... |
Guida Web WritingSaper scrivere per il Web è una delle armi per attirare utenti e per... |
Guida Accessibilità dei siti Web teoricaQuesta guida è finalizzata sostanzialmente a una conoscenza e a una... |
Ogni settimana, direttamente nella tua e-mail: guide, articoli, tutorial e FAQ su Web Design e grafica per il Web.
Iscriviti alla newsletter
|
|
Corso Google AdWords Base25 Giugno 2012 a Milano |
|
|
Corso Google AdWords Base05 Giugno 2012 a Roma |