A Legjobb Honlap színpaletta, hogy Növelje Eljegyzési 2020-ban

a színeket választott a honlapon, hogy beállítja a kívánt válasz? Úgy találja magát túlterheltek száma potenciális honlap színpaletták?

mindenkinek vannak kedvenc színei, amelyek hajlamosak vonzódni a munkájukhoz vagy más módon.,

de egy képzett tervező megérti a színséma értékelésének fontosságát a márka, a színek jelentése, valamint a támogatott termékek vagy szolgáltatások alapján.

jó Színválaszték gondos tervezést igényel.

befolyásolhatják, hogy a látogató hogyan értelmezi azt, amit a webhely elrendezésének és tipográfiájának megfelelően lát — és ha jól működik, akkor pozitív hatással lehet minden látogató értékelésére a márka egészéről.,

ebben a cikkben megnézzük, miért fontos a webhely megfelelő színeinek kiválasztása, valamint 23 különböző színpaletta a valódi webhelyekről, amelyek hatékonyan megragadják a látogatók figyelmét.

miért olyan fontos a színséma?

mielőtt belemennénk a webhely színsémájának kiválasztásába, fontos megérteni, hogy pontosan miért számít a webhely színsémája.

végül is azt gondolhatja, hogy valójában a tartalom számít. És ez nem igaz.

az emberek szeretik a tartalmat., Friss hangokra és csábító információkra hívják fel a figyelmet, de először a figyelmüket kell megragadniuk. Ez az, ahol website színpaletták jönnek szóba.

Ha a megfelelő weboldal színsémáját választja, lehetősége nyílik arra, hogy a látogatóit a tartalmával fújja.

így:

márkafelismerés létrehozása

webhelye lényegében a vállalat online otthona.

Ez azt jelenti, hogy a márka pontos ábrázolásának kell lennie. Ezen túlmenően elég emlékezetesnek kell lennie ahhoz, hogy a felhasználók visszatérjenek az első látogatás után.,

Végtére is, sok a látogatók nem lesz kész arra, hogy a vásárlás vagy más jelentős átalakítás során az első látogatás—, és meg kell emlékezni a cég annak érdekében, hogy jöjjön vissza, és megteszi ezeket a lépéseket.

szerencsére a szín 80% – kal növeli a márka elismerését.

tehát, ha a vállalatnak már van egy meghatározott színsémája, elengedhetetlen, hogy ezt belefoglalja a webhely tervébe. Ez sokkal könnyebbé teszi a látogatók számára, hogy azonnal összekapcsolják más helyekkel, ahol látták a márkáját.,

plusz, ha a színséma összhangban van az egész webhelyen, akkor tudni fogják, hogy a megfelelő helyre jöttek, amikor visszatérnek, függetlenül attól, hogy pontosan melyik oldalra érkeznek.

azon túl, hogy elmondja a felhasználóknak, ki a cég, a Webdizájn is fontos szerepet játszik a felhasználók snap ítéletek a márka.

egy felmérés szerint a válaszadók 94 százaléka nevezte meg a webdesign-t a weboldal első benyomásainak elsődleges mozgatórugói között.

természetesen a webdesign sokkal többet foglal magában, mint a szín.,

De mivel ez a szín az egyik legnyilvánvalóbb elemek a helyén, az egyik az egyetlenek, akik egy felhasználó lehet felismerni belül a kezdeti 50 milliszekundum, a paletta teheti vagy eltörhet a felhasználó értékelését a cég.

alakítsa ki, hogyan érzik magukat a látogatók az Ön webhelyén

egy másik tanulmányban a fogyasztók első benyomásainak kialakulásáról, a kezdeti értékelések 90% – a csak a színen alapul.

bizonyos mértékig ennek oka egyértelmű.

végül is a szín az oldal egyik legegyszerűbb aspektusa, amelyet ” meg kell érteni.,”Szinte azonnal felmérhető, és nem követeli meg a látogatóktól a másolás vagy más üzenetküldés értékelését.

de fontos figyelembe venni azt a szerepet is, amelyet a színpszichológia játszik ezekben a pillanatnyi ítéletekben.

sok vállalat kihasználja ezeket a kapcsolatokat, amint azt a következő diagram logói is szemléltetik.

például azok a márkák, amelyek kreativitást és képzeletérzetet akarnak létrehozni, hajlamosak lila képekbe illeszteni, míg a márkák, amelyek egyensúlyt akarnak teremteni, és nyugodt, fekete-fehér felé hajolnak.,

Ez közvetlenül kapcsolódik a “személyiség” szeretné, hogy a márka, hogy.

egy tanulmány a márka személyiség, pszichológus és Stanford professzor Jennifer Aaker arra a következtetésre jutott, hogy öt alapvető dimenziók szerepet játszanak a márka személyisége:

márkák néha mix vonások, de a legtöbb, a” személyiség ” középpontjában elsősorban az egyik. Egy cég, amely eladja kemping felszerelés, például, azonosulna a ” ruggedness, “míg a divat márka célja lehet a” kifinomultság.,”

és amint az a fenti logo diagramon látható, a szín fontos szerepet játszhat abban, hogy megmutassa a fogyasztóknak, milyen a márka személyisége.

bár a legtöbb nem tudatosan veszi észre, hogy a vállalat piros logóját úgy tervezték, hogy izgalmat keltsen, mégis pontosan ezt teheti.

és bár minden szín egy adott érzés vagy reakció létrehozására szolgál, bizonyos színek jobb választás, mint mások a márkák és webhelyek többsége számára.

például a kék gyakran a legbiztonságosabb választás., Ez részben azért van, mert ez a leggyakoribb “kedvenc” szín a lakosság többsége körében.

valójában a férfiak 57% – a, a nők 35% – a szerint ez a kedvenc színük.

tehát, ha széles közönséghez szeretne fellebbezni, ez nagyszerű választás lehet webhelye számára. Sőt, talán ezért is használják ma a leglátogatottabb oldalak, például a Facebook és a Twitter, logóikhoz és márkáikhoz.

azt is érdemes megjegyezni, hogy a kék általában a bizalom, a hatalom és a megbízhatóság érzéseivel is társul.,

de ez nem jelenti azt, hogy ez a legjobb választás minden webhely számára. Mindez attól függ, hogy milyen érzést szeretne közvetíteni a látogatóknak.

például, ha márkája az egészségre és a wellness-re koncentrál, a zöld jobb választás lehet az egyesület létrehozásához. És ha azt szeretnénk, hogy a látogatók izgatott, és vezetni őket, hogy tegyen lépéseket gyorsan, red lehetne hatékonyabb, hogy segítsen elérni ezt a célt.

tehát, amikor kiválasztja a webhely színeit, fontolja meg azokat az érzelmi reakciókat, amelyeket a látogatók vezethetnek.,

például, ha nyugalmat akarsz teremteni a yoga studio weboldalán, a red talán nem a legjobb választás — és a legjobb tudni, hogy mielőtt komoly pénzt fektetnél be a designba.

dolgozzon ki egyfajta rend

eltekintve az érzelmi válaszok az egyes színek úgy dönt, hogy idézhet, akkor is meg kell vizsgálni, hogy a színek a webhelyen kölcsönhatásba egymással.

ennek legjobb módja a színelmélet néhány alapelvének megvizsgálása.,

Ha valaha vett egy művészeti osztályt, vagy bármilyen tervezéssel kapcsolatos erőforrást nézett, akkor valószínűleg látott valami hasonlót a fenti ábrán látható színkerékhez.

a keréken ábrázolt leggyakoribb fogalom az elsődleges színek (piros, sárga és kék), valamint a másodlagos és harmadlagos színek közötti összefüggés, amelyek összekeverésével jönnek létre.

de ezen túl ez a kerék segíthet a szín harmóniájának vagy a színek vizuálisan kellemes elrendezésének megteremtésében., A harmonikus web design paletta segít létrehozni egyfajta egyensúly és a rend.

három széles körben elfogadott színséma létezik az ilyen típusú harmónia létrehozásához: analóg, monokromatikus, kiegészítő.

egy hasonló színséma olyan színekből áll, amelyek egymás mellett esnek a színkeréken. Ez az egyik legnehezebb paletta, amelyet jól lehet megtenni, mivel a színek könnyen legyőzhetik egymást.

hogy azt mondta, analóg színsémák is néhány a legélénkebb.,

tehát, ha színes, vizuálisan érdekes webhelyet szeretne létrehozni, akkor jól járhat a következő három példához hasonló palettával:

egy monokromatikus színséma a spektrum ellentétes végére esik az előző típusból. Ahogy a neve is sugallja, egy fő színből áll, de az árnyalatok intenzitása és könnyedsége változik.

Ezek a paletták a legkönnyebben létrehozhatók és a” legbiztonságosabbak”, mivel az azonos színű különböző árnyalatok ritkán ütköznek, vagy túl elfoglaltnak érzik magukat.,

tehát, ha viszonylag egyszerű megjelenést keres a webhelyén, egy ilyen monokromatikus színséma jól működhet a márkája számára:

végül egy kiegészítő paletta valahol az analóg és monokromatikus sémák között esik a fajta szempontjából.

olyan színekből áll, amelyek közvetlenül egymással szemben helyezkednek el a színkeréken. Tehát bár több színt tartalmaz, ezek a színek természetesen kiegészítik egymást, és nem fogják elárasztani a látogatókat.,

Ha azt szeretnénk, hogy néhány fajta a színösszeállítás, anélkül, hogy a webhely úgy tűnik, túl elfoglalt, kiegészítő színösszeállítás, mint az egyik ilyen lehet a tökéletes választás:

természetesen ez a három nem az egyetlen típusú színséma hozhat létre. Valójában a legjobb paletta típusok attól függően változnak, hogy ki kérdezi.

a triád színséma az egyik fő lehetőség.

Ez a színséma Három szín használatát foglalja magában, amelyek egymástól 120 fokkal helyezkednek el a színkeréken., A fenti ábrán ezek a színek narancssárga, zöld és lila színűek.

a színek kiválasztásakor ne feledje, hogy a fent felsorolt típusok nem végleges szabályok. Ők adhat egy általános képet az Általános úgy érzi, szeretné, hogy a webhely, de ők egyáltalán nem az egyetlen módja, hogy hozzon létre egy paletta, amely működik a márka.

függetlenül attól, hogy milyen típusú palettát használ, használhatja azt az egyes oldalak legfontosabb tartalmának hierarchiájának létrehozásához.,

bizonyos elemek kiemelése

amint azt az előző részben említettem, egy meghatározott színes webhelypaletta hasznos lehet annak jelzésére, hogy bizonyos elemek fontosak.

maximalizálhatja ezt a hatást azáltal, hogy szem előtt tartja az elszigetelési hatást, amikor meghatározza, hogyan kell használni a színsémát az oldalakon.

a pszichológiai elv mögött álló általános elképzelés az, hogy minél több elem kiemelkedik, annál valószínűbb, hogy észreveszik és emlékeznek rá.,

győződjön meg róla, hogy a választott színek lehetővé teszik, hogy bizonyos cselekvésre irányuló hívások kiemelkedjenek az oldalain anélkül, hogy összecsapnának a többi tervével.

Ez a megközelítés megfelel a legtöbb fogyasztó preferenciáinak is.

két tanulmányban, a színkombinációkra adott esztétikai válasz, valamint a színkombinációk fogyasztói preferenciái, a kutatók azt találták, hogy míg a fogyasztók a hasonló árnyalatokkal rendelkező színkombinációkat részesítik előnyben, a nagyon kontrasztos akcentussal rendelkező palettákat is kedvelik.,

az első tanulmány kimutatta, hogy ” a párpreferencia és a harmónia egyaránt növekszik, ahogy a színárnyalat hasonlósága növekszik.”De, “bár pár erősen feltárása, a kontrasztív alapú színárnyalatok általában megítélni, hogy sem jobb, sem harmonikus, figurális színes előnyben nézettség növekedést hue szemben a háttérben növeli.”

a második tanulmányban a kutatók azt találták, hogy ” az emberek általában szeretik a viszonylag közel vagy pontosan egyező színeket kombinálni, azzal a kivétellel, hogy néhány ember egy aláírási termékösszetevőt kiemel kontrasztos szín használatával.,”

tehát bár az akcentus színének erős kontrasztnak kell lennie, rendben van — sőt előnyösebb is—, ha a paletta többi része viszonylag hasonló árnyalatokból áll.

Ez azt jelenti, hogy egy erős, figyelemfelkeltő akcentussal rendelkező webdesign paletták létrehozása nemcsak bizonyos elemek elkülönítésére hatékony, hanem nagyszerű módja annak, hogy olyan kombinációt hozzon létre, amelyet sok látogató szeretne.

egyszerűsítse a tervezéssel kapcsolatos döntéseket

egy weboldal vagy egy vállalkozás (vagy mindkettő!), mindig jó ötlet keresni az alapvető folyamatok egyszerűsítésének módjait.,

végül is minél kevesebb időt tölt az alapvető feladatokra, annál több időt kell töltenie olyan folyamatokra és döntésekre, amelyek nagyobb hatással vannak a sikerére.

a webdesign paletták létrehozása nagyszerű módja annak, hogy lerövidítsük az új oldalak létrehozásához szükséges időt. Ha van egy létrehozott színséma, akkor az alapvető tervezési döntéseket sokkal könnyebb, mind a magad, mind a tervezők, fejlesztők.,

Ez különösen igaz, ha rászánja az időt, hogy a dokumentum a paletta egy könnyen kezelhető módon, mint ez az üzlet volt:

Amikor létrehoz egy felhasználóbarát dokumentum a paletta, hogy a gyártás egy egy pillantással erőforrás a lehetséges megoldások minden eleme.

így, ha Ön (vagy tervezői) nehezen tudja meghatározni, hogy melyik színt használja a CTA gombhoz, egyszerűen hivatkozhat a dokumentumra a lehetőségek teljes listájához.,

Tehát ahelyett, hogy az agyat az összes különféle lehetőséghez állítaná, választhat a színek előre beállított listája közül. És ha kiválaszt egy pár használni vagy tesztelni, az összes HEX és RGB kódok már előtted.

hány színt kell beépítenie?

mindez a tervezés összetettségétől és a színkombinációk típusaitól függ. Például, ha monokromatikus web design palettát használ, akkor szükség lehet hét vagy még több színárnyalatra, hogy elegendő változatosságot rögzítsen a képernyőn.,

meg szeretné adni a webhely egyes részeinek színeit, mint például a szöveg, a háttér, a linkek, a link hover színek, a CTA gombok és a címsorok.

Hogyan válasszunk ki egy weboldal színsémáját

Ha nem biztos benne, hogyan válasszuk ki a legjobb web design színpalettákat, nézd meg ezt a videót, amelyet létrehoztam. Ez végigvezeti Önt gyakorlati tippeket választotta a honlap színösszeállítás.

ideális esetben a weboldal színpalettái tükrözik a vállalkozás értékeit, hiedelmeit és célját., A hangos színek kevésbé formális hangulatot és izgalmat jelezhetnek, míg a visszafogott színek kifinomultabb vagy formálisabb hangot adnak az üzletnek.

de ez nem mindig könnyű lefordítani, ha több ezer lehetséges színkombinációt bámulsz. Nézzünk meg 23 nagyszerű weboldal színpalettákat, amelyek segítenek növelni az elkötelezettséget.

16 Nagyszerű Honlap színpaletta, Hogy Növelje Eljegyzési (2020)

A következő oldalak használják a különböző honlap színpaletta, hogy nagy hatása van. Gondosan választják ki az általuk kiváltott érzelmeket és az általuk közvetített érzéseket.,

Mea Cuppa

a Mea Cuppa weboldal egy szemet gyönyörködtető színpalettát használ, amely magában foglal egy pár ékszertónust (rubin és smaragd) a maximális elevenség érdekében, de egyébként semleges, monokromatikus, barna és szürke palettára támaszkodik.

A web design paletta idézi egy kávézó érzés tükröződik az oldal hős kép, amely megteremti a kohéziós.

A Big Top

a BigTop egy olyan közösség, amely az induló hálózatok támogatására specializálódott., A honlap használ egy szokatlan, de rendkívül figyelemfelkeltő kombinációja ékszer hangok, hogy a tartomány lila, kék, világos narancssárga, sárga.

az elsődleges színek mind hűvös színek, ami a melegebb színeket pop. A Kezdőlap képernyőképén láthatja, hogy a narancssárga és sárga CTA minden más előtt felhívja a figyelmet.

Tori szeme

harmadik példánk a Twitter vizualizációs eszközéből, Tori szeméből származik. Ez egy nagyszerű példa egy többnyire monokromatikus színsémára., Itt egy egyszerű, mégis erőteljes színpaletta hatásait látjuk, amely a zöld árnyalatok köré összpontosul.

Ez a színséma gyakran könnyen lehúzható, mivel egy színárnyalat szinte mindig ugyanolyan színű árnyalattal működik.

BarkBox

a domináns rózsaszín szín a BarkBox honlapján megismétlődik az egész helyszínen különböző árnyalatokban. Gyönyörűen ellentétben áll a kék színnel, amelyet a logókban és a CTA-kban használnak az egész oldalon.,

kiegészítő színek használata a látogatók figyelmének felhívására, ahol szeretné, segíthet javítani a webhely színpalettáját.

sajt túlélési készlet

a piros rendkívül népszerű szín a weboldal színpalettájához. Az érzelmek gazdag keverékét közvetítheti, ami nagyon sokoldalúvá teszi. Különösen erős, ha kis adagokban használják, amint azt a Cheese Survival Kit webhelyén látja.,

A piros edzett több semleges színek, a kék segít átütően a CTAs, illetve egyéb területeken, ahol az üzleti akarja felhívni a látogató szeme.

Nordic Ruby

Nordic Ruby, a stockholmi konferencia, egy gyönyörű weboldal célja a gazdag ékszer hangok. A választott színek ezen a honlapon színpaletta kölcsön neki kifinomultság, és állítsa eltekintve kevésbé hatásos minták.,

Nona — tó

a Nona-tó egy adott hely weboldala-kifejezetten a víz közelében. Következésképpen nem meglepő, hogy itt kék szín jelenik meg. A többi semleges szín hagyja, hogy a kék szépen kitűnjön.

LemonStand

ismét nem meglepő, hogy egy Lemon Stand nevű cég sárga lenne a weboldal színpalettáján. A blues és a szürke szépen párosul a sárgával, és segít enyhíteni a fényességét.,

Mint

A pénzverde egy finanszírozásra szánt weboldal, így a zöldek és a blues használata jó választás. Segítenek közvetíteni a nyugalmat, a békességet és a bizalmat. A barna család semleges árnyalatai általános földes színpalettává teszik, amely megnyugtatja az érzékeket.

Odopod

Odopod a monotone színpalettával jár, de segít elkerülni, hogy unalmas legyen a gradiens a honlapján., A nagy tipográfia kiváló kontrasztot nyújt, és nyilvánvaló, hogy hol kell kattintani.

Fiverr

előfordulhat, hogy sok vállalat különleges színt tart fenn — Fiverr, green esetében — kizárólag CTA-k esetében. Nem jelenik meg máshol az oldalon. Valójában még a ColorFav sem vette fel, mert a semlegesebb színek uralják.,

Digital Photography School

elvárná, hogy a grafikát középpontba állító vállalkozásnak legyen egy parancsoló weboldal színpalettája, és a digitális Fotográfiai iskola nem okoz csalódást. Az élénk színek segítenek felhívni a nézőt. Csakúgy, mint a Fiverr, a CTA-ban használt narancs nem is jelenik meg a webhely palettáján, mert takarékosan használják az ütközéshez.,

Ahrefs

Ahrefs egy példa egy olyan webhelyre, amely liberálisan használja színpalettáját. A sötétebb kék szolgál domináns színként, de annak változatai az egész helyszínen léteznek. Ugyanez vonatkozik a narancs, rózsaszín, teal színek.

Millo.co

Millo.co használ egy nagyon egyszerű honlap színpaletta, és ez jobb neki. Pontosan tudjuk, hol kell keresni, amikor meglátogatunk egy ilyen webhelyet.,

Brian Gardner

egyes vállalatok és magánszemélyek a monokromatikus színpalettát a végletekig viszik. Brian Gardner, webdesigner egy fekete-fehér színsémát használ, amely tökéletesen működik. A minimalizmus márkáján alapul, így tükrözi értékeit és hitét.

szövőszék

a lágy színek jól működhetnek, ha a látogatót könnyedén szeretné elhelyezni. A szövőszék lazacot és babakékat tartalmaz., Ez jól működik, különösen a sötétebb kék szín elérhető CTA és más fontos elemek az oldalon.

hasznos források listája a tökéletes weboldal színpaletta kiválasztásához

itt vannak 18 színpaletta erőforrások, amelyek beállítják Önt a webhely tökéletes palettájával.

először inspirációra van szüksége?

1: BrandColors

a BrandColors megmutatja, hogy a vezető márkák hogyan használják a színt vállalkozásaik megkülönböztetésére, elmondják márkatörténeteiket, és tudatják ügyfeleikkel, hogy mit képviselnek., Akkor lapozzunk betűrendben egy listát a vállalatok, nonprofit szervezetek, startupok, vagy keressen márkanév.

readymade palettát keres?

2: ColourLovers

a ColourLovers a paletta tervezésének fóruma, a felhasználók által benyújtott közel 2 millió palettával. Akkor vadászni “paletták, amelyek tartalmazzák ezt a színt,” Tallózás, vagy kövesse a tervezők. Gyakran előfordul, hogy megtalálja változatai ugyanazt a palettát, így színárnyalat telítettség lehetőségek kész.

(szeszélyes nevekkel kiegészítve.,)

3: ColoRotate

ColoRotate jön egy könyvtár színsémák lehet böngészni, válasszon és módosítsa. Ha meg akarja építeni a sajátját a semmiből, akkor egy 3D-s színes eszközzel. A Photoshopban vagy a Fireworksben létrehozott sémát pedig a ColorRotate plugin és az iPad alkalmazás segítségével használhatja.

egyezik a Branding

de mi van, ha már van képek, logók vagy branding, hogy a honlap színeinek meg kell egyeznie?,

4: Színes Hunter

Szín Vadász nem egy eszköz, egy hatalmas funkcionalitás, mint pár multifunkciós erőműve ezen a listán. Ehelyett ez egy szilárd megoldás egy dologhoz: egy adott szín nyomon követése. Lépjen a webhelyre, majd dobjon be egy képet, az eszköz pedig palettát hoz létre az Ön számára a képből. Ez egy szilárd módja annak, hogy hozzon létre színes paletták körül képeket kell a helyszínen, hogy harmonizáljanak, és akkor is használja, hogy fordított mérnök a paletták oldalak tetszik a megjelenés.,

5: Pictaculous

Pictaculous színes palettákat generál a fotókból – töltsön fel egy fényképet, a Pictaculous pedig színeket javasol hozzá. Amellett, hogy palettát kínál a feltöltött fotó alapján, a Pictaculous kész színsémákat kínál, amelyek megfelelnek.

Ezek az eszközök teljes színpalettákat generálnak.

6: Adobe Color CC Color Wheel

Ez az eszköz Adobe Kuler néven volt ismert, és alapszín-összehasonlító oldalként indult. Most, ez egy teljes teljesítményű színpaletta építési rendszer., Ez lehetővé teszi, hogy próbálja ki, összehasonlítani, majd mentse színkombinációk alapján színes gömb. Kiválaszthatja a paletta típusát, valamint ötszínű palettákat hozhat létre az eszköz különböző szintű bemeneteivel, beleértve a teljesen egyedi és közel automatikus.

7: Paletton

a Paletton lehetővé teszi a színpaletta gyors felépítését. Válassza ki a kívánt sémát: mono, komplementer, triadic, tetradic, analóg vagy ékezetes analóg. Ezután, amikor megváltoztatja az egyik színt a sémában, a többiek úgy változnak, hogy megfeleljenek.,

8: Color Spire

Color Spire épít egy színpalettát egyetlen színből. Kiválaszthat egy kezdő színt, a Color Spire pedig egy színpalettát javasol, amelyet vele együtt kell használni. Ezenkívül előnézetet is biztosít, amely lehetővé teszi, hogy megnézze, hogyan néznek ki az általa ajánlott színek a minta webhelyén.

9: MudCube Color Sphere

(forrás: http://htmlcolorcodes.com/resources/best-color-palette-generators/)

a MudCube Color Sphere egy króm plugin, amely segít a színek harmonizálásában, a színek szabályozásában és a hex kódok azonosításában., Exportálhatja is színes programok közvetlenül Illustrator, PhotoShop, valamint CoIRD.com.

10: Összetartó Színek

Összetartó Színek veszi a jelenlegi palettán, valamint lehetővé teszi, hogy manipulálni, hozzátéve, egy overlay árnyalat a színt, s így egy új paletta, a meglévő, gyorsan, egyszerűen.

11: Hex színséma generátor

Ez az eszköz lehetővé teszi, hogy olyan színeket hozzon létre, amelyek a már meglévő színnel kombinálva működnek. Ez egy kicsit alaposabb, mint néhány színgömb eszköz ebben a listában., Beillesztesz egy hexadecimális számot az eszközbe, vagy rákattintasz a színkerékre, majd visszatér 3 további színkészlettel, amelyek megfelelnek a hexadecimális kódoknak.

épület a színek

néhány ilyen eszközök kell, hogy van egy szín szem előtt tartva, hogy kezdődik. Ha nincs branding meg kell egyeznie, és BrandColors nem mutat semmit, hogy megakadt a szemed, meg lehet kezdeni a semmiből.,

12: the Color App

Ez az iOS eszköz lehetővé teszi, hogy finom döntéseket között hasonló színek, lefektetve őket egyértelműen némi helyet közöttük, nem pedig a színátmenetek, mint a színes kerekek és gömbök. A nagy színes rácsok lehetővé teszik a teljes képernyő használatát (iPad Pro felhasználók, örüljetek!) és lehetővé teszi a színek mintázását, az RGB, A Hex és a HSLA értékek megtalálását, valamint a színpaletták létrehozását a semmiből.,

13: Color

Color, hailpixel, lehetővé teszi, hogy valóban köröm le pontosan melyik színt szeretné, majd megadja a hexadecimális kódot is.

vigye az egérmutatót a képernyő fölé, és mozgásakor a szín nagyon kissé megváltozik – olyan, mint egy színes gömb, amely folyamatosan visszatér a Hexakódokba. Mozgassa át a képernyőt a szín érdekében, fel-le a telítettség érdekében.

Szerezd meg a színkódokat

ha valahol láttál egy színt, és nem tudod pontosan, hogy minek nevezed, ezek az eszközök az Ön számára.,

14: SpyColor

SpyColor ad információt bármilyen színű, beleértve a Hex, RGB, CMYK és egyéb kódok. Az eszköz megmutatja számos séma típusok, mint a kiegészítő, split-komplementer, triadic, clash and analogous, minden szín oldalon.

15: HTML színkódok

a HTML színkódok hex kódokat találnak a kép színeihez a böngészőben. Kiválaszt egy képet az asztalról, majd kattintson a “Kép megtekintése” gombra, majd az egérrel a kép különböző részeihez tartozó Hexakódok beszerzéséhez.,

tesztelje palettáját

miután egy színpaletta van a helyén, tudnia kell, hogy működni fog-e a különböző látogatók számára.

16: Check My Colours

Check My Colours segítségével ellenőrizheti a színpaletta előtér-és háttérszíneit, ügyelve arra, hogy azok megfelelő kontrasztot biztosítsanak valakinek, akinek színhiánya van. Ha azt szeretnénk, hogy colorblindness-proof a webhely, vagy csak kap a leghatékonyabb, intuitív színkombinációk egy UX szempontból, ez az eszköz felbecsülhetetlen., Dobj be egy URL-t, és kiköp egy jelentést:

… amely alapvetően átmegy a webhely összes kódján, és besorolja az összes vizuális elemet a láthatóságon.

képek illesztése

most a színpaletta a helyén van, és tudod, hogy szuper látható, szüksége lesz néhány képre, hogy megfeleljen.

17: TinEye

TinEye jobban ismert a Google Képkeresésének alternatívájaként., De ez is működik, mint egy módja annak, hogy vizsgálja meg a színkombinációk, adatbázis segítségével több mint 10 millió Creative Commons licenc fényképek betakarított Flickr. Ha tökéletes színkombinációban keres képeket,ez egy nagyszerű, könnyen használható módszer a vadászatra.

18: Designspiration

Designspiration segítségével akár öt színárnyalatot is kiválaszthat egy teljes oldalas palettáról, amely lehetőséget ad arra, hogy tisztán láthassa a színeket. Ezután a webhely megjeleníti az adatbázisban lévő összes képet ezzel a színkombinációval., Ez azt mutatja, Hex számok egyértelműen, és lehetővé teszi, hogy kattintson az egyes hexadecimális számok. A képeket a webhely gyűjteményeire mentheti, valamint letöltheti azokat.

hogyan kell használni a honlap viselkedését eszköz, hogy elemezze a legjobb színpaletták

lehet, hogy úgy gondolja,hogy csak annyit kell tennie, hogy válasszon egy honlap színpaletta és haladjon előre teljes gőz előre. Nem ez a legjobb módja az üzletnek.

Gondolj bele. Teszteli a CTA-kat, a címsorokat és más weboldal elemeket. Miért kell a színnek különböznie?,

a webhely viselkedéselemző eszköze, mint a Crazy Egg, tökéletes lehetőséget kínál arra, hogy kitalálja, hogyan reagál a közönség az aktuális színpalettára.

A felhasználói viselkedésjelentések, mint például a hőtérképek, megmondják, hogy a színek elkapják — e a legfontosabb emberek szemét-a jelenlegi és potenciális ügyfelek.

ha nyers adatok vannak a kezedben, megalapozott döntéseket hozhat a webhely színpalettájáról.,

képzelje el, hogy létrehozott egy weboldalt a sport szerelmeseinek, és kiválasztotta a kék és rózsaszín színeket, valamint néhány semleges szürkét. A közönségnek nem tetszik.

talán nem elég jól közvetíti a képet. A sportkedvelők kedvelhetik a merészebb, sötétebb színeket és a földes tónusokat.

nem fogja tudni, amíg nem teszteli.

kezdje el használni a Crazy Egg

Hozzon létre egy ingyenes Crazy Egg fiókot az ingyenes próbaverzió megkezdéséhez, vagy jelentkezzen be a felhasználói viselkedésjelentések beállításához.

egyszerre több tesztet is futtathat, így nem pazarolja az órákat, napokat vagy heteket., Ehelyett valós időben rögzítheti az adatokat, és újra összpontosíthatja erőfeszítéseit a lehető legjobb színpaletta megtalálására.

következtetés

a webhely színpalettájának nemcsak a márkáját kell tükröznie, hanem a közönség számára is vonzónak kell lennie. Ellenkező esetben előfordulhat, hogy az Ön webhelye kikapcsolja az embereket anélkül, hogy észrevenné.

Kezdje azzal, amit szeret. Fontolja meg egy olyan paletta kiválasztását, amely különbözik a többiektől a fülkében, így kiemelkedik. Ezután kezdje el a tesztelést.

könnyű megváltoztatni a webhely színeit. Ha ismeri a HTML-t, manuálisan megváltoztathatja a HEX kódokat a témafájlokban., Sok WordPress téma olyan testreszabókkal is rendelkezik, amelyek lehetővé teszik a színek megváltoztatását kód ismerete nélkül.

adja meg magának a lehetőséget, hogy webhelye a lehető legvonzóbb és legemlékezetesebb legyen.