it-swarm-eu.dev

Colmare il divario tra tavolozze dei colori e CSS

Conosco siti come kuler , ho una buona conoscenza di HTML/CSS/JavaScript (come programmatore) e so che tipo di contenuto voglio nel mio sito web. Riesco a capire come organizzare i miei contenuti in modo decente. Ma la parte più difficile per me è capire di che colore dovrebbe essere ogni cosa (ad esempio collegamenti, testo, sfondo, altri elementi). Sono terribile con i colori!

Ad esempio, quando metti kuler in modalità Triade e scegli un colore, questo mostra il colore e due coppie di colori complementari, in modo che ciascuno di essi sia audace ma continui a lavorare insieme. Ma vado a provare a metterli in una pagina, un colore per lo sfondo, un colore per i collegamenti e un colore per il testo, non funziona affatto. Ovviamente sto sbagliando tutto!

Qual è il modo migliore per capire quali colori per creare un sito Web? Sono assolutamente terribile nei colori e ho pensato che Kuler avrebbe aiutato, ma non è così facile! Ti prego, aiutami a "colmare il divario" tra kuler e CSS in modo da poter scegliere rapidamente e facilmente una tavolozza di colori e applicarla al mio sito Web.

9
Ricket

Sembra che tu stia provando a dare colore al colore (ad es. Testo rosso su sfondo verde). Questo è molto difficile per gli occhi!

Cerca un mix di colori e grigi (qui il bianco e il nero sono i "grigi") - ad es., Se devi avere del testo colorato, mettilo su uno sfondo bianco o nero. Se vuoi uno sfondo colorato, rendilo solo leggermente colorato e poi usa il testo bianco o nero su di esso.

Con il colore, meno è di più. Se diventi appariscente, finisci con MySpace e mal di testa paralizzante. Usa il colore per un accento, non come contenuto. Inizia con un disegno in bianco e nero e prova ad aggiungere un elemento di colore. Guarda come appare. Quindi aggiungine un altro. Troppo? Portalo di nuovo fuori. Prova un altro elemento.

Guarda come i siti web che ti piacciono usano il colore. Ad esempio, questa pagina è principalmente in bianco e nero, con un po 'di blu (link, tag, barra di intestazione) e un po' di giallo (si oppone al blu, usato con parsimonia come un colore accento). Questo è un approccio comune oggi.

5
Alex Feinman

Scopri quale emozione vuoi che l'utente provi. Fare un sito per un posto che serve caffè? Prova a creare l'atmosfera con i colori. Devi sapere su quali colori associano quali emozioni.

Quindi, quale emozione stai cercando di dare al visitatore?

Ho trovato questo sito un'introduzione molto utile alla teoria dei colori: TigerColor - Introduzione alla teoria dei colori

Ricorda che c'è molto di più nella scelta dei colori oltre alle tonalità. Ti consigliamo inoltre di prendere in considerazione la leggerezza e la saturazione.

3
Daniel X Moore

Diciamo solo che i colori della triade non dovrebbero esattamente "funzionare bene insieme" - più spesso sono i tre colori che attirano ugualmente l'attenzione degli spettatori. Le tavolozze di colori basate sulla triade funzionano bene se i colori della tavolozza sono solo punti sul campo normale dei neutri o se un colore domina e altri due vengono utilizzati come accenti.

1
Mariusz Ciesla

Quando apprendi la programmazione, (probabilmente) non sei entrato e hai scritto da zero un'architettura a tre livelli come primo programma. Probabilmente hai scritto piccoli programmi che aiutano solo a insegnarti un piccolo aspetto della programmazione.

La stessa cosa vale per il design. Saltare dentro e creare subito un design sorprendente e complesso non funzionerà.

Come non designer per iniziare, devi renderlo il più semplice possibile. Ci vuole una vera abilità per progettare un sito di bell'aspetto che non ha uno sfondo bianco (o leggermente bianco sporco). Avere un semplice sfondo bianco con testo nero e quindi utilizzare i tre colori per i dettagli minori: collegamenti, intestazione e testo in grassetto e forse l'intestazione.

Quando il design semplice appare nitido, concentrati sul contenuto. Quando tutto andrà bene, avrai una buona base per sperimentare il design. Quindi aggiungi un tocco più stilistico, lentamente e un po 'alla volta in modo da poter imparare gli effetti di sottili cambiamenti. Pensalo come educazione.

1
Mongus Pong

Prendi alcuni pastelli, matite colorate, ecc ... e sperimenta. Passare direttamente dalla triade in Kuler (o in uno dei generatori di colori più diffusi) al CSS potrebbe essere colpito/perso a seconda dei colori.

Attaccare con pochi, 2-3 colori all'inizio. La teoria del colore è simile alla tipografia in quanto ci sono molte opzioni disponibili, ma i migliori design in genere usano pochissimi colori ben scelti.

Inoltre, considera neutri (o toni neutri) per grandi distese, come lo sfondo, e colori più sorprendenti per cose come collegamenti, loghi, ecc.

Inoltre, dai un'occhiata a ColourLovers per alcune grandi idee (o, meglio ancora, unisciti alla community!).

1

Lavoro sempre con l'esempio. Il post Guida per principianti all'uso del potere del colore nel Web Design combina la teoria del colore di cui @Daniel X More parla con i siti Web che applicano la teoria del colore in questione.

Quindi puoi abbinare uno dei siti al contenuto che hai e decodificare l'armonia dei colori da lì come punto di partenza.

1
icc97