Homepage » Web design » 30 bellissimi siti web a tre colori per la tua ispirazione

    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.