Cumu Sviluppà un situ web, ecommerce, o schemi di culori di l'applicazione

Sviluppà schemi di colori di siti web, ecommerce o app

Avemu spartutu parechji articuli nantu à l'impurtanza di u culore in quantu à una marca. Per un situ web, un situ di ecommerce, o una applicazione mobile o web, hè cusì criticu. I culori anu un impattu nantu à:

  • L'impressione iniziale di una marca è u so valore - per esempiu, i prudutti di lussu spessu utilizanu neru, rossu implica eccitazione, etc.
  • Decisioni di compra - a fiducia di una marca pò esse determinata da u cuntrastu di culore. I schemi di culori morbidi ponu esse più femminili è affidabili, i cuntrasti duri ponu esse più urgenti è sconti guidati.
  • Usabilità è sperienza d'utilizatore - i culori anu un sensu psicologicu è l'impattu fisiulogicu ancu, facendu più faciule o più difficiule di navigà in una interfaccia d'utilizatore.

Quantu impurtante hè u culore?

  • 85% di a ghjente hà dichjaratu chì u culore hà una influenza maiò nantu à ciò chì cumprà.
  • I culori aumentanu a ricunniscenza di a marca da una media di 80%.
  • L'impressione di culore hè rispunsevule per u 60% di l'accettazione o u rifiutu di un pruduttu.

Quandu si determina un schema di culore per un situ web, ci sò qualchi passi detallati in l'infografica accumpagnata:

  1. Culore primariu - Sceglite un culore chì si adatta à l'energia di u vostru pruduttu o serviziu.
  2. Azzione Culori - Questu hè mancatu da l'infografica sottu, ma identificà un culore di l'azzione primaria è u culore di l'azzione secundaria hè estremamente utile. Educa u vostru audience per fucalizza nantu à elementi specifichi di l'interfaccia d'utilizatore basatu nantu à u culore.
  3. ACulori addiziunali - Sceglie più culori chì cumplementanu u vostru culore primariu, idealmente culori chì facenu u vostru culore primariu canzoni.
  4. Culori di fondo - Sceglite un culore per u fondu di u vostru situ web - possibbilmente menu aggressivu di u vostru culore primariu. Mantene in u modu scuru è chjaru in mente ancu ... più è più siti incorporanu schemi di culore nantu à u modu chjaru o scuru.
  5. Colori di caratteri - Sceglite un culore per u testu chì serà nantu à u vostru situ web - ricordate chì un carattere neru solidu hè raru è micca cunsigliatu.

Per esempiu, a mo cumpagnia Highbridge hà sviluppatu una marca in linea per un fabricatore di vestiti chì vulia custruisce un situ di ecommerce direttu à u cunsumadore induve a ghjente puderia. cumprà vestiti in linea. Avemu capitu u nostru publicu di destinazione, u valore di a marca, è - perchè a marca era principarmenti digitale, ma avia ancu un pruduttu fisicu - avemu focu annantu à schemi di culori chì travagliavanu bè in stampa (CMYK), palette di tela (Pantone), è ancu. digitale (RGB è Hex).

Pruvate un Schema di Colore cù Ricerca di Mercatu

U nostru prucessu per a nostra scelta di schema di culore era intensivu.

  1. Avemu fattu una ricerca di marketing nantu à una seria di culori primari cù u nostru publicu di destinazione chì ci hà riduciutu à un solu culore.
  2. Avemu fattu una ricerca di marketing nantu à una seria di culori secundarii è terziarii cù u nostru publicu di destinazione induve avemu ristrettu alcuni schemi di culore.
  3. Avemu fattu mockups di produttu (imballu di produttu, etichette di collu è etichette appiccicate) è ancu mockups di ecommerce cù i schemi di culori è furnite quelli à u cliente è ancu à u publicu di destinazione per feedback.
  4. Perchè a so marca era largamente dipendente da a staghjunalità, avemu ancu incorporatu i culori di stagione à u mischju. Questu pò esse utile per cullezzione specifiche o visuale per l'annunzii è l'azzioni di e social media.
  5. Avemu passatu stu prucessu più di una meza decina di volte prima di stabilisce u schema finale.

schema di culori di closet52

Mentre i culori di a marca sò rosa chjaru è grisgiu scuru, avemu sviluppatu u culori d'azzione per esse l'ombra di verde. U verde hè un culore orientatu à l'azzione, cusì era una grande selezzione per attirà l'ochji di i nostri utilizatori à elementi orientati à l'azzione. Avemu incorporatu l'inversu di u verde per i nostri azzioni secundarii (cunfini verde cù fondu biancu è testu). Testemu ancu una sfumatura più scura di verde nantu à u culore di l'azzione per l'azzioni di hover.

Da quandu avemu appena lanciatu u situ, avemu incorporatu u mouse-tracking è heatmaps per osservà l'elementi chì i nostri visitatori sò attirati è interagisce cù u più per assicurà chì avemu un schema di culori chì ùn hè micca solu bè ... funziona bè.

Culori, Spazi Bianchi è Caratteristiche di l'Elementi

Sviluppà un schema di culore deve sempre esse realizatu pruvendu in una interfaccia d'utilizatore generale per osservà l'interazzione di l'utilizatori. Per u situ sopra, avemu ancu incorporatu marghjini assai specifichi, padding, contorni, radius di cunfini, iconografia è tippi.

Avemu furnitu una guida completa di marca per a cumpagnia per distribuisce internamente per qualsiasi materiale di marketing o di produttu. A cunsistenza di a marca hè critica per questa cumpagnia perchè sò novi è ùn anu micca cuscenza in l'industria à questu puntu.

Eccu u Situ di eCommerce Risultante cù Schema di Colore

  • Closet52 - Cumprate vestiti in linea
  • Pagina di cullezzione di Closet52
  • Pagina di produttu Closet52

Visita Closet52

Usabilità di u culore è cecità di u culore

Ùn vi scurdate di a prova di usabilità per u cuntrastu di culore trà elementi di u vostru situ. Pudete pruvà u vostru schema cù u Strumentu di Test di Accessibilità di u situ Web. Cù u nostru schema di culore, sapemu chì avemu qualchì prublema di cuntrastu chì avemu da travaglià nantu à a strada, o pudemu ancu avè alcune opzioni per i nostri utilizatori. Curiosamente, e probabilità di prublemi di culore cù u nostru publicu di destinazione sò abbastanza bassu.

A cecità di u culore hè l'incapacità di percive e differenze trà alcuni di i culori chì l'utilizatori senza culurite ponu distingue. A cecità da i culori influenza circa cinque à ottu per centu di i masci (circa 10.5 milioni) è menu di unu per centu di e femine.

Usability.gov

A squadra di WebsiteBuilderExpert hà riunitu stu articulu infograficu è detallatu accumpagnatu Cumu sceglite un culore per u vostru situ web chì hè estremamente scrupolosu.

Cumu sceglie un schema di culore per u vostru situ web