Cel Mai bun site-Ul Palete de Culori care să Crească Implicarea în 2020,

Este schema de culori ai ales pentru site-ul tău declanșând un răspuns dorit? Te simți copleșit de numărul de palete de culori potențiale pentru site-uri web?

toată lumea are culorile preferate ei tind să graviteze spre atunci când vine vorba de munca lor sau în alt mod.,dar un designer priceput înțelege importanța evaluării unei scheme de culori bazate pe marcă, semnificațiile culorilor și produsele sau serviciile promovate.

alegeri bune de culoare ia o planificare atentă.

Acestea pot influența modul în care un vizitator interpretează ceea ce văd la fel de mult ca aspectul site-ului și tipografie — și, atunci când face bine, ele pot avea un impact pozitiv asupra fiecarui vizitator de evaluare de brand ca un întreg.,în acest articol, vom arunca o privire asupra motivului pentru care selectarea culorilor potrivite pentru site-ul dvs. contează, precum și a paletelor de culori 23 diferite de pe site-urile reale care sunt eficiente în atragerea atenției vizitatorilor.

De ce este atât de importantă schema de culori?înainte de a trece la procesul de selectare a unei scheme de culori pentru site-ul dvs., este important să înțelegeți exact de ce schema de culori a site-ului dvs. contează atât de mult.

la urma urmei, s-ar putea să vă gândiți că conținutul este cel care contează cu adevărat. Și asta nu este neadevărat.oamenii iubesc conținutul., Sunt atrași de voci proaspete și informații ispititoare, dar trebuie să le captezi atenția mai întâi. Aici intră în joc paletele de culori ale site-ului.

dacă alegeți schema de culori potrivită a site-ului, veți avea ocazia să vă suflați vizitatorii cu conținutul dvs.

Iată cum:

creați recunoașterea mărcii

site-ul dvs. este, în esență, casa online a companiei dvs.aceasta înseamnă că trebuie să fie o reprezentare corectă a mărcii dvs. Și dincolo de asta, trebuie să fie suficient de memorabil încât utilizatorii să se întoarcă după prima lor vizită.,la urma urmei, mulți dintre vizitatorii dvs. nu vor fi pregătiți să facă o achiziție sau o altă conversie majoră în timpul primei lor vizite — și trebuie să-și amintească compania dvs. pentru a reveni și a lua aceste acțiuni.din fericire, culoarea crește recunoașterea mărcii cu 80%.deci ,dacă compania dvs. are deja o schemă de culori stabilită, este esențial să o includeți în designul site-ului dvs. Acest lucru va face mult mai ușor pentru vizitatori să-l conecteze imediat cu alte locuri pe care le-au văzut marca dvs.,în plus, dacă schema de culori este consecventă pe întregul site, vor ști că au ajuns la locul potrivit atunci când se întorc, indiferent de pagina exactă pe care aterizează.dincolo de a spune utilizatorilor cine este compania dvs., designul dvs. web joacă, de asemenea, un rol major în judecățile instantanee ale utilizatorilor despre marca dvs.conform unui sondaj, 94% dintre respondenți au numit designul web printre factorii principali ai primelor impresii ale site-ului web.desigur, designul web implică mult mai mult decât doar culoarea.,dar având în vedere că culoarea este unul dintre cele mai evidente elemente de pe site-ul dvs. și unul dintre singurele pe care un utilizator le poate discerne în acele milisecunde inițiale 50, paleta dvs. poate face sau rupe evaluarea unui utilizator a companiei dvs.într-un alt studiu privind modul în care se formează primele impresii ale consumatorilor, 90% din evaluările inițiale se bazează doar pe culoare.într-o anumită măsură, motivul pentru aceasta este clar.la urma urmei, culoarea este unul dintre cele mai ușoare aspecte ale unei pagini de „înțeles”.,”Acesta poate fi evaluat aproape instantaneu și nu necesită vizitatori pentru a evalua copie sau alte mesaje.dar este de asemenea important să luăm în considerare rolul pe care îl joacă psihologia culorii în aceste judecăți instantanee.multe companii profită de aceste conexiuni, așa cum este ilustrat de logo-urile din graficul următor.

De exemplu, branduri care doresc să creeze un sentiment de creativitate și imaginație tind să includă violet în imagini, în timp ce branduri care doresc să se stabilească un sentiment de echilibru și calm inclina spre negru și alb.,acest lucru se leagă direct de „personalitatea” pe care doriți să o aibă marca dvs.

Într-un studiu privind personalitatea brandului, psihologul și profesorul Stanford Jennifer Aaker a concluzionat că cinci dimensiuni de bază a juca un rol într-un brand de personalitate:

Marci poate uneori se amestecă trăsături, dar pentru cea mai mare parte, lor „personalitate” este centrat în principal pe unul. O companie care vinde echipament de camping, de exemplu, s-ar identifica cu „robustețea”, în timp ce un brand de modă ar putea viza „sofisticarea”.,”

și după cum puteți vedea în graficul logo-ului de mai sus, culoarea poate juca un rol major în a arăta consumatorilor cum este personalitatea mărcii dvs.deși majoritatea nu își dau seama în mod conștient că logo-ul roșu al unei companii este conceput pentru a crea un sentiment de emoție, poate totuși să facă exact acest lucru.și în timp ce fiecare culoare poate servi pentru a crea un sentiment sau o reacție specifică, anumite culori sunt alegeri mai bune decât altele pentru majoritatea mărcilor și site-urilor web.de exemplu, albastrul este adesea considerat cea mai sigură alegere., Aceasta este, în parte, pentru că este cea mai comună culoare „preferată” în rândul majorității populației.de fapt, 57% dintre bărbați și 35% dintre femei spun că este culoarea lor preferată.

deci, dacă doriți să apelați la un public larg, aceasta ar putea fi o alegere excelentă pentru site-ul dvs. De fapt, acesta ar putea fi motivul pentru care unele dintre cele mai vizitate site-uri de astăzi, cum ar fi Facebook și Twitter, îl folosesc pentru logo-urile și brandingul lor.de asemenea, este demn de remarcat faptul că albastrul este, de asemenea, frecvent asociat cu sentimente de încredere, autoritate și fiabilitate.,

dar asta nu înseamnă că este cea mai bună alegere pentru fiecare site. Totul depinde de sentimentul pe care doriți să-l transmiteți vizitatorilor.de exemplu ,dacă marca dvs. se concentrează pe sănătate și wellness, verde ar putea fi o opțiune mai bună pentru crearea acelei asociații. Și dacă doriți ca vizitatorii dvs. să fie încântați și să-i determine să acționeze rapid, roșu ar putea fi mai eficient pentru a vă ajuta să atingeți acest obiectiv.deci, pe măsură ce selectați culori pentru site-ul dvs., luați în considerare reacțiile emoționale pe care le-ar putea conduce la vizitatorii dvs.,de exemplu, dacă încercați să creați un sentiment de liniște pentru site — ul studioului dvs. de yoga, este posibil ca roșul să nu fie cea mai bună alegere-și este mai bine să știți asta înainte de a investi bani serioși în designul dvs.în afară de răspunsurile emoționale pe care le-ar putea evoca culorile individuale pe care le alegeți, este necesar să luați în considerare și modul în care culorile de pe site-ul dvs. interacționează unele cu altele.cel mai bun mod de a face acest lucru este de a privi la câteva principii de bază ale teoriei culorilor.,

Dacă ați luat vreodată o clasă de artă sau se uita la orice design legate de resurse, ați văzut, probabil, ceva similar cu roata de culoare în graficul de mai sus.conceptul cel mai comun ilustrat în cadrul acestei roți este relația dintre culorile primare (roșu, galben și albastru) și culorile secundare și terțiare care se formează prin amestecarea lor.dar dincolo de asta, această roată vă poate ajuta să creați armonie de culoare sau un aranjament vizual plăcut de culori., O paletă armonioasă de web design vă poate ajuta să stabiliți un sentiment de echilibru și ordine.există trei tipuri de scheme de culori acceptate pe scară largă pe care le puteți utiliza pentru a stabili acest tip de armonie: Analog, monocromatic și complementar.o schemă de culori analogă este alcătuită din culori care se încadrează una lângă alta pe roata de culori. Aceasta este una dintre cele mai dificile palete de făcut bine, deoarece culorile se pot învinge cu ușurință unul pe altul.acestea fiind spuse, scheme de culori analogice sunt, de asemenea, unele dintre cele mai vibrante.,

Deci, dacă doriți să creați o culoare, vizual interesant site-ul, s-ar putea face bine cu o paleta similare la următoarele trei exemple:

O schema de culori monocromatice cade pe capătul opus al spectrului, de la tipul precedent. După cum sugerează și numele, este alcătuit dintr-o singură culoare principală, dar intensitatea și ușurința nuanțelor variază.aceste palete sunt unele dintre cele mai ușor de creat și „cele mai sigure” de implementat, deoarece diferite nuanțe de aceeași culoare rareori se ciocnesc sau se simt prea ocupate.,

Deci, dacă ai de gând pentru o relativ simplă privire pe site-ul dvs., o schema de culori monocromatice ca aceste trei ar putea lucra bine pentru brand-ul:

în cele din Urmă, un complementare paleta se încadrează undeva între analog și scheme monocromatice în termeni de varietate.

este compus din culori care se află direct opuse una de alta pe roata de culoare. Deci, în timp ce implică mai multe culori, aceste culori se completează în mod natural și nu vor copleși vizitatorii.,

Dacă doriți să includeți unele varietate în schema de culori, fără a face site-ul dvs. apar prea ocupat, o schema de culori complementare ca una dintre acestea ar putea fi alegerea perfecta:

desigur, aceste trei nu sunt singurele tipuri de scheme de culori, puteți crea. De fapt, cele mai bune tipuri de palete variază în funcție de cine întrebați.

o schemă de culori triadică este una dintre opțiunile principale.

această schemă de culori implică utilizarea a trei culori care sunt situate la 120 de grade una de cealaltă pe roata de culori., În graficul de mai sus, aceste culori sunt portocaliu, verde și violet.

pe măsură ce Selectați culorile, amintiți-vă că tipurile enumerate mai sus nu sunt reguli definitive. Acestea vă pot oferi o idee generală despre senzația generală pe care doriți să o aibă site-ul dvs., dar nu sunt în niciun caz singurele modalități de a crea o paletă care să funcționeze pentru marca dvs.indiferent de tipul de paletă pe care îl utilizați, îl puteți utiliza pentru a crea o ierarhie a celui mai important conținut de pe fiecare dintre paginile dvs.,așa cum am menționat în secțiunea anterioară, o paletă de site-uri web cu culori definite poate fi utilă pentru a semnifica faptul că anumite elemente sunt importante.puteți maximiza acest impact ținând cont de efectul de izolare pe măsură ce determinați cum să utilizați schema de culori pe paginile dvs.ideea generală din spatele acestui principiu psihologic este că, cu cât un element iese în evidență, cu atât este mai probabil să fie observat și amintit.,asigurați-vă că culorile pe care le alegeți vă oferă posibilitatea de a face anumite apeluri la acțiune să iasă în evidență pe paginile dvs. fără a se ciocni cu restul designului.

această abordare este în conformitate cu preferințele majorității consumatorilor, de asemenea.în două studii, răspunsul estetic la combinațiile de culori și preferințele consumatorilor pentru combinațiile de culori, cercetătorii au descoperit că, în timp ce consumatorii preferă combinații de culori cu nuanțe similare, ele favorizează și paletele cu o culoare de accent extrem de contrastantă.,primul studiu a arătat că ” preferința perechilor și armonia cresc atât pe măsură ce crește similitudinea nuanței.”Dar”, deși perechile cu nuanțe extrem de contrastive sunt, în general, considerate a fi nici preferabile, nici armonioase, ratingurile de preferință a culorilor figurale cresc pe măsură ce contrastul nuanței cu fundalul crește.în cel de-al doilea studiu, cercetătorii au descoperit că, „în general, oamenilor le place să combine culori care sunt relativ apropiate sau se potrivesc exact, cu excepția faptului că unii oameni evidențiază o componentă de produs semnată folosind culoarea contrastivă.,deci, deși culoarea accentului dvs. ar trebui să aibă un contrast puternic, este în regulă — și chiar de preferat — dacă restul paletei dvs. este format din nuanțe relativ similare.acest lucru înseamnă că crearea de palete de design web care includ o culoare puternică de accent, care atrage atenția, nu este eficientă numai pentru izolarea anumitor elemente, ci este și o modalitate excelentă de a crea o combinație pe care mulți dintre vizitatorii dvs. o vor dori.

Simplificați deciziile legate de design

când vine vorba de rularea unui site web sau a unei afaceri (sau ambele!), este întotdeauna o idee bună să căutați modalități de simplificare a proceselor de bază.,la urma urmei, cu cât petreci mai puțin timp pentru sarcinile de bază, cu atât va trebui să petreci mai mult timp pentru procese și decizii care au un impact mai mare asupra succesului tău.

și stabilirea paletelor de design web este o modalitate excelentă de a reduce timpul necesar pentru a crea pagini noi. Când aveți o schemă de culori stabilită, faceți alegerile de design de bază mult mai ușoare, atât pentru dvs., cât și pentru designerii și dezvoltatorii dvs.,

Acest lucru este valabil mai ales dacă vă faceți timp pentru a documenta paleta într-un ușor de utilizat ca afacerea asta a făcut:

atunci Când creați un document ușor de utilizat de paleta, fabrici o la dintr-o privire de resurse cu toate opțiunile posibile pentru fiecare element.în acest fel, dacă dvs. (sau designerii dvs.) aveți probleme în a determina ce culoare să utilizați pentru un buton CTA, puteți pur și simplu să consultați documentul pentru o listă completă a opțiunilor dvs.,deci, în loc de rafturi creierul pentru toate diferitele posibilități, puteți alege dintr-o listă de pre-set de culori. Și odată ce selectați câteva pentru a utiliza sau testa, toate codurile HEX și RGB sunt deja chiar în fața ta.

câte culori ar trebui să încorporați?totul depinde de complexitatea designului dvs. și de tipurile de combinații de culori. De exemplu, dacă utilizați o paletă monocromatică de design web, este posibil să aveți nevoie de șapte sau chiar mai multe nuanțe ale acelei culori pentru a capta suficientă varietate pe ecran.,

veți dori să specificați culori pentru anumite părți ale site-ului dvs., cum ar fi text, fundaluri, link-uri, culori hover link, butoane CTA și titluri.dacă nu sunteți sigur cum să selectați cele mai bune palete de culori pentru web design, consultați acest videoclip pe care l-am creat. Vă parcurge sfaturi practice pentru alegerea unei scheme de culori a site-ului web.în mod ideal, paletele de culori ale site-ului reflectă valorile, credințele și scopul unei afaceri., Culorile puternice pot indica o atmosferă mai puțin formală și mai multă emoție, în timp ce culorile supuse dau o notă mai sofisticată sau mai formală afacerii.

dar acest lucru nu este întotdeauna ușor de tradus atunci când te uiți la mii de combinații potențiale de culori. Să ne uităm la 23 de palete de culori excelente pentru site-uri web care vă pot ajuta să creșteți implicarea.

16 palete de culori excelente pentru site-uri web pentru a crește implicarea (2020)

următoarele site-uri folosesc diverse palete de culori pentru site-uri web pentru un efect deosebit. Sunt alese cu grijă pentru emoțiile pe care le evocă și pentru sentimentele pe care le transmit.,site-ul Mea Cuppa folosește o paletă de culori plăcută pentru ochi, care încorporează câteva tonuri de bijuterie (rubin și smarald) pentru vivacitate maximă, dar altfel se bazează pe o paletă neutră, monocromatică de maro și gri.

paleta de web design evocă o senzație de cafenea și se reflectă în imaginea eroului site-ului, care creează coeziune.

Big Top

BigTop este o comunitate care este specializată în a ajuta rețeaua de startup-uri., Site-ul folosește o combinație neobișnuită, dar extrem de atentă, de tonuri de bijuterii care variază de la violet și albastru la portocaliu și galben strălucitor.

culorile primare sunt culori reci, ceea ce face mai calde culori pop. Veți observa în captura de ecran a paginii de pornire că CTA portocaliu și galben vă atrage atenția înainte de orice altceva.

Ochiul lui Tori

al treilea exemplu vine de la instrumentul de vizualizare Twitter Tori ‘ s Eye. Acesta este un exemplu excelent al unei scheme de culori în mare parte monocromatice., Aici, vedem efectele unei palete de culori simple, dar puternice, centrate în jurul nuanțelor de verde.această schemă de culori este adesea ușor de tras, deoarece o nuanță de culoare va funcționa aproape întotdeauna cu o altă nuanță de aceeași culoare.

BarkBox

dominantă de culoare roz pe BarkBox pagina de start este repetat de-a lungul site-ul in diferite nuante. Contrastează frumos cu culoarea albastră care este utilizată în logo-urile și CTA-urile de pe site.,

utilizarea culorilor complementare pentru a atrage atenția vizitatorilor acolo unde doriți poate ajuta la îmbunătățirea paletei de culori a site-ului web.

Kit de supraviețuire a brânzei

roșul este o culoare extrem de populară pentru o paletă de culori a site-ului web. Poate transmite un amestec bogat de emoții, ceea ce îl face foarte versatil. Este deosebit de puternic atunci când este utilizat în doze mici, după cum vedeți pe site-ul web Cheese Survival Kit.,

red este temperat cu mai multe culori neutre, și albastru ajută împacheta un pumn pentru CTAs și alte zone în care afacerea dorește să atragă ochiul vizitatorului.Nordic Ruby, o conferință la Stockholm, are un site frumos proiectat în tonuri bogate de bijuterii. Culorile alese pentru această paletă de culori a site-ului îi conferă sofisticare și o diferențiază de modele mai puțin de impact.,

Lacul Nona

Lacul Nona este un site web pentru un anumit loc — în special unul lângă apă. În consecință, nu este surprinzător să vedem o culoare albastră reprezentată aici. Celelalte culori neutre lasă albastrul să iasă în evidență frumos.

LemonStand

din Nou, nu e nici o surpriză faptul că o companie pe nume Lamaie Stand-ar fi galben în site-ul său paleta de culori. Albastrul și griurile se împerechează frumos cu galbenul și ajută la temperarea luminozității sale.,

Menta

Menta este un site dedicat finanțe, astfel încât utilizarea de verde și albastru sunt alegeri bune. Ele ajută la transmiterea calmului, a liniștii și a încrederii. Nuanțele neutre din familia maro o fac o paletă generală de culori pământești care calmează simțurile.

Odopod

Odopod merge cu monoton paleta de culori, dar ajută la evitarea căutarea plictisitoare cu un gradient pe pagina sa., Tipografia mare oferă un contrast excelent și este evident unde vor să faceți clic.

Fiverr

poate Ați observat că multe companii își rezervă o anumită culoare — în caz de Fiverr, verde — exclusiv pentru CTAs. Nu apare în altă parte pe site. De fapt, nici măcar nu a fost preluat de ColorFav, deoarece este dominat de culorile mai neutre.,

Scoala de Fotografie Digitală

v-Ați aștepta un business centrat pe arte grafice pentru a avea o multime de site-ul paleta de culori, și Școala de Fotografie Digitală nu dezamăgește. Culorile vibrante ajută la atragerea spectatorului. Și, la fel ca Fiverr, portocala folosită în CTA nici măcar nu apare pe paleta site-ului, deoarece este folosită cu ușurință pentru impact.,

Ahrefs

Ahrefs este un exemplu de un site web care utilizează paleta de culori din belșug. Un albastru mai închis servește drept culoare dominantă, dar există variații ale acesteia pe tot site-ul. Același lucru este valabil și pentru culorile portocaliu, roz și teal.

Millo.co

Millo.co utilizează un foarte simplu-ul paleta de culori, și este mai bine pentru el. Știm exact unde să căutăm atunci când vizităm un site ca acesta.,

Brian Gardner

Unele companii și persoane fizice să ia monocromatice paleta de culori la extrem. Brian Gardner, web designer, folosește o schemă de culori alb-negru care funcționează perfect. Se bazează pe brandul său de minimalism, așa că reflectă valorile și credințele sale.

Loom

culori pastelate poate funcționa bine atunci când doriți pentru a pune pe vizitator la usurinta. Loom folosește doze liberale de somon și albastru pentru copii., Funcționează bine, în special cu culoarea albastră mai închisă disponibilă pentru CTA și alte elemente importante din pagină.

O Listă la Îndemână de Resurse pentru a alege site-Ul Perfect Paleta de Culori

Aici sunt 18 paleta de culori resurse pentru a stabili cu paleta perfect pentru site-ul tău.

În primul rând, aveți nevoie de inspirație?

1: BrandColors

BrandColors arată cât de importante branduri folositi culori pentru a diferenția afacerile lor, își spun povești de brand și de a lăsa clienții lor știu ceea ce ei stau pentru., Puteți derula în ordine alfabetică printr-o listă de corporații, organizații nonprofit și startup-uri sau puteți căuta după numele mărcii.

căutați o paletă pregătită?

2: ColourLovers

ColourLovers este un forum site-ul pentru paleta de design, cu aproape 2 milioane de palete transmise de către utilizatorii săi. Puteți vâna „palete care includ această culoare”, Răsfoiți sau urmați designeri. Adesea, veți găsi variante ale aceleiași palete, oferindu-vă Opțiuni de nuanță și saturație gata făcute.

(complet cu nume capricioase.,)

3: ColoRotate

ColoRotate vine cu o bibliotecă de scheme de culori, puteți naviga, selecta de la și de a modifica. Dacă doriți să vă construiți propriul de la zero, puteți, cu un instrument de culoare 3D. Și puteți utiliza schema pe care ați creat-o direct în PhotoShop sau Fireworks, cu pluginul ColorRotate și aplicația iPad.

potriviți brandingul

dar dacă aveți deja imagini, logo-uri sau branding pe care culorile site-ului dvs. trebuie să le corespundă?,

4: Culoarea Hunter

Culoare Hunter nu este un instrument cu o gamă masiv de funcționalitate, cum ar fi unele dintre all-in-one puteri pe această listă. În schimb, este o soluție solidă pentru un singur lucru: urmărirea unei anumite culori. Accesați site-ul, apoi aruncați o imagine și instrumentul va crea o paletă pentru dvs. din imagine. Acesta este un mod solid de a crea palete de culori în jurul imaginilor cu care aveți nevoie de site-ul dvs. pentru a vă armoniza și îl puteți folosi și pentru a inversa ingineria paletelor site-urilor care vă plac aspectul.,

5: Pictaculous

Pictaculous generează palete de culori din poze – încărcați o fotografie, și Pictaculous va sugera culori pentru a se potrivi. Pe lângă faptul că vă oferă o paletă bazată pe fotografia pe care o încărcați, Pictaculous va oferi scheme de culori gata făcute care se potrivesc.aceste instrumente vor genera palete de culori întregi.

6: Adobe Color CC Color Wheel

acest instrument a fost cunoscut ca Adobe Kuler și a început ca un site de bază pentru compararea culorilor. Acum, este un sistem complet de construcție a paletelor de culori., Vă permite să încercați, să comparați și să salvați combinații de culori bazate pe o sferă de culoare. Puteți alege tipuri de palete și puteți genera palete de cinci culori cu diferite niveluri de intrare din instrument, inclusiv complet personalizate și aproape automate.

7: Paletton

Paletton vă permite să construiască o paleta de culori de repede. Selectați schema dorită: mono, complementar, triadic, tetradic, analog sau accentuat Analog. Apoi, când schimbați o culoare în schemă, celelalte se schimbă pentru a se potrivi.,

8: Culoare Spire

culoare Spire vă construiește o paletă de culori dintr-o singură culoare. Selectați o culoare de pornire, și culoare Spire sugerează o paletă de culori pentru a utiliza în combinație cu ea. De asemenea, oferă o previzualizare, permițându-vă să vedeți cum ar arăta culorile pe care le recomandă într-un site web eșantion.

9: MudCube Culoare Sferă

(Sursa: http://htmlcolorcodes.com/resources/best-color-palette-generators/)

MudCube Culoare Sfera este un Chrome plugin care vă ajută să armonizeze culorile, control pentru colorblindness și de a identifica codurile hex., Puteți exporta, de asemenea, scheme de culori direct în Illustrator, PhotoShop și CoIRD.com.

10: Coeziune Culori

Coeziv Culori ia paleta actuală și vă permite să-l manipuleze, adăugând o suprapunere tentă în culoarea de alegerea ta și generând o nouă paletă de la unul existent, rapid și ușor.

11: Hex schema de culori Generator

acest instrument vă permite să generați culori care funcționează în combinație cu o culoare aveți deja. Este un pic mai de bază decât unele dintre instrumentele color sphere din această listă., Lipiți un număr hexagonal în instrument sau faceți clic pe roata de culori și se întoarce cu un set de 3 culori suplimentare care se potrivesc, completate cu coduri hexagonale.

construirea culorilor

unele dintre aceste instrumente trebuie să aibă o culoare în minte pentru a începe cu. Dacă nu aveți branding trebuie să se potrivească, și BrandColors nu ți-a arătat nimic care a prins ochiul, puteți începe de la zero.,

12: Culoarea Aplicație

Acest instrument iOS vă permite să vă face bine deciziilor între culori similare, de stabilire a lor în mod clar cu un spațiu între ele, mai degrabă decât în degradeuri și în culori roți și sfere. Grilele mari de culoare vă permit să utilizați întregul ecran (utilizatorii iPad Pro, Bucurați-vă!) și vă permite, de asemenea, să încercați culori, să găsiți valori RGB, Hex și HSLA și să creați palete de culori de la zero.,

13: Culoare

Culoare, de HailPixel, într-adevăr vă permite să stabilim exact ce culoare vrei, și apoi vă oferă codul Hex pentru ea.treceți cursorul peste ecran și culoarea se schimbă foarte ușor pe măsură ce vă deplasați – este ca o sferă de culoare care se alimentează constant în codurile hexagonale. Deplasați-vă pe ecran pentru culoare, în sus și în jos pentru saturație.

obțineți codurile pentru o culoare

dacă ați văzut o culoare undeva și nu știți exact cum să o numiți, acestea sunt instrumentele pentru dvs.,

14: SpyColor

SpyColor vă oferă informații cu privire la orice culoare, inclusiv Hex, RGB, CMYK și alte coduri. Instrumentul vă arată gama de tipuri de scheme, cum ar fi complementare, split-complementare, triadic, clash și analog, pe fiecare pagină de culoare.

15: HTML coduri de culoare

HTML coduri de culoare găsește coduri hexagonale pentru culori de imagine în browser-ul dumneavoastră. Selectați o imagine de pe desktop și faceți clic pe „Vizualizare Imagine”, apoi mouse-ul peste ea pentru a obține coduri hexagonale pentru diferite părți ale imaginii.,după ce aveți o paletă de culori în loc, trebuie să știți dacă va funcționa pentru o varietate de vizitatori.

16: Verificați Culorile mele

– mi Verific Culori vă permite să verificați paleta de culori e de prim-plan și culori de fundal, asigurându-vă că acestea oferă un contrast suficient pentru cineva a avea culoare a deficitelor. Dacă doriți să colorblindness-dovada site-ul dvs., sau pentru a obține doar combinațiile de culori cele mai eficiente și intuitive dintr-o perspectivă UX, acest instrument este de neprețuit., Arunca un URL și scuipă un raport:

…care, practic, trece prin tot codul pentru site-ul dvs. și note toate elementele vizuale în ea pe vizibilitate.

potrivirea imaginilor

acum, paleta de culori este la locul ei și știți că este foarte vizibilă, veți avea nevoie de câteva imagini pentru a se potrivi.

17: TinEye

TinEye este mai bine cunoscut ca o alternativă la căutarea de imagini Google., Dar, de asemenea, funcționează ca o modalitate de a explora combinații de culori, folosind o bază de date de peste 10 milioane de fotografii Creative Commons License recoltate de la Flickr. Dacă sunteți în căutarea de imagini în combinația perfectă de culori, acesta este un mod minunat, ușor de utilizat pentru a le vâna.

18: Designspiration

Designspiration vă permite să selectați până la cinci nuanțe de la o pagină întreagă paletă, care vă oferă posibilitatea de a vedea culorile în mod clar. Apoi, site-ul afișează toate imaginile din baza sa de date cu acea combinație de culori., Acesta vă arată numere hexagonale în mod clar, și vă permite să faceți clic pe numere hexagonale individuale. Puteți salva imagini în colecții de pe site, precum și descărcarea acestora.s-ar putea crede că tot ce trebuie să faceți este să alegeți o paletă de culori site-ul și merge mai departe abur plin înainte. Asta nu e cel mai bun mod de a merge despre afaceri.gândiți-vă la asta. Vă testați CTA-urile, titlurile și alte elemente ale site-ului web. De ce culoarea ar trebui să fie diferită?,un instrument de analiză a comportamentului site-ului ca Crazy Egg oferă oportunitatea perfectă de a afla cum răspunde publicul dvs. la paleta de culori actuală.

comportamentul Utilizatorului rapoarte, cum ar fi heatmaps vă va spune dacă culorile sunt de capturare ochii oamenilor care contează cel mai mult — clienții existenți și potențiali.când aveți date brute în mâinile dvs., puteți lua decizii în cunoștință de cauză cu privire la paleta de culori a site-ului dvs. web.,imaginați-vă că ați creat un site web pentru o audiență de iubitori de sport și ați ales culorile albastru și roz, precum și câteva griuri neutre. Publicului tău nu-i place.

poate că nu transmite imaginea suficient de bine. Iubitorii de sport ar putea dori culori mai îndrăznețe, mai întunecate și tonuri de pământ.

nu veți ști până când nu testați.

începeți să utilizați Crazy Egg

creați un cont Crazy Egg gratuit pentru a începe încercarea gratuită sau conectați-vă pentru a configura rapoartele privind comportamentul utilizatorului.puteți rula mai multe teste în același timp, astfel încât să nu pierdeți ore, zile sau săptămâni., În schimb, puteți capta date în timp real și reorientați-vă eforturile pentru a găsi cea mai bună paletă de culori posibilă.

concluzie

paleta de culori a site-ului dvs. web nu trebuie să reflecte numai marca dvs., ci și să apeleze la publicul dvs. În caz contrar, oamenii ar putea fi opriți de site-ul dvs. fără să-și dea seama.

începeți cu ceea ce vă place. Luați în considerare alegerea unei palete care este diferită de celelalte din nișa dvs., astfel încât să ieșiți în evidență. Apoi începe testarea.este ușor să schimbați culorile de pe site-ul dvs. Dacă știți HTML, puteți modifica codurile hexagonale din fișierele dvs. tematice manual., Multe teme WordPress vin, de asemenea, cu personalizatoare care vă permit să schimbați culorile fără să știți niciun cod.oferiți-vă posibilitatea de a face site-ul dvs. cât mai atrăgător și mai memorabil posibil.