19 Approaches to Colour
Con oltre 9 miliardi di siti indicizzati sul Web e il conteggio, i siti devono fare di più per farsi notare e incoraggiare gli utenti a trascorrere del tempo con loro.
Con più siti Web in competizione per l'attenzione degli utenti, il colore sta diventando sempre più importante nel far risaltare la tua pagina. Ecco alcuni siti che fanno proprio questo: utilizzare colori interessanti in combinazioni insolite per distinguersi dai miliardi di siti di schemi standard colorati.
Layrr
Sappiamo tutti che i contenuti arrivano in secondo luogo nel richiamare l'attenzione, e i titoli sono stati utilizzati in carta da giornale per anni per guadagnare interesse. Layrr usa il contrasto discreto per raggiungere questo obiettivo e, anche se non parli francese, ti suggerisco di controllare questo sito ora, utilizza piccole aree di colore per creare un impatto sullo sfondo grigio e ottenere ciò con un design sorprendentemente bello. Non c'è da meravigliarsi se ha ricevuto una menzione d'onore nel concorso di design Awwwards .
havainas
La pagina di destinazione di havainas , un grande rivenditore di sandali infradito e sandali è sorprendentemente, e meravigliosamente colorato, un tratto che si estende alle pagine regionali del sito. Lo scopo di questo sito è illustrare il loro stile, insieme ai colori vivaci associati al caldo e all'estate, alle vacanze e, soprattutto, ai loro prodotti. Mentre il colore fa parte del riconoscimento del marchio, è rinfrescante vedere il sito di una grande azienda che è stata ben progettata dal punto di vista del colore, come si può probabilmente dire dall'elenco dei siti qui, un buon coordinamento è spesso lasciato ai piccoli.
ColourPixel
Oltre ad essere luminoso e colorato, ciò che ha catturato la mia attenzione ColourPixel Il sito, era l'uso del nero, dove altri siti avrebbero usato il bianco. Il motivo per cui il bianco viene usato è perché il contrasto tra questo e altri colori è più facile per gli occhi e quindi più accessibile agli utenti, ma qui sono state utilizzate caselle nere più grandi per incapsulare il testo, che è bianco. Questo in realtà raggiunge l'obiettivo di attirare la mia attenzione sul testo al loro interno, piuttosto che sulle stesse scatole stesse come parte del progetto. Oltre a ciò, lo sfondo del sito raggiunge quello che il designer chiama un aspetto "etnico", utilizzando pixel spostati per ottenere un effetto arazzo. Gli arcobaleni sono usati piuttosto gratuitamente, ma offrono una bella differenziazione di colore combinata con le sottili parentesi graffe sullo sfondo.
Will Fernandes
Will Fernandes 'sito utilizza molti e vari colori, tutti spintonati per attirare l'attenzione per raggiungere il suo stile. Si riserva il giallo, l'arancione e il bianco per il testo e lo sfondo, e per lo più evita di usarli nella sua opera d'arte, per marcare una differenziazione da questo e dal contenuto. Offre un'opzione di visualizzazione a schermo intero, che è consigliata se si desidera visualizzare il lavoro di questo talentuoso artista e web designer in un sito fantastico con animazioni brillanti. È stato ovviamente lavorato su vasta scala per garantire che i colori giusti siano utilizzati per l'arte e il sito, completandosi a vicenda.
Ryan Keizer
Questo è il primo sito che abbiamo visto che usa intenzionalmente colori offensivi e travolgenti progettati per scontrarsi, per ottenere un effetto di contrasto elevato. Il progettista si diverte a usare il colore così tanto da avere una tavolozza di "ispirazione cromatica" nella parte inferiore del sito. Ryan Keizer usa principalmente il giallo, un colore con cui molto può andare storto se usato in modo errato, qui con il ciano, e in misura minore, rosa, l'intero sito si apre. Una nota finale, il Ciano e il Rosa ricordano molto gli occhiali 3D anaglifici, usando uno schema di colori che è stato molto anticonvenzionalmente assorbito nelle nostre vite inconsce, che normalmente non ci si aspetterebbe di lavorare ma inspiegabilmente lo fa, perché ora associamo quelli due colori insieme.
Ben Markowitz
Un altro sito molto sobrio con un uso molto attento del colore, che conferisce all'elemento interattivo del sito un aspetto macchinato. Per la progettazione di un sito come questo, usare il colore in questo modo è insolito, i designer di solito vanno in un modo o nell'altro, ma questo aggiunge davvero al titolo: ' Ben Markowitz ', non solo attirare l'attenzione, ma offrendo differenziazione, utilizzando una tavolozza complementare con una vasta gamma. L'unico altro uso del colore che ritengo tragga vantaggio da questo sito è con le icone dei social network in fondo alla pagina, poiché usano tutti colori molto neutri e si distinguono per essere un po 'più facilmente identificabili.
Abbracci per i mostri
Joe Lifrieri's Abbracci per i mostri ha lo stesso scopo del sito di Will Fernandes che abbiamo visto prima, ma lo realizza in uno stile individuale organico, usando il colore per evidenziare il suo stile unico. Vi consiglio caldamente di dare un'occhiata ad alcune delle sue altre pagine, tutte hanno un'arte diversa nello stesso stile eclettico che potete vedere qui.
Tim Bjørn
A differenza degli altri presenti qui, la pagina di destinazione di questo sito è caratterizzata dalla mancanza di colore e dall'osservazione dell'altro lavoro di Tim Bjørn , l'artista, ovviamente usa il colore con molta attenzione e con parsimonia. È molto interessante vedere un sito in semplice scala di grigi che non sembra progettato dieci anni fa! L'opera d'arte, come sopra Hugs for Monsters, è molto organica ed è il punto focale principale del sito, con menu sottomessi e quasi tutta la pagina di destinazione dedicata ad alcuni pezzi chiave.
Solo per uso d'ufficio
Questo è un altro sito che utilizza una piccola quantità di colore per ottenere un elevato contrasto con un sito a tema in scala di grigi. In particolare il caso qui sotto, dove la trasparenza sul logo crea un rosso opaco contro l'immagine dietro di esso. Un ulteriore sguardo in Solo per uso d'ufficio dimostra che questi ragazzi sanno come e quando usare il colore, e farlo bene.
Laboratorio di metodologia
Il Laboratorio di metodologia L'innovativo feed di notizie utilizza il colore in modo nuovo, per indicare l''età' delle notizie, con uno schema di colori caldi e freddi facilmente identificabili, eccetto che le notizie sono sempre presenti nella sezione 'hot' della combinazione di colori, un idea di marketing intelligente, forse? Tuttavia, è molto facile capire che il rosso è più vecchio di 12 ore fa, e il giallo è più recente. Molto ben eseguito, e il colore contribuisce sia al design che alla funzione del sito, non qualcosa che si può dire di molti siti oltre la loro navigazione. Dopo essersi imbattuto in questo articolo durante la ricerca di questo articolo, questo sito ha trovato la sua strada nei miei segnalibri sia per il contenuto che per il design.
DesignWise
Il tema per DesignWise è contrasto attraverso la semplicità, con un tocco grungy sottile, il rosa su nero funziona perfettamente, e l'utilizzo di un bianco sporco per il contenuto del testo compensa il rosa senza che il contrasto sia netto contro il nero. C'è anche il contrasto tra lo sfondo pulito e strutturato, e il tocco sottile del grunge spruzzato in tutto il sito.
Prius Harmony
I colori di questa infografica sono splendidamente coordinati, entrambi con l'ovvia missione di trasmettere "armonia" e comunicare gli argomenti relativi ai colori. Mentre questo è effettivamente un pezzo di pubblicità per Prius , svolge bene il suo lavoro, e anche se tu disprezzi Flash, lo apprezzo solo per i colori. Questo è un altro sito con funzionalità a colori, anche se in modo tenue, e uno dei rari che usa i colori a blocchi con trasparenza per creare variazioni con i colori combinati di due o più altri che si sovrappongono, trasmettendo (soprattutto) un senso di armonia, se ignori le brutte sezioni nere e marroni sovraccoste e mal coordinate.
Griglia organica
Se riesci a perdonare due siti Flash di seguito, Griglia organica è un bellissimo portfolio che può essere perdonato dal suo incredibile uso del colore in un menu che cambierà il suo schema ogni volta che ci tornerai. Non convenzionale? Sì. Mancanza di coordinamento? Sicuramente no. Scegli i colori, metti il sito in modalità a schermo intero e rimani a goderti le incredibili foto e opere d'arte nei portafogli, se puoi ignorare i tempi di caricamento, cioè.
Matt Mullenweg
Questo sito ispirato a Lichtenstein deve essere incluso, se non altro per il padre di WordPress, Matt Mullenweg Il blog dà vita ai colori a blocchi e ai tratteggi incrociati della pop art. Bloccare i colori primari può essere meraviglioso se non abusato, e questo sito ci dà un trattino. C'è una brillante onda pop art in fondo al blog, ma non sarai in grado di guardarla a lungo, visto che Mullenweg ha così tanti post che starai scorrendo per sempre!
Vanity Claire
Se riesci a guardare oltre il fatto che questo sito ha un'usabilità terribile, l'artwork su ogni pagina viene fatto incredibilmente bene. I colori tenui semplici stanno diventando più popolari e Claire Anche il sito riesce a intrufolarsi in un po 'di grunge. Questo sito è caratterizzato da un diverso colore di sfondo a singolo blocco su ogni pagina con un design semplice in orizzontale lungo il centro della pagina.
Colla
Un sito web che ha portato la semplicità a un nuovo livello, Colla rimuove tutto il contenuto in favore di una clessidra splendidamente eseguita, con la sabbia che cade verso l'alto accompagnata dallo slogan 'Risparmia tempo'. Il sito era solito avere più contenuti con le splendide sfumature arancioni su grigio, ma purtroppo è diventato solo un invito.
Microsoft
Per quanto mi addolori includere questo, come sostenitore di Apple, Microsoft La presenza online ha fatto passi da gigante, presumibilmente di pari passo con il sorprendente progresso di Internet Explorer (probabilmente sarebbe stato imbarazzante aver avuto il loro sito con il proprio browser). L'interfaccia "metro" basata su tile di Windows 8 ha chiaramente avuto qualche influenza, e devo dire che sembra buona. Come abbiamo visto con Google Chrome, Skype e ora Microsoft, i loghi colorati a blocchi sono il futuro, i giorni di sfumature appiccicose e l'uso del 3D per il gusto sono finiti.
AdaptD
L'inclusione di questo sito può aver avuto qualcosa a che fare con il fatto che mi ricordava un lolly razzo, un trattamento d'infanzia preferito, o che includeva semplicemente il colore solo per la pura gioia di esso. AdaptD mi ha fatto sorridere in faccia semplicemente con il nastro "qualcosa di colorato" nella parte superiore del sito, perché no? Una bellissima gemma in un sito altrimenti ben progettato ben progettato.
ColoRotate
Finalmente finiamo con un sito che non usa il colore come parte del suo design, infatti il design del sito è incredibilmente insipido, ma come una funzione - l'obiettivo del sito è quello di aiutarti a sfogliare e mescolare le palette di colori. Sembra appropriato finire in un sito che usa il colore in questo modo, quindi se decidi che il tuo sito ha bisogno di un restyling dopo aver letto questo elenco, non c'è nulla che ti impedisca di scegliere la combinazione di colori perfetta. ColoRotate ha anche una pagina di informazioni interessanti sul colore se hai voglia di leggere la teoria dei colori del 21 ° secolo e come i nostri occhi percepiscono il colore.
Come ti avvicini al colore? Giochi sul sicuro o cerchi di emergere? Fateci sapere nei commenti.