Nozioni di base dietro la teoria del colore per Web Designer

Come artista digitale collettivo, è importante comprendere la scienza fondamentale alla base della teoria del colore. È un argomento popolare con una vasta diffusione di informazioni da conservare e digerire. Questo argomento non si concentra solo sull'arte e sul design, ma coinvolge anche la scienza dell'ottica.

C'è molto da approfondire su questo argomento, quindi analizzeremo alcuni dei punti chiave per estrarre ciò che dovrebbe essere enfatizzato. Ciascuno di questi argomenti è costituito da esempi sui quali si riferiscono a combinazioni di colori e combinazioni. Ampliare ulteriormente le conoscenze su argomenti così ricchi fiorirà la tua creatività per progetti futuri.

Gli inizi della teoria del colore

Quando iniziamo nella piscina di colori, dovremmo basarci in una piazza. Dopo aver sfondato tutti i mix ci rimangono solo 3 colori primari . Questi sono rosso, blu e giallo e sono gli ingredienti principali da cui si manifestano tutti gli altri colori.

Questi colori primari possono essere combinati insieme in un processo di miscelazione per creare un'altra combinazione di colori. Questi sono noti come colori secondari e conterranno sempre un mix di 2 primari. Questi tre colori secondari sono arancione, viola e verde. Questa combinazione di colori si basa sullo stile predefinito di esempio. Quando si avvia la progettazione per il Web e la stampa, potrebbe essere necessario passare da un modello di colore all'altro. Questi includono RGB e CMYK che sono notoriamente utilizzati nel design digitale e di stampa, rispettivamente.

Pallet di colore terziario

Una volta avviata la ruota dei colori, possiamo utilizzare queste risorse per creare colori terziari. Questo gruppo contiene un secondo livello al di sotto del primario / secondario che viene creato mescolando tra tutti e sei i colori originali. Con questo siamo ora in grado di creare sei nuovi colori (2 per ogni primaria). Questo darà una miscela di 12 colori in totale. A questo punto siamo in grado di progettare un pallet completo e riempire una ruota cromatica a 12 lati. Questo è spesso usato in Adobe Illustrator per creare campioni e modelli di colore.

Ora esamineremo alcuni dei più famosi schemi di colori. Sono utili per tutti gli artisti digitali che desiderano creare illustrazioni, icone, vettori o grafica Photoshop. Capire come combinare i colori per battere un accordo richiederà pratica, ma attraverso la determinazione sarai in grado di creare quasi tutto!

Colori monocromatici

Quando approfondiamo schemi di colori possiamo trovare una scorta infinita di creatività. Questo ambito ha la possibilità di creare centinaia di pallet di colori diversi, tutti con intensità diverse.

Gli schemi cromatici monocromatici sono i colori grezzi in quanto si riferiscono solo a una singola tonalità. Questo può essere verde, blu, arancione, aqua o qualsiasi altra cosa si adatti meglio al tuo design. Questi sono comunemente visti con marchi e motivi di sfondo da inserire in un pallet esistente.

In questo riferimento, i colori vengono generalmente creati attenuando l'opacità tra ciascun colore (o tonalità) e uno sfondo. L'esempio più comune è la creazione di un canale alfa e l'aggiunta di più bianco / nero in una tonalità selezionata a vari livelli. Attraverso questo metodo è possibile progettare un utile schema cromatico monocromatico per fondersi in una semplice grafica digitale.

Schema analogo

Questi colori sono messi in una generazione in base alla loro posizione sulla ruota dei colori standard. Set analoghi sono creati da punti situati direttamente adiacenti l'uno all'altro. Esempi comuni includono verde / giallo-verde / giallo o rosso / arancione / giallo.

Questi sono schemi in 3 parti noti anche come triade di base . È possibile combinare due schemi analoghi insieme per creare un set ibrido. Spesso set analoghi si trovano naturalmente e promuovono una vista piacevole per gli occhi.

Tra i 3 colori è generalmente comune assegnare ruoli in un pezzo di design. Uno dei tre è usato come base per tenere insieme il progetto. Il secondo è un colore accompagnato e il terzo è indicato come un accento. Questo effetto può essere usato per creare contrasto e bordi o ombre vivaci.

Temi complementari

I colori che risiedono in posizioni opposte sulla ruota dei colori sono noti come complementari . Si completano naturalmente a vicenda e forniscono un pari livello di energia a un'opera d'arte. Esempi di questi includono rosso e verde, viola e giallo, o blu e arancione. Questi schemi di colori creeranno un alto livello di contrasto tra gli elementi. sono fantastici se usati nelle illustrazioni per evidenziare un paesaggio o un personaggio dei cartoni animati. Spesso lo vedremo usato su un capo di abbigliamento o abbigliamento da guardaroba. Le partite possono diventare molto opprimenti quindi, usale con parsimonia.

Il testo spesso si comporta bene su nero / bianco ad alto contrasto, ma è meglio renderizzato con una saturazione leggermente inferiore. In questo modo il testo fuori dalla pagina non ferirà gli occhi dei lettori, ma è ancora abbastanza facile da seguire. Esiste anche un secondo schema meno noto intitolato split complementary . Questo contiene un colore di base che porta anche due colori opposti allo spettro. È derivato dai due vicini adiacenti alla base complementare.

Come esempio per una spaccatura complementare con rosso come base avremmo bisogno di entrambi i colori adiacenti accanto al verde (ma non includendo il verde). Questo avrebbe come obiettivo il verde-giallo e il blu-verde. Questa coppia offre i vantaggi di un rapporto ad alto contrasto senza la tensione frastagliata di una relazione strettamente complementare. Spesso, questi possono essere schemi cromatici difficili da bilanciare. Il colore di base di scelta si trova in genere nella regione più calda in modo da avere 2 opzioni di colori più freddi per luci, sfondi e grafica più piccola.

Set di colori della triade

Lo schema di colori triadici è uno dei più popolari tra i designer, e questo è particolarmente vero per gli artisti digitali. Questo schema utilizza 3 colori che sono uguali distanza l'uno dall'altro sulla ruota dei colori. Come esempi comuni potremmo includere rosso, blu e giallo o arancione, viola e verde. Deriviamo questo selezionando il nostro colore di base (rosso) e spostando 3 passi uguali a destra. Una volta che abbiamo colpito questo (blu), muoviamo altre 3 unità in senso orario per colpire il giallo, con solo altri tre posizionamenti che separano il rosso.

Le triadi creano un senso di uguaglianza e sicurezza. Nella maggior parte dei casi stai tirando fuori una distribuzione uniforme di colori per bilanciare bene grafica e icone. Questi possono essere usati per creare bellissime illustrazioni artistiche di città, oceani, foreste e molte altre scene.

Conclusione

Questa panoramica di base riguarda gli aspetti generali della teoria dei colori. Comprendere il vasto numero di opzioni disponibili per te come web designer è importante per creare opere d'arte di alta qualità.

Ci sono anche innumerevoli risorse da trovare su Internet. Prova a controllare attraverso Google o altri blog di progettazione comuni per gli articoli di follow-up sulla teoria dei colori approfondita. Potresti anche essere interessato a strumenti di colori popolari per i progettisti che possono davvero dedicare del tempo al lavoro del progetto.

Questa foto di fragole senza rosso sta rompendo Internet

Internet è pieno di immagini che ti offrono una prospettiva completamente diversa se le guardi da vicino. La famosa arte 3D e la fotografia prospettica forzata sono buoni esempi. Allo stesso modo, un'immagine interessante circola su Internet, sconcertando le persone riguardo alle sue proprietà.A

(Consigli tecnici e di design)

I migliori casi di iPhone 8 e 8 Plus finora

Indipendentemente da quanto Apple possa vantare in merito alla durata del dorso di vetro per iPhone 8, è ancora soggetto a rotture. Lo schermo del tuo cellulare può essere tenuto al sicuro applicando protezioni dello schermo, tuttavia, per il retro di vetro hai bisogno di un case robusto (specialmente quando il suo vetro posteriore è più costoso da riparare rispetto allo schermo).Sia

(Consigli tecnici e di design)