30 bellissimi siti web a tre colori per la tua ispirazione
Il colore influisce molto sul design. Tuttavia, un design con troppi colori può facilmente sopraffare un visualizzatore. A volte un approccio minimalista può aiutare ad attirare l'attenzione del visitatore su contenuti specifici - il contenuto giusto.
In questa raccolta di siti Web, ci siamo concentrati su progetti che utilizzavano tre colori per i loro primario elementi di design. Tuttavia, alcuni di questi siti includono uno o due colori di evidenziazione oltre i 3 colori principali. Ciononostante, questi siti Web erano troppo ben fatti e abbastanza vicini ai 3 criteri di colore che non abbiamo potuto fare a meno di includerli in questa raccolta.
Nota come i colori ti aiutano a focalizzare la tua attenzione su dove è necessario. Riesci a vedere come il marchio era legato a ciascuno di questi progetti? Puoi anche vedere come utilizzare la grafica a colori insieme a una tavolozza di colori limitata è ancora utile senza andare troppo lontano nel percorso del design minimalista. I seguenti esempi ti mostreranno questo siti Web che utilizzano un massimo di 3 colori può ancora essere efficace.
Meccanica delle immagini
Un bel design minimalista, che usa solo il colore giusto per attirare l'attenzione su importanti contenuti del sito.
ncluse
Il grande sfondo fotografico blu è un bel contrasto con il testo principale bianco e il marchio verde, che attira l'attenzione del lettore per primo. Il testo azzurro richiama lo sguardo verso una breve descrizione della compagnia e un elenco dei loro impressionanti clienti. Buon uso del colore per creare una gerarchia!
Il loft
Diverse sfumature di grigio su sfondo bianco conferiscono a questa pagina web un aspetto minimalista sofisticato. Il testo colorato nel menu della pagina funge da guida per la navigazione del sito.
Fat-Man-Collective
Proprio come il loro aspetto e il tono del marchio, questo design del sito Web è anche "breve e dolce". Modo di andare con il mantenimento di un look di marca!
Creative Spark
A parte l'illustrazione, questo sito Web incorpora solo 3 colori nel suo design: giallo, nero e bianco, che è un bel riferimento a una lampadina, quando ci pensi. E una lampadina funziona bene con il nome della società, Creative Spark. Interessante.
Pepperminted
Nome carino e un design carino per lo più a 3 colori, questo è semplice ma creativo allo stesso tempo.
Sergey Stanchev
Lo schema di colori scuri e l'uso limitato del colore conferiscono a questo sito un aspetto e un aspetto sofisticato e professionale.
Digimurai
I colori del testo di arancione e blu si coordinano con lo sfondo illustrato e la simpatica mascotte.
Causecast
Grigio, blu e rosa su sfondo bianco forniscono un tono molto "felice", che sembra una buona scelta per un programma di volontariato / beneficenza.
Astheria
Questo design intelligente usa colori, bene, droghe! Il bianco, il grigio e il blu sono in genere i colori che si vedono sulle scatole delle pillole, quindi questi designer hanno davvero avuto l'idea di "Il design è una droga".
Dave Airey
Ah, David Airey, uno dei più famosi designer di identità di marca nella comunità dei blog di graphic design. Il suo sito è minimalista e presenta solo testo nero, arancione e grigio su sfondo bianco. Semplice ma efficace!
Eduardo de La Rocque
Lo sfondo strutturato sembra la carta fantasia che alcune persone usano per riprendere e stampare CV. È interessante anche il fatto che il testo rosso-rosato sfuma in grigio chiaro quando si passa sopra il mouse.
Otto faccia
Nero, bianco e grigio, insieme a qualche suggerimento di testo arancione, sono i colori principali utilizzati in questo design. Questi colori danno a questo sito una sorta di "notizia".
Febbre
Scuro e grigio chiaro e rosso sono usati in modo intercambiabile in questo design. Mentre questo design potrebbe essere un po 'più ben organizzato in termini di quali colori sono stati usati dove, sono rimasti molto bene con i tre colori del titolo.
Stefan Coisson
Questo sito utilizza 3 colori in modo abbastanza efficace in un semplice layout del sito web. Mentre il testo potrebbe essere meglio organizzato, il punto culminante verde si staglia bene contro il testo in bianco e nero.
Jon Tangerine
Ok, quindi questo è un altro che si estende un po 'oltre lo schema dei 3 colori, ma è un sito così bello che urla "Guardami!" Le evidenziazioni gialle e i collegamenti di testo (con un po 'di sottolineatura arancione) contrasta piacevolmente con il testo bianco nero e grigio e occasionale. Bellissimo!
Martin Hipp
Grigio scuro, nero e verde erba si fondono bene per dare a questo sito un aspetto rinfrescante, professionale ma unico.
Siti minimi
Iniziare a notare un motivo nell'uso del nero, del grigio e di un colore brillante su uno sfondo bianco? Forse questo tipo di combinazione di colori è popolare perché crea un aspetto minimalista con un colore sufficiente per attirare l'attenzione ... e questo sito Web non fa eccezione.
Teoria del moto
La striscia di nero sul lato è un bel tocco che aggiunge all'aspetto "film". Il testo grigio e rosso mantiene questo sito semplice, il che è molto importante con tutte le immagini che devono essere incluse.
Un ritorno
Il blu e le sfumature di grigio mantengono questo design minimalista e tradizionale. I 3 diversi colori sono usati per attirare l'attenzione su testi importanti.
Grano e Grammo
Questo sito fa un ottimo lavoro nel creare un fascino da "gentiluomo" con colori virili di grigio scuro, un colore a grana (in linea con il titolo) e bianco.
Stacks impressionante di caratteri
L'arancione e il nero e il grigio (e un pezzetto di testo bianco) aiutano a rompere questo sito pesante e lo rendono interessante.
Yuna
Questo sito utilizza principalmente i grigi scuri e chiari delle forme geometriche, ma il blu è anche un colore che evidenzia, insieme a un po 'di rosa. Quindi, davvero, questa è un'altra variante dello schema di colore nero, grigio ed evidenziatore.
Pentagono
Grigio, un po 'bianco e molto blu creano una combinazione di colori molto semplice. D'altra parte, il blu sembra un po 'opprimente, e la grafica lampeggiante non aiuta molto.
Graphic Design alla radio
Tecnicamente, questo sito utilizza solo 3 colori: il testo nero e grigio in riquadri bianchi e lo sfondo con texture rosa. Ma aspetta! Chiudi la pagina, riaprila e lo sfondo ora è blu, no, giallo. Ok, puoi chiudere la riapertura della pagina, ora. Delusi ci sono solo tre colori con cui giocare, non è vero??
Pixelbot
Anche in questo caso, grigio scuro, grigio chiaro e un colore di evidenziazione creano una combinazione di colori semplice ed efficace per il web design.
Sito ispirato
Mentre il testo cambia colore quando si passa sopra il mouse può essere divertente, questo può trarre vantaggio da questa funzione un po 'troppo. Ma forse possono farla franca grazie al loro semplice design a 3 colori.
Stefan Persson
Grigio / nero con arancio e bianco aggiungono a questo design molto ben organizzato. Ogni colore sembra attenersi a un uso rigoroso, che porta davvero la navigazione di questo sito a grandi altezze.
Faust
Un semplice schema di colori aiuta a smorzare l'impegno di questo sito; tuttavia, meno arancione avrebbe aiutato il design ancora di più.
Impianto industriale
La navigazione di questo sito è un po 'diversa, qualcosa non sempre consigliato. Tuttavia, lo schema di colori grigio scuro, grigio chiaro e bianco aiuta a mantenere il sito abbastanza semplice da apprendere abbastanza velocemente.
Nota dell'editore: Questo post è scritto da Tara Hornor per Hongkiat.com. Tara ha una laurea in inglese e scrive di marketing, pubblicità, branding, graphic design e desktop publishing. Oltre alla sua carriera di scrittrice, anche a Tara piace passare il tempo con suo marito e due bambini.