loader

Pagrindinis

Injekcijos

Saugios interneto spalvos

Mes siūlome jums spalvų paletę, rekomenduojamą ekrano dizainui. Saugios spalvos visada yra vienodos, kai juda iš vienos naršyklės į kitą, iš vieno monitoriaus į kitą arba iš vienos platformos į kitą, o jų skiriamoji geba ir spalvų perteikimo galimybės.

Jei žiniatinklio naršyklė negali tinkamai parodyti tam tikros spalvos, ji bando suderinti panašią spalvą arba sumaišoma kelios gretimos spalvos. Gali atsitikti taip, kad pradinę spalvą pakeis visiškai netinkama spalva..

Šiandien patartina naudoti saugią paletę jau labai prieštaringai, tačiau ją naudojant galite būti tikri, kad spalvos atrodys nuolat gerai ir be iškraipymų net labai senuose kompiuteriuose - iki 8 bitų rodymo režimo, palaikant tik 256 spalvas.

Saugios spalvos buvo gautos matematiškai, ne todėl, kad kažkam jos labiau patiko. Norėdami gauti saugią raudonos, žalios ir mėlynos spalvos spalvą, turite naudoti tik šias dešimtaines reikšmes: 0, 51, 102, 153, 204, 255 - ir jokių kitų. Kiekviena iš trijų šešioliktainių reikšmių neturi skirtis nuo 00, 33, 66, 99, CC, FF.

Saugių žiniatinklio spalvų diagrama

Paletę sudaro 216 saugios žiniatinklio spalvos. Po kiekviena spalva nurodomos dvi reikšmės - RGB, norint sukurti spalvą grafikos redaktoriuje, ir jos šešioliktainis HEX kodas, kad spalva būtų pažymėta HTML.

SkyLena ›Tinklaraštis› Stereogramos ar paveikslėliai akims atsipalaiduoti

Kam reikalingos stereogramos?
Kai kurie žmonės ieško linksmybių, kiti - akių labui, kodėl?
Žiūrint stereogramas, treniruojami akių raumenys, kurie sustiprina ir prailgina regėjimo aštrumą, kai kuriais atvejais ir išsaugo visą gyvenimą..
Stereogramų peržiūra gali būti rekomenduojama ypač žmonėms, kurie daug dirba su spausdintais leidiniais, tose vietose, kur jums reikia nuolat įtempti akis, žmonėms, kurie daug laiko praleidžia prie kompiuterio ir pan. Jei dirbdami paįvairinsite trumpą poilsį žiūrėdami tokias nuotraukas, pajusite, kaip akys pradeda jausti mažiau diskomforto ir greičiau atsipalaiduoja, kai jums nereikia įtempti akių..
Kai kurie oftalmologai rekomenduoja žiūrėti stereogramas, tai yra naudinga ir įdomu.

Kaip pamatyti stereogramą?
Siūlau keletą būdų, po kurių praleidę šiek tiek laiko ir pastangų, galėsite pamatyti stereogramą, jei ji neveikia, nesijaudinkite, ilsėkitės ir bandykite dar kartą pagal vieną iš pateiktų metodų - žmonėms, turintiems regos sutrikimų ir kurie paprastai pamatė trimatį vaizdą, pagal statistiką žmonės nemato stereogramų, mažesnių nei 1%, todėl drąsiai bandykite mėgautis.

Negalima įtempti akių, atrodyti lyg niekur nieko, tarsi apie ką nors galvotum, akys palaipsniui atsipalaiduos.
Nekreipkite dėmesio į jokią modelio dalį. Iš pradžių stereograma neatrodys aštri, po trumpo laiko nuo kelių sekundžių iki poros minučių turėtų pasirodyti trimatis vaizdas, laikui bėgant jį gausite greitai ir lengvai, o vaizdas bus aiškus.
Atminkite, kad žiūrėdami stereogramą, neapkraukite akių, kitaip jums gali nepasisekti.

Atsisėskite patogiai, kad tarp akių ir stereogramos būtų maždaug 30–40 cm atstumas.
Pavyzdžiui, įdėkite pieštuką į tarpą ir pažiūrėkite į patį viršutinį jo kraštą. Laikydami žvilgsnį į pieštuko galiuką, lėtai keiskite atstumą nuo savęs iki stereogramos. Po kelių bandymų pamatysite paslėptą 3D vaizdą.

Kokios spalvos laikomos labiausiai kenksmingomis akims?

Psichologai teigia, kad spalvos įvairiai veikia suvokimą, nuotaiką ir pasirodymą. Pavyzdžiui, manoma, kad mėlyna spalva sukelia ramybės ir atsiribojimo jausmą. Be to, jis taip pat laikomas labiausiai kenksmingu akims. Gydytojai mano, kad spektro bangos, svyruojančios nuo mėlynos iki ultravioletinės, yra kenksmingos akims. Žmogus beveik nuolat kontaktuoja su mėlynomis šviesos bangomis: jos atsispindi nuo kompiuterio monitorių, įtaisų ekranų, LED lempų.

Pirmą kartą Toledo universiteto (JAV) specialistai ištyrė biocheminius mechanizmus, kurie veikia, kai tinklainės ląstelės apšvitinamos mėlyna šviesa. Jų darbo rezultatai skelbiami žurnale „Nature“.

Ką jie sužinojo?

Mokslininkų grupė atliko eksperimentą su fotoreceptorių ląstelėmis tinklainėje. Tyrėjai juos paveikė mėlyna šviesa. Paaiškėjo, kad jai veikiant tinklainė (tinklainėje randama vitamino A forma) pradėjo kauptis per daug ir tapo toksiška. Tuo pačiu metu buvo suaktyvinti procesai, dėl kurių labai padidėjo kalcio koncentracija citoplazmoje. Dėl to įvyko dalinė tinklainės ląstelių mirtis. Šis procesas išprovokuoja geltonosios dėmės degeneracijos vystymąsi: progresuojančią tinklainės centrinio regiono ligą, dėl kurios prarandamas regėjimo aštrumas. Paprastai senėjimas laikomas pagrindiniu šios ligos rizikos veiksniu..

Kaip veikia kitos spalvos??

Mokslininkai atliko panašų eksperimentą su geltona, žalia ir raudona šviesa: kai ląstelės buvo veikiamos tokio tipo radiacijos, pavojingos biocheminės reakcijos nebuvo sukeltos.

Kaip išsaugoti regėjimą nuo mėlynos spinduliuotės poveikio?

Tyrėjai pažymi, kad nustatytas mechanizmas ateityje padės sukurti veiksmingas priemones apsaugoti akis nuo mėlynos spalvos. Tuo tarpu jie pataria mažiau laiko praleisti prie monitorių ir stengtis išvengti ekranų ir šviesos diodų švytėjimo naktį..

Geriausios svetainės spalvos: filmų paletės

Vienas iš pirmųjų klausimų, kylančių prieš kuriant svetainę, yra tai, kokias spalvas pasirinkti dizainui. Galų gale, jie turi įtakos ne tik išvaizdai ir stiliui, bet ir sėkmei kalbant apie apsilankymo trukmę ir išpardavimus..

Spalvų paletės pasirinkimas yra keblus procesas dėl begalinio galimų derinių skaičiaus. Interneto dizaineriai gali valandų valandas spustelėti spalvų ratą „Photoshop“, ieškodami tobulo atspalvio, kad įgautų dizainą.

Mes „TemplateMonster“ nusprendėme, kad kinematografija gali būti puikus įkvėpimo šaltinis, ir paruošėme jums spalvų paletes iš garsių filmų kadrų.

Geriausios svetainės dizaino spalvos

Rinkdamiesi svetainės spalvų paletę, pagalvokite, kokius jausmus ir emocijas ji turėtų perduoti. Štai 5 pagrindinės spalvos ir asociacijos, kurias žmonės turi su jomis:

  • Mėlyna: pasitikėjimas, ramus, sėkmė
  • Violetinė: žavesys, žavesys, prestižas
  • Žalia: ilgaamžiškumas, ekologiškumas, patikimumas
  • Geltona: modernumas, entuziazmas
  • Raudona: pasitikėjimas savimi, kompetencija, motyvacija

Šaltos spalvos puikiai perteikia profesionalumą ir ramybę. Šiltos spalvos yra geras pasirinkimas, jei jūsų prekės ženklas atspindi energiją, aistrą ir entuziazmą. Naudokite nykščio taisyklę, kai 60% yra dominuojantis atspalvis, 30% yra antrinė spalva, o 10% - akcentai (pvz., CTA).

Taigi pažvelkite į šias spalvų paletes - kiekviena iš jų gali suteikti jūsų dizainui ypatingą atmosferą.!

Spalvos svetainei mados ir grožio tema

Įnoringi pasteliniai atspalviai atrodo gaivūs, stilingi ir jaunatviški. Jie sutelkia lankytojų dėmesį į produktą ir padeda atskirti produktų grupes.

„Edvardo žirklinės“

Ši paletė tinka moteriškų drabužių, aksesuarų ir juvelyrikos parduotuvės svetainei.

85% pirkėjų renkasi pagal spalvą. Praktinis vadovas, kaip teisingai pritaikyti spalvas

KISSmetrics atlikti tyrimai patvirtina, kad 93% sprendimų priimama remiantis tuo, kad kažkas atrodė geriau. 85% šios respondentų grupės atsakė, kad spalva yra priežastis, kodėl jie pasirinko būtent šį, o ne konkurento produktą..

Nukreipimo ir produktų puslapiai, žinoma, turėtų būti kuo lakoniškesni, tačiau yra ir patikrintų taisyklių, kurių tikrai reikėtų laikytis. Mes nusprendėme neperkrauti savo skaitytojų daug informacijos apie psichologinį spalvų poveikį, bet pateikti praktinį vadovą su ryškiais pavyzdžiais, kuriuos galite nedelsdami įgyvendinti.

Emocijų spalvos

Prekės ženklo spalvos turėtų sukelti tinkamas emocines vartotojų ir klientų asociacijas, tuo pačiu pabrėždamos jūsų unikalų stilių. Pirmiausia reikia pasirinkti emociją, kurią turėtų jausti tikslinė auditorija. Tada pasirinkite spalvą, susietą masinėje sąmonėje su jūsų pasirinkta emocija. Toliau pateikti pavyzdžiai gali būti paprastas spalvų susiejimo erdvės vadovas. Galiausiai, nusprendę, kokią emociją norite perduoti spalvomis, turite nuspręsti, ar savo verslą apibūdinsite vienos spalvos vizualiniu dominavimu, ar papildysite ją kitomis..

Šilta jauku ruda

Ruda spalva puikiai sukuria saugumo jausmą. Jis pabrėžia tvirtą charakterį. Ruda spalva siejama su namais, židiniu, komfortu ir šiluma. Beje, derinant skirtingus rudos spalvos atspalvius arba sumaišius juos su pilka, mėlyna ir kitomis spalvomis, gaunamas akiai malonus rezultatas..

Rudas - tvirtas, žemiškas, patikimas, principai

Žaisminga žalia

Žinoma, kad žalia spalva raminanti. Jis naudojamas ligoninėse ir visur, kur reikia įtikinti žmones saugumu ir paraginti juos veikti. Šią spalvą galite naudoti atsisiuntimo mygtukams, dovanoti mygtukus ir pažadinti atsipalaidavimo jausmą..

Jei pozicionuosite savo prekės ženklą kaip „žaismingą“, „energingą“ ar „sąmoningą aplinkai“, tada žalia spalva ir jos atspalviai kartu su mėlyna ar oranžine spalva bus būtent tai, ką užsakė gydytojas..

Žalia - taika, vystymasis, augimas, sveikata.

Rimta mėlyna

Mėlyna spalva (ypač tamsiai mėlyni atspalviai) siejama su pasitikėjimu, patikimumu ir ramybe. Jis puikiai derinamas su pilka, ruda ir geltona spalvomis. Bet jei nenorite „pamesti“ rimtumo, tuomet šie atspalviai turėtų būti naudojami labai atsargiai: labiausiai nesočiais tonais ir mažose vietose.

Atkreipkite dėmesį, kiek bankų naudoja mėlyną spalvą? Mėlyna spalva atspindi priklausomybę. Jį taip pat galima pasirinkti valdikliams, kurie reikalauja, kad vartotojas atliktų veiksmus, susijusius su pinigų operacijomis..

Mėlyna / mėlyna - tradicija, patikimumas, saugumas, tvirtumas, standartas

Energinga raudona

Norite pabrėžti galią, energiją ir dinamiškumą? Sukurkite raudonų atspalvių derinį. Visi raudonos spalvos atspalviai yra susiję su švente ir šventine nuotaika, todėl galite saugiai jį naudoti savo Naujųjų metų kampanijose. Tačiau būkite atsargūs, neduokite lankytojams „spalvoto kadro“. Suteikite jiems galimybę vizualiai atsipalaiduoti didelėse baltose erdvėse.

Naudokite raudoną spalvą, jei norite atkreipti dėmesį ir parduoti prekę už etiketėje nurodytą kainą. Ir nenaudokite, jei platinate nemokamą programinę įrangą (tai bus susijusi su virusais ir pavojais).

Raudona - energija, skubėjimas, trūkumas, pardavimas, skubumas, aistra

Naudokite oranžinę spalvą, kai jums reikia raginimo veikti. Tinkamiausia naujienlaiškių, registracijos mygtukų ir „pirkti dabar“ prenumeratos spalva.

Oranžinė - vidutinis agresyvumas, aktyvumas, ryžtas, drąsa, motyvacija veikti

Geltona spalva yra geriausias dėmesio griebėjas. Jis išsiskiria bendru fonu nesukeldamas pavojaus. Jį galite naudoti suasmenintiems naujienlaiškiams, formos pateikimo mygtukams ir nemokamoms el. Pašto prenumeratoms..

Geltona - gaivumas, laimė, neįkyrus stimuliavimas, optimizmas

Sėkmingiausia spalva naujovių rinkai ir rafinuoto skonio auditorijai. Ši spalva pritraukia pardavimo entuziastų ir nesenstančių vertybių ieškotojų dėmesį..

Turkis - tobulinimas, ekonomiškumas, išradingumas, paguoda, prabanga

Violetinė spalva simbolizuoja gausą, aukštą kilmę ir kūrybiškumą. Tai puikiai tinka parduoti vartojimo prekes. Tačiau būkite atsargūs ir neužgniaužkite vartotojo slegiančia violetine spalva.

Violetinė - pagarba, patikimumas, ramus, gausa, kūrybiškumas

Pilka / juoda ir balta derinys

Juoda spalva yra geras pasirinkimas, jei parduodate plataus vartojimo prekes, pavyzdžiui, prabangų automobilį ar techniką. Galingas ir blizgus, jis naudojamas prabangos prekėms reklamuoti ir yra puikus, jei norite paryškinti ar padaryti įspūdį.

Pilka / juodos ir baltos spalvų derinys - pusiausvyra, neutralumas, ramybė. Juoda - prabanga, pagarba, jėga, blizgesys, drąsa

Vietoj išvados

Nepriklausomai nuo firminio prekės ženklo tapatumo, rinkitės spalvas, kurios gali tyliai išreikšti „asmenybę“.

Nepamirškite apie būtinybę išskaidyti pasirinktas spalvas ir jų derinius! Nepamirškite, kad kiekvienoje rinkodaros nišoje yra spalvų standartai, todėl jūs turite atskirti nukreipimo puslapį ar svetainę nuo konkurentų žiniatinklio išteklių, neperžengdami savo pramonės nustatytos estetinės koncepcijos ribų. Tai yra pasiekiamas tikslas..

Spalvos kuriant internetą: kaip sukelti vartotojui tinkamas emocijas

Spalva lemia vartotojo emocinę reakciją į svetainę, net jei pats asmuo apie tai nežino. Kokias spalvas naudoti fonui ir skirtingiems svetainės elementams, norint sukelti tam tikrus pojūčius, ir kaip teisingai derinti spalvas kuriant internetą, skaitykite žemiau.

Per visą žmonijos istoriją meistrai tapytojai buvo visuotinai pripažinti dėl gebėjimo dirbti su spalvomis. Šiuolaikiniame pasaulyje specialistai, kurie moka derinti spalvas komerciniais ir verslo tikslais - reklamoje ir internetiniame dizaine - yra vienodai pripažinti..

Gebėjimą naudoti spalvas galima pumpuoti neribotą laiką. Tai yra tikra žmogaus poveikio galimybių bedugnė..

Mes apžvelgsime spalvų teorijos pagrindus ir spalvų schemą, tada kalbėsime apie emocinį kai kurių spalvų poveikį..

Spalvų teorija

Spalvų temai gali būti skirta visa knyga, todėl jos nepriimsime visos, o apsiribosime tik naudinga informacija, kurią galima naudoti kuriant sąsajos dizainą.

Spalvų teoriją galima suskirstyti į tris dalis:

Kontrastas

Kiekvienas atspalvis turi priešingą, galima sakyti, „nemeziją“, kuri yra didžiausias šios spalvos kontrastas. Norėdami rasti tokią spalvą, galite naudoti spalvų ratą. Tiesiog pasirinkite spalvą priešingoje apskritimo pusėje.

Papildymas

Šios spalvos ne visada prieštarauja viena kitai. Papildomos spalvos pabrėžia viena kitą, priešingai nei kontrastingos. Spalvų rate šios spalvos seka viena kitą, pavyzdžiui, papildomos alyvinės spalvos - mėlyna ir rožinė.

Rezonansas

Kiekviena spalva kelia tam tikrą nuotaiką. Ryškios šiltos spalvos (raudona, oranžinė, geltona) užpildo žmogų energija, pažadina jį, o šalti tamsūs atspalviai (žalia, mėlyna, violetinė), priešingai, atpalaiduoja ir ramiai.

Pavyzdžiui, „BBC News“ naudoja raudoną naršymo juostą, kad pažadintų skaitytoją ir padidintų jų susijaudinimą. Atsižvelgiant į svetainės specifiką - sensacingas naujienas - raudona spalva atrodo kaip logiškas sprendimas.

Spalvų teorija kuriant internetą yra ne tik dekoravimas. Spalva gali pakeisti jūsų svetainės suvokimą ir atlikti svarbų vaidmenį jūsų versle.

Emocinis spalvų suvokimas

Niekas nepaneigs glaudaus spalvų ir emocijų sąveikos. Ir, žinoma, bet kuris interneto dizaineris nori pasinaudoti šia įtaka norėdamas sukurti tinkamą kiekvienos svetainės atmosferą..

Remdamiesi keliais tyrimais - „Vandelay Design“ svetainėje paskelbta analize ir „Smash Magazine“ įrašu apie spalvas - paaiškinsime, kaip spalvos veikia emocijas ir padės sukurti UX dizainą..

Svarbu atsiminti, kad skirtingos pasaulio kultūros skirtingai suvokia spalvas. Aprašysime emocines asociacijas, būdingas tik Vakarų kultūrai..

Raudona

Emocijos ir asociacijos: galia, svarba, jaunystė.

Labiausiai stimuliuojanti spalva, taip energingai įkrauta, kad gali net padidinti kraujospūdį. Raudona spalva atspindi aistrą ir galią ir labiau traukia akį nei kitos spalvos, todėl ji dažnai naudojama svarbiems įspėjimams ir pranešimams..

Pavyzdžiui, raudona spalva labai tinkama „No Way NSA“ svetainei, kuria siekiama įspėti apie įtariamas grėsmes..

Puikiai naudojama daug raudonos spalvos puslapio viršuje, nes tai atkreipia dėmesį į svarbią pranešime pateiktą informaciją. Tuo pačiu metu žmonės linkę greitai palikti raudoną „pavojaus zoną“ ir slinkti žemyn. O tai savo ruožtu leidžia vartotojui parodyti daugiau turinio..

Tačiau ši spalva gali veikti ir prieš jus, nes gali sukelti agresiją ar per didelę stimuliaciją. Jei norite sukurti atpalaiduojančią atmosferą, pabandykite saikingai naudoti raudoną spalvą ir rinkitės šviesesnius raudonos spalvos atspalvius..

Oranžinė

Emocijos ir asociacijos: draugiškumas, energingumas, unikalumas.

Kaip ramiausias iš šiltų tonų, oranžinė spalva gali sukelti daugybę įvairių emocijų. Kaip pagrindinė spalva ji gali sukelti susidomėjimą ir pagyvinti, o kaip antrinė spalva - išlaikyti šias savybes, tačiau labiau neįkyriai..

Be to, oranžinė spalva padeda sukurti judėjimo ir energijos pojūtį. Pavyzdžiui, jis puikiai atrodo „Fanta“ animacinių filmų svetainėje, kuri primena jaunystę ir judesį. Spalva siejama su kūrybiškumu, išlaikant pažįstamą prekės ženklo jausmą.

Geltona

Emocijos ir asociacijos: laimė, entuziazmas, archajiškumas (tamsesni tonai).

Tai yra viena iš universaliausių spalvų, o jos sukeliamos emocijos labiau priklauso nuo atspalvio..

Ryškiai geltona spalva prideda energijos, tačiau be ryškumo ir ryškumo, kuris yra raudonos spalvos. Vidutiniai geltonos spalvos atspalviai kelia komfortą, tačiau vis tiek gaivina. Tamsi atspalviai (įskaitant auksą) suteikia senovės pojūtį, užpildo erdvę nesenstamumu, išmintimi ir smalsumu.

Pavyzdžiui, interneto dizaino agentūros „Flash Media“ pagrindiniame puslapyje tamsesni geltonos spalvos atspalviai skleidžia energiją, smalsumą ir autoritetą. Ši spalva puikiai tinka įmonėms, kurios uždirba pinigus iš konsultacijų ir nori pabrėžti savo profesionalumą.

Žalia spalva

Emocijos ir asociacijos: augimas, stabilumas, finansų temos, aplinkosaugos temos.

Žalia yra tiltas tarp šiltų ir šaltų atspalvių, nors paprastai būna labiau šalta. Tai reiškia, kad žalia spalva turi atpalaiduojantį mėlynos spalvos efektą, tačiau taip pat turi šiek tiek energijos iš geltonos spalvos..

Todėl tai sukuria labai subalansuotą ir stabilią atmosferą. Tamsesni žalios spalvos atspalviai sukuria turto ir gausos įspūdį, kaip matyti „Ameritrade“.

Mėlyna spalva

Emocijos ir asociacijos: ramybė, saugumas, atvirumas (šviesesni atspalviai), patikimumas (tamsesni atspalviai).

Kaip ir geltonos spalvos atveju, mėlynos spalvos poveikis labai priklauso nuo atspalvio. Visi mėlyni atspalviai yra universalūs atsipalaidavimo ir saugumo požiūriu, tačiau šviesūs tonai siejami su draugiškumu, o tamsūs - su liūdesiu..

Socialinės žiniasklaidos svetainėse, tokiose kaip „Twitter“ ir „Facebook“, naudojami šviesesni ir vidutiniai mėlyni atspalviai, o įmonių svetainėse - tamsesni stiprybės ir patikimumo atspalviai..

Puikus pavyzdys yra renginių dizaino agentūra „Van Vliet & Trap“. Naudodami mėlynas gėles kaip foną, jie vizualiai užsiminė apie savo žinias ir įgūdžius floristikoje, taip pat sukūrė patikimumo ir pasitikėjimo jausmą..

Van vliet & spąstai

Tai labai svarbu, nes jie dirba su renginiais, kur vizualumas yra labai svarbus, pavyzdžiui, vestuvėmis..

Violetinė

Emocijos ir asociacijos: prabanga, romantika (šviesūs atspalviai), mistika ir paslaptis (tamsūs atspalviai).

Violetinė spalva istoriškai siejama su karališkąja didybe, užsimenama apie prabangą. Violetiniai atspalviai atspindi dosnumą ir turtus apskritai, todėl jie yra puikus pasirinkimas mados ir prabangos prekėms (net šokoladui, pavyzdžiui, „Cadbury“, kuris pasirinko jį kaip prekės ženklo spalvą).

Šviesesni atspalviai, tokie kaip levanda (violetinė su rausvu atspalviu), kelia romantiškas mintis, o tamsesni - prašmatnesni ir paslaptingesni..

Juodas

Emocijos ir asociacijos: galia, rafinuotumas, nervingumas.

Stipriausia neutralių spalvų juoda spalva rodoma beveik bet kurioje svetainėje. Tai gali sukelti skirtingas asociacijas, priklausomai nuo jį lydinčių spalvų, arba dominuoti jose, jei jos naudojamos per daug..

Juodos spalvos stiprumas ir neutralumas daro jį puikiu pasirinkimu dideliems teksto blokams, tačiau kaip pagrindinė spalva jis gali sukelti nervingumo jausmą ar net būti susijęs su blogiu..

Daugumoje svetainių juoda spalva naudojama rafinuotumo jausmui sukurti. Minimalistinio dizaino juodos ir baltos spalvos derinys suteikia elegancijos ir stiliaus įspūdį, kaip BOSE „Dream and Reach“ svetainėje..

Balta

Emocijos ir asociacijos: grynumas, paprastumas, dorybė.

Vakarų kultūroje balta spalva siejama su tyrumu, gerumu ir nekaltumu. Ši spalva dažnai naudojama minimalistinių ir paprastų svetainių fonui..

Svetainė su Kloino Toshevo darbais

Be to, nė viena spalva nekreips tiek daug dėmesio į kitas spalvas, kaip balta. Pavyzdžiui, „Awwwards“ nugalėtojo Kloino Toshevo svetainėje visi jo darbai yra išdėstyti baltame fone, o tai tik išryškina iliustracijas ir sukuria elegantiškos galerijos įspūdį..

Pilka spalva

Emocijos ir asociacijos: neutralumas, formalumas, melancholija.

Nors pilka spalva kai kuriose situacijose gali sukurti niūrią ir liūdną atmosferą, profesionalūs dizaineriai ją vis dar naudoja..

Viskas apie atspalvius: juos kaitaliodami galite gauti visas emocijas, kurias sukelia ir juoda, ir balta. Apskritai pilka spalva yra galingas įrankis tinkamose rankose..

Kai dizainas derinamas su ryškesnėmis spalvomis, pilkas fonas atrodo modernus, o ne niūrus, pavyzdžiui, „Awwwards“.

Smėlio spalvos

Emocijos ir asociacijos: perteikia kitų spalvų pobūdį.

Pats smėlio spalvos yra gana nuobodu ir neišsakomas, tačiau jis turi vieną nepaprastą savybę: smėlio spalvos įgauna jį supančių gėlių pobūdį. Todėl, jei jis nėra skirtas išreikšti santūrumą, smėlio spalvos tarnauja kaip fonas arba antroji spalva..

Tamsesni smėlio spalvos atspalviai sukuria tradicijos ir žemiškumo pojūtį, suteikia popieriaus tekstūrą, o šviesesni - šviežesni ir modernesni..

Pavyzdžiui, „Dishoom“ svetainėje šviesiai smėlio spalvos aplink pavadinimą ir tamsesni kraštai sukuria įspūdį, kad restoranas yra šviežias tradicinių patiekalų pasirinkimas..

Dramblio kaulas

Emocijos ir asociacijos: komfortas, elegancija, paprastumas.

Dramblio kaulas, taip pat grietinėlė sukelia beveik tas pačias emocijas kaip ir balta. Tačiau dramblio kaulo spalva yra šiltesnė (arba mažiau sterili) nei balta, o tai sukuria didesnį komforto jausmą išlaikant minimalizmą..

Norėdami sušvelninti kontrastą tarp jo ir tamsesnių spalvų, galite naudoti dramblio kaulo spalvą, o ne baltą. Pavyzdžiui, ant „Art in My Coffee“ rudos oranžinės spalvos elementai dedami prie dramblio kaulo (kuris atrodo pilkai), kad išlaikytų šiltą pojūtį..

Menas mano kavoje

Spalvų spektras

Kiekvienoje svetainėje yra spalvų schema, kuri naudoja pagrindines spalvas, kad užpildytų daugiau vietos. Kaip jau minėjome anksčiau, šių spalvų naudojimas daugiausia nesąmoningai veikia žmogaus protą ir nuotaiką. Taigi rinkitės juos atsargiai.

Nors yra daugybė būdų derinti spalvas, mes sutelksime dėmesį į tris sėkmingiausius ir dažniausiai naudojamus..

Triada (triguba harmonija, trikampis)

Triada yra pagrindinė ir labiausiai subalansuota trijų spalvų sistema. Jis naudoja rezonansą ir spalvų papildymą, tačiau neturi kompleksinio kontrasto, todėl triada yra patikimiausia gama.

Ant 12 spalvų rato pasirinkite bet kurį iš trijų 120 laipsnių kampu: vieną priekiniam planui ir du turinio ir naršymo juostai.

Dviguba papildoma sistema

Šią gamą įgyvendinti yra sunkiau, tačiau tai gali būti pelningas sprendimas. Naudojamos keturios spalvos: dvi kontrastingos ir dvi papildomos.

Patikrinkite, kaip atrodo puikus „Florida Flourish“ puslapis pagal šį išdėstymą. Raudonos ir žalios spalvos kontrastuoja augaluose ir blokuoja tekstą, o mėlynas fonas ir oranžinė dykuma efektingai papildo vaizdą.

Analogai (serijinė sistema)

Panašių spalvų gamoje daugiausia naudojami vienas kitą papildantys atspalviai. Tai leidžia ypač ryškiai pabrėžti tam tikras savybes ir sukelti tam tikras emocijas..

Pavyzdžiui, raudonos, oranžinės ir geltonos spalvų derinys pabrėžia energiją ir gyvybingumą. Tokias svarstykles naudoti labai paprasta, tačiau sunku pasirinkti, kurios spalvos bus įtrauktos į derinį. Jų poveikis bus perdėtas, todėl negalėsite suklysti..

Pavyzdžiui, mėlynos, turkio ir žalios spalvos naudojimas kuriant „Blinksale“ svetainę sukūrė ramybės ir ramybės atmosferą. Atkreipkite dėmesį, kaip geltona spalva buvo naudojama norint pabrėžti svarbius dalykus..

Tai tik spalvų teorijos pagrindai, kurie gali padėti jums sukurti įspūdingus nestandartinius dizainus, ir nėra jokių apribojimų, kiek galite nuveikti kalbėdami apie savo svetainę..

Spalvų rinkiklio pagalbiniai įrankiai

Laimei, yra keletas įrankių, kurie padės praktiškai pritaikyti spalvų teoriją. Išbandykite šias paletes, kad nereikėtų pradėti nuo nulio, kad sukurtumėte savo:

  1. „Adobe Color CC“, anksčiau žinomas kaip „Adobe Kuler“. Tai yra viena patikimiausių spalvų pasirinkimo priemonių..
  2. Paletton. Jei norite, kad paprastas įrankis kuo greičiau pasirinktų spalvą, „Paletton“ yra puikus..
  3. Plokščias vartotojo sąsajos spalvų rinkiklis. Puikus įrankis vartotojo sąsajos spalvai pasirinkti.

Ir jei šie įrankiai jums netinka, pateikiame dar 28 svetaines su paletėmis ir skirtingų spalvų rinkimo įrankiais..

Tiesioginis spalvų ir emocijų santykis

Atminkite: vartotojai retai pastebi ir vertina fono spalvą, naršymo juostą, atskiras detales, tačiau tai nereiškia, kad spalva jų neveikia. Tai tiesiog vyksta nesąmoningai.

Vartotojas turi tam tikrų emocijų, susidaro požiūrį į svetainę ar prekės ženklą, jis atlieka tam tikrus veiksmus: slenka žemyn, spustelėja mygtukus, kurie skatina veikti, arba, priešingai, jų nepastebi. O spalva visame tame vaidina didžiulį vaidmenį..

Jei turite patarimų, kaip spalvas naudoti kuriant internetą, pasidalykite komentaruose..

Svetainės spalvos: 50 geriausių dizainerių idėjų

Spalvos labai veikia mūsų suvokimą ir nuotaiką: jos įkvepia, pritraukia dėmesį, atsipalaiduoja. Tai yra galingiausias ginklas kompetentingo amatininko - dizainerio rankose. Taikykite jį teisingai ir sukurkite šedevrą, praleiskite pasirinkimą ir užtikrinkite viso projekto nesėkmę..

Kaip pasirinkti tinkamas savo svetainės spalvas, kurios tik pagerins jūsų pranešimą ir atrodys profesionaliai? Mokykis iš geriausių!

Svetainių spalvų paletės, pažymėtos prestižinėje „Awwwards“ svetainėje, kolekcija padės rasti tą patį derinį. Įkvėpkite ir drąsiai įgyvendinkite, šiuos dizainus patvirtina pramonės guru.

Svetainės spalvos: 50 paletių

1. Aktyvioji teorija

Ši paletė sujungia šiltus ir šaltus atspalvius, tuo pačiu atrodydama sodri, bet ne per daug. Puikiai tinka jaunimui ir šiuolaikiniam dizainui.

# E27D60 - # 85DCB - # E8A87C - # C38D9E - # 41B3A3

2. Paypr

Čia mėlynos ir violetinės spalvos atspalviai derinami su ryškiai raudonai oranžiniu akcentu, kuris iškart atkreipia vartotojų dėmesį į svarbiausius.

# 242582 - # 553D67 - # F64C72 - # 99738E - # 2F2FA2

3. Resn

Spalvų paletė atrodo labai natūraliai. Idealiai tinka svetainėms, susijusioms su gamta ir žaliomis temomis.

# 8D8741 - # 659DBD - # DAAD86 - # BC986A - # FBEEC1

4. Grosse Lanterne

Tamsiai mėlyna ir žalia yra sujungtos lakoniškoje ir nestandartinėje spalvų schemoje. Kartu jie ramina ir laimi.

# 05386B - # 379683 - # 5CDB95 - # 8EE4AF - # EDF5E1

5. W&CO

Ryškus koralų ir mėlynos spalvos derinys atrodo pakankamai drąsus. Pasirinkite šias spalvas neįprastam ir pažangiausiam projektui.

# FC4445 - # 3FEEE6 - # 55BCC9 - # 97CAEF - #CAFAFE

6. Stinkdigital

Ši technika pastaruoju metu naudojama gana dažnai - tamsaus fono ir ryškių kontrastingų atspalvių derinys.

# 8EE4AF - # EDF5E1 - # 5CDB95 - # 907163 - # 379683

7. „Bordel“ studija

Elegantiška paletė sujungia tamsius, prislopintus atspalvius, kad sukurtų rafinuotą dizainą.

# 5D5C61 - # 379683 - # 7395AE - # 557A95 - # B1A296

8. „ReedBe“

Raudonai ruda spalva kartu su sodria raudona ir levanda traukia savo gilumu ir unikalumu.

# 2E1114 - # 501B1D - # 64485C - # 83677B - #ADADAD

9. Samsy

Tamsi ir mistinė paletė su ryškiai mėlynais akcentais yra svarbiausios šių metų dizaino tendencijos.

# 0C0032 - # 190061 - # 240090 - # 3500D3 - # 282828

10. Bryanas Jamesas

Rožiniai, raudoni ir pilki atspalviai puikiai atrodo tamsiame fone ir yra susiję su rafinuotumu ir minimalizmu..

# 1A1A1D - # 4E4E50 - # 6F2232 - # 950740 - # C3073F

11. Antonas ir Irena

Šis gražus rausvos, šviesiai žalios ir pilkos spalvos derinys puikiai tinka ryškiam ir mielam dizainui sukurti..

# E7717D - # C2CAD0 - # C2B9B0 - # 7E685A - # AFD275

12. Bertas

Sunku atplėšti akis nuo tokios svetainės, tamsūs pilkos spalvos atspalviai kartu su turkio spalvos akcentais papuoš bet kurį šiuolaikinį projektą.

# 0B0C10 - # 1F2833 - # C5C6C7 - # 66FCF1 - # 45A29E

13. „BrightMedia“

Šis dizainas sujungia visus raudonus atspalvius, kad pakeltų vartotojų nuotaiką ir sukurtų nepakartojamą kūrybišką išvaizdą..

# 5D001E - # E3E2DF - # E3AFBC - # 9A1750 - # EE4C7C

14. Julie Flogeac

Ryškus garstyčių, raudonos ir mėlynos spalvos derinys suteikia lengvą nostalgijos jausmą ir puikiai pritraukia dėmesį.

# D79922 - # EFE2BA - # F13C20 - # 4056A1 - # C5CBE3

15. Epas

Smėlio spalvos atspalviai su mėlyna ir rubino spalva atrodo tuo pat metu rafinuoti ir lengvi.

# EDC7B7 - # EEE2DC - # BAB2B5 - # 123C69 - # AC3B61

16. „MediaMonks“

Ši spalvų schema tinka visiems, planuojantiems sukurti futuristinę ir modernią svetainę..

# 2C3531 - # 116466 - # D9B08C - # FFCB9A - # D1E8E2

17.e „Interactive Design“

Trys ryškios spalvos tamsiai pilkame fone patraukia dėmesį ir įkvepia energijos.

# 272727 - # 747474 - # FF652F - # FFE400 - # 14A76C

18. HAUS

Ši paletė turėtų būti parinkta elegantiškam ir futuristiniam tinklalapiui, ji pridės dinamikos ir rafinuotumo..

# 2F4454 - # 2E151B - # DA7B93 - # 376E6F - # 1C3334

19. Gusto id

Kiaušinio lukšto spalva, sodri vanilė ir pilka kartu su raudonu akcentu atrodo glausta ir siejama su šiluma ir svetingumu.

# EAE7DC - # D8C3A5 - # 8E8D8A - # E98074 - # E85A4F

20. FCINQ

Puikus šiandienos madingo kibernetinio stiliaus spalvų gamos pavyzdys. Ryškūs neoniniai atspalviai ir tinkamai parinkti akcentai pakels bet kurią svetainę į kitą lygį.

# D83F87 - # 2A1B3D - # 44318D - # E98074 - # A4B3B6

21. Keisti skaitmeninį

Mėlynos ir violetinės spalvos atspalviai šioje paletėje atrodo ypač švieži, jie tiek energizuoja, tiek ramina.

# 5680E9 - # 84CEEB - # 5AB9EA - # C1C8E4 - # 8860D0

22. Watsonas / GD

Jei ieškote klasikinio verslo išvaizdos, patikrinkite šią nepakankamą paletę..

# 88BDBC - # 254E58 - # 112D32 - # 4F4A41 - # 6E6658

23. Supremo

Sodrūs mėlyni atspalviai daro šį dizainą diskretišką, bet tuo pačiu ir įdomų. Puikus pasirinkimas įmonių ir švietimo projektams.

# 25274D - # 464866 - # AAABB8 - # 2E9CCA - # 29648A

24. „Umwelt A / S“

Šis paprastas, tačiau efektyvus derinys atrodo profesionalus ir stilingas..

# 17252A - # 2B7A78 - # 3AAFA9 - # DEF2F1 - #FEFFFF

25. Waaarkas

Ryški ir elegantiška spalvų schema sujungia kelis įspūdingus atspalvius vienu metu: šiuolaikišką ir skoningą.

# F8E9A1 - # F76C6C - # A8D0E6 - # 374785 - # 24305E

26. Penki šimtai

Žaisminga ir gyvenimo kupina paletė puikiai papildo drąsius projektus.

# A64AC9 - # FCCD04 - # FFB48F - # F5E6CC - ​​# 17E9E0

27. Įtraukiantis sodas

Vėlgi, ryški spalva tamsiame fone, šįkart žalia. Atrodo elegantiškai.

# 61892F - # 86C232 - # 222629 - # 474B4F - # 6B6E70

28. SMFB

Čia ryškiai geltonos spalvos akcentas patraukia ir nukreipia vartotojų dėmesį..

# FAED26 - # 46344E - # 5A5560 - # 9D8D8F - # 9B786F

29. „Nurture Digital“

Paletė yra geriausias pasirinkimas projektams, kuriuose derinamos technologijos ir natūralumas.

# 182628 - # 65CCB8 - # 57BA98 - # 3B945E - # F2F2F2

30. Gimęs05

Žalios ir mėlynos spalvos atspalvių derinys siejamas su gamta, stabilumu ir patikimumu.

# 687864 - # 31708E - # 5085A5 - # 8FC1E3 - # F7F9FB

31. Stinkdigital

Ryškus rausvos ir violetinės atspalvių dizainas suteikia gaivumo ir lengvumo pojūtį.

# A1C3D1 - # B39BC8 - # F0EBF4 - # F172A1 - # E64398

32. AILOVĖ

Neįprastas giliai raudonos ir mėlynos spalvų derinys išsiskiria ir pritraukia dėmesį.

# 59253A - # 78244C - # 895061 - # 0677A1 - # 2D4159

33. „Superhero“ sūrio pyragas

Sultingi citrusiniai atspalviai yra geriausias pasirinkimas interneto svetainėms apie sportą ir ekstremalų sportą.

# 1F2605 - # 1F6521 - # 53900F - # A4A71E - # D6CE15

34. Burokratikas

Ryškūs mėlyni atspalviai su oranžiniais akcentais yra garsūs ir energingi.

# 10E7DC - # 0074E1 - # 1B9CE5 - # 6CDAEE - # F79E02

35. „Google“ prekės ženklo studija

Raudonos ir mėlynos spalvos derinys atrodo įdomus ir pabrėžia projekto unikalumą.

# 4285F4 - # 5C2018 - # BC4639 - # D4A59A - # F3E0DC

36. Išsami informacija

Netikėtas ir modernus sprendimas padės bet kuriai svetainei tapti geriausia savo nišoje.

# 080F5B - # 0D19A3 - # 15DB95 - # F4E4C1 - # E4C580

37. Cher Ami

Energinga ir optimistinė paletė, sukurta energingiems projektams.

# FBE8A6 - # F4976C - # 303C6C - # B4DFE5 - # D2FDFF

38. Lapas

Nuostabu, kaip šis spalvų derinys vienu metu siejamas su šalčiu ir šiluma. Geriausias šventinio dizaino variantas.

# B23850 - # 3B8BEB - # E7E3D4 - # C4DBF6 - # 8590AA

39. Elespacio

Sodri, gyvybinga paletė, apjungianti geltonos, mėlynos ir rausvos atspalvius. Gražus minimalizmas.

# F78888 - # F3D250 - #ECECEC - # 90CCF4 - # 5DA2D5

40. SFCD

Vos pora elementų ir teisingai parinktos spalvos sukuria aukštos kokybės dizaino pavyzdį iš paprasto puslapio.

# 19181A - # 479761 - # CEBC81 - # A16E83 - # B19F9E

41. Kopenhagos didieji darbai

Baisus mėlynos ir raudonos atspalvių derinys išryškins projekto profesionalumą ir galią.

# 314455 - # 644E5B - # 9E5A63 - # C96567 - # 97AABD

42. Resn

Šiuolaikiško netradicinio dizaino plokščias dizainas.

# 00887A - #FFCCBC - #FFFFFF - # D3E3FC - # 77A6F7

43. Groti

Kavos derinys su dangaus mėlyna spalva suteikia komforto jausmą. Puikus pasirinkimas verslui HoReCa srityje.

# 844D36 - # 474853 - # 86B3D1 - # AAA0A0 - # 8E8268

44. išsami informacija.ch

Rafinuota ir klasikinė paletė su šiuolaikiniais elementais, pabrėžianti projekto rimtumą ir aktualumą.

# 5F6366 - # 4D6D9A - # 86B3D1 - # 99CED3 - # EDB5BF

45. stinkdigital

Paletė yra geriausias sprendimas svetainėms, kuriose yra nedaug elementų. Akcentuota violetinė spalva padės atkreipti dėmesį į jūsų pranešimą..

# 802BB1 - # 2D283E - # 564F6F - # 4C495D - # D1D7E0

46. ​​EPIC

Nutildyti mėlynos, raudonos ir žalios spalvos atspalviai atrodo tradiciškai ir profesionaliai.

# 265077 - # 022140 - # 494B68 - # 1E4258 - # 2D5F5D

47. Apart

Puošnus ir gaivus žvilgsnis į svetainės dizainą, spalvos pabrėš savininko statusą.

# 806543 - # 33266E - # 111111 - # 542F34 - # A6607C

48. FUTURAMO

Turkis ir rausvos spalvos, primenančios prislopintus atspalvius, traukia akį ir atrodo profesionaliai.

# 501F3A - # CB2D6F - #CCCCCC - # 14A098 - # 0F292F

49. Panika

Tikras spalvų sprogimas, šio dizaino neįmanoma praleisti.

# C34271 - # F070A1 - # 16FFBD - # 12C998 - # 439F76

50. padarytas

Atpalaiduojanti, tačiau gyvybinga paletė, siejama su optimizmu ir energija.

# 026670 - # 9FEDD7 - # FEF9C7 - # FCE181 - # EDEAE5

Net jei esate naujas dizaineris ir ieškote tobulų spalvų savo svetainei, šios paletės padės sukurti tikrai profesionalų ir madingą projektą. Čia jūsų laukia grafinio dizaino idėjos.

Kokias spalvas geriausia skaityti iš monitoriaus?

Daugelyje svetainių yra baltas fonas ir juodas tekstas. Man nėra labai patogu skaityti, kai mano akyse šviečia baltas fonas, ypač vakare. Išbandžiau tamsų foną ir šviesias raides - tai nelabai pasiteisina. Gal tai šriftas?

Todėl klausimas yra subrendęs: "Kokios teksto ir fono spalvų kombinacijos geriausiai tinka skaityti iš monitoriaus?"

  • Klausimas buvo pateiktas daugiau nei prieš trejus metus
  • 39 757 peržiūros
  • Facebook
  • Susisiekia su
  • „Twitter“
  • „Google“

1. Kontrastingos spalvos
Idealiu atveju jis yra juodas ant baltos spalvos, tačiau, kaip čia sakoma teisingai, ryškus monitorius pataikys į akis balta spalva. Geriausia naudoti ne šaltą baltą, o šiltą.
2. Specialiai suprojektuoti monitorių šriftai
kaip verdanas, tachoma ir kt..
Idealiu atveju ne tik kompiuterio ar žiniatinklio šriftas, bet ir atskiros kiekvieno šrifto dydžio raidės. Yra tokių šriftų (šiek tiek pažiūrėkite, net nemanau, kad juos įvardinsiu), jie yra visiškai išlyginti net ir su anti-aliasing išjungtais, nes jie projektuojami pikseliais po pikselių, įskaitant prašymus apskaičiuojami taip, kad raidžių tarpai nevaikščiotų, o tai taip pat labai vargina akis ir apsunkina skaitymą..
3. Neigiama ar silpna veido antialiazija
Taip, raidės atrodo gražiau, tačiau akis nuolat bando sutelkti dėmesį..

Iš bendrųjų rekomendacijų, jei ketinate daug skaityti iš monitoriaus, taip pat galiu patarti atkreipti dėmesį į vadovavimą. Daugelis žmonių palieka ją pagal nutylėjimą, tačiau ji yra per maža skaitymui. Taip pat neverta per daug didinti, nes ryšys tarp linijų bus prarastas, bet tarkime, jei turime automatinį 12/14 pt, tada geriau jį padidinti 1 arba 2 balais, t. Y. 12/16.

  • Facebook
  • Susisiekia su
  • „Twitter“
  • „Google“

Man nėra labai patogu skaityti, kai akyse šviečia baltas fonas, ypač vakare.

  • Facebook
  • Susisiekia su
  • „Twitter“
  • „Google“

Kažkuo abejoju dėl idealumo. Įrodymas, pliz;)

Skaitymo paslaugos (pvz., „Pocket“) turi tamsių temų. Jei nespalvotas buvo tobulas, kodėl reikalingi kiti.

Tai, žinoma, nėra visiškai susijęs su skaitymu, bet vis tiek: terminalas pagal numatytuosius nustatymus yra juodas, o IDE turi daug tamsių temų, kai kurios pagal numatytuosius nustatymus.

Ryškumas - mažiausiai.

@Mischuk kaip bebūtų keista - juoda ir balta poros yra baisiausios. Laimei, net jei atidarysite teksto redaktorių su baltu fonu ir pradėsite rašyti juodą tekstą, monitorius nebus rodomas visiškai baltas, taip pat ir visiškai juodas. Jei taip būtų, akyse raibulėtų kontrastas (nebent ramiai skaityti mokėtų tik retas asmuo).

Geriausia - tai dvi priešingos spalvos, pakankamai kontrastingos, bet ne maksimalios. Kiekvienas žmogus skirtingai suvokia idealą, tačiau apskritai situacija yra tokia, kad diametraliai priešingos spalvos tik pablogina situaciją. Kaip visada, tiesa yra kažkur netoliese. Ugh, viduryje. Pavyzdžiui, man labai patinka kažkas panašaus į smėlio spalvos prieš arseną.

Kalbant apie monitorius, tamsus fonas čia veikia labai gerai. Faktas yra tas, kad pats monitorius yra lempa. Pabandykite pažvelgti į ryškią lempą. Na, valanda, dvi. Liūdna, ką? Tačiau jei už matinio stiklo - šiek tiek geriau. Maždaug taip nutinka su monitoriumi. Yra žmonių, kuriems nuo LCD monitorių skauda galvą - juk tai lempa už matinio stiklo. Bet juodi pikseliai praleidžia mažiau šviesos. Tai yra, jie yra labiau matiniai. Todėl - taip geriau.

Kaip pasirinkti tinkamą spalvų schemą savo svetainei?

Užduotis pasirinkti svetainės spalvų schemą gali atrodyti didžiulė, ypač jei nesuprantate ir nesate gerai susipažinę su spalvų deriniais:


Jei viskas gerai, jūsų svetainė atrodys harmoningai. Jei ne, gausite siaubo filmo stiliaus paveikslą.!

Jei visiškai nenaudojate spalvų savo svetainėje, ji atrodys paprasta ir greitai pamiršta. Jei persistengsite su spalva, svetainė pasirodys niūri..

Turite pasirinkti tinkamą būsimos svetainės šabloną ir spalvų paletę. Šios dvi užduotys gali būti bene sunkiausios kuriant svetainę..

  • Kaip spalva veikia jūsų svetainės ir prekės ženklo suvokimą?
    • 3 veiksmai, kaip tinkamai naudoti spalvas savo svetainėje
    • 1. Dominuojančios spalvos pasirinkimas
      • Kaip pasirinkti tinkamą spalvą
      • Kokią spalvą naudoti savo svetainėje?
    • Vyrų ir moterų spalvų suvokimo skirtumas
    • Kaip naudoti pagrindinę savo svetainės spalvą
    • 2. Akcentinių spalvų pasirinkimas
    • Kaip naudoti akcentinį spalvų rinkiklį
    • 1 tipas - daug turinio turintis turinys arba elektroninė komercija
    • 2 tipas - įmonių svetainės ir paslaugos
      • Prekės ženklo reklama
      • Paslaugų skatinimas
    • 3 tipas - stilingos ir kūrybingos svetainės su daugybe grafikos elementų
    • Išvada ir santrauka

Žinant tik kelias taisykles, spalvų sprendimus pasirinkti nebus taip sunku.

Perskaitę šį straipsnį, sužinosite, kaip:

  • Pasirinkite tinkamiausią savo svetainės spalvą ir asmeninį prekės ženklą;
  • Kaip derinti tonus, kad būtų pasiekta darni spalvų schema;
  • Pasirinkite tinkamiausią fono spalvą;
  • Spalvinius akcentus naudokite tik ten, kur reikia.

Kaip spalva veikia jūsų svetainės ir prekės ženklo suvokimą?

Jei prašau pagalvoti apie „Coca-Cola“, kas pirmiausia kyla jūsų galvoje? Greičiausiai jūsų galvoje pasirodys raudonas „Coca-Cola“ logotipas:


Gana sunku galvoti apie šį gėrimą ir nesusieti jo su raudonu. Raudona yra taip stipriai susijusi su prekės ženklu, kad ji yra tokia pat svarbi, kaip ir pats garsusis gėrimas..

Raudona spalvų schemoje yra dvi svarbios žinutės:

  1. Ryškiai raudonos etiketės išsiskiria iš kitų sodos skaitiklių.
  2. Kiekviena spalva sukelia tam tikras emocijas. Kai pamatome raudoną spalvą, pasąmoningai jaučiame jaudulį, meilę ir aistrą. Tai yra jausmai, kuriuos „Coca-Cola“ nori sukelti savo gėrimais:


Tinkamai pasirinkę savo svetainės spalvų gamą, ji taps ne tik vizualiai patraukli, bet ir sukurs įsimintiną prekės ženklą..

85% pirkėjų pripažįsta, kad pagrindinė produkto pirkimo priežastis buvo jo spalva.

Naudojant spalvas prekės ženklo žinomumas padidėja 80%.

3 veiksmai, kaip tinkamai naudoti spalvas savo svetainėje

Kuriant svetainės dizainą jums reikia:

  • Pasirinkite vyraujančią savo prekės ženklo spalvą;
  • Norėdami sukurti spalvų schemą, pasirinkite kelis akcentinius atspalvius;
  • Pasirinkus fono spalvą, bus sukurtas baigtas dizainas.

1. Dominuojančios spalvos pasirinkimas

Ar jūsų prekės ženklo spalva yra raudona, pavyzdžiui, „Coca-Cola“? Tai padės sužadinti šaltinio lankytojams reikalingas emocijas, išprovokuos žmonėse jaudulio, meilės ir aistros jausmą..

Ši spalva yra pirmas dalykas, kurį žmonės turėtų pagalvoti, galvodami apie jūsų įmonę. Jei jau turite logotipą, įsitikinkite, kad jame yra jūsų prekės ženklo pagrindinė spalva.

Kaip pasirinkti tinkamą spalvą

Didžiosios įmonės neatsitiktinai pasirenka tą ar tą svetainės spalvų schemą. Tai yra apgalvotas pasirinkimas, kuris yra prekės ženklo ir rinkodaros dalis.

Kiekviena spalva pritraukia savo pirkėjų grupę ir netgi gali turėti įtakos jų pasirinkimui:


Raudonai oranžinė, juoda ir ryškiai mėlyna traukia impulsyvius pirkėjus. Šios spalvos dažnai būna greito maisto tinkluose, drabužių parduotuvėse ir dovanose..

Tamsiai mėlyna ir turkio spalva pirkėjus vilioja ribota pinigų suma. Šių spalvų galima rasti bankuose ir didelėse universalinėse parduotuvėse..

Avietė, žydra ir rožinė spalva traukia klasikinius pirkėjus. Platinamas drabužių parduotuvėse.

Norėdami pritraukti norimus pirkėjus, naudokite spalvų derinius.

Mes specialiai sukūrėme vaizdinę spalvų schemos infografiką, kad galėtumėte lengviau pasirinkti vyraujančią savo prekės ženklo spalvą:

Kokią spalvą naudoti savo svetainėje?

Žalia spalva reiškia turtus, sveikatą, ramybę ir gamtą. Ši spalva yra lengviausiai suvokiama akimis ir dėl to atsipalaiduoja. Žalia spalva yra antra mėgstamiausia spalva tiek vyrams, tiek moterims..

Geltona spalva yra jaunystės, optimizmo ir linksmumo simbolis. Dažnai naudojamas atkreipti dėmesį. Taip pat geltona spalva gali sukelti stresą, todėl naudokite ją nedideliais kiekiais..

Oranžinė spalva siejama su draugiškumu, jauduliu ir kūrybiškumu. Skatina žmonių aktyvumą. Pavyzdžiui, ragina pirkti produktą arba užsiprenumeruoti naujienlaiškį. Ši spalva pritraukia impulsyvius pirkėjus.

Raudona spalva simbolizuoja aistrą, jaudulį, energiją ir pavojų. Jis dažnai naudojamas norint sukurti skubų pirkimo poreikį žmonių suvokimu. Sukelia stiprių emocinių reakcijų. Naudojamas restoranuose, siekiant padidinti apetitą.

Rožinė yra moteriška, miela, nekalta ir romantiška. Dažnai naudojamas siūlant privačias paslaugas ir prekes mergaitėms ir moterims.

Violetinė spalva yra didybės, turto, sėkmės ir išminties simbolis. Dažnai būna kosmetikoje. Turi raminantį poveikį žmonėms.

Mėlyna spalva yra patikimumo, saugumo, stabilumo, ramybės ir ramybės rodiklis. Jį dažnai naudoja bankai ir didelės įmonės. Mėlyna spalva maloniausia tiek vyrams, tiek moterims.

Pilka spalvų gamoje reiškia neutralumą, paprastumą, ramybę ir nuoseklumą. Tai siejama su technologijomis, gamyba, tikslumu, valdymu, kompetencija ir netgi patirtimi..

Juoda yra įtakos, prabangos, patirties ir elegancijos spalva. Dažnai naudojamas prabangos prekėms reklamuoti ir siejamas su profesionalumu, tvirtumu ir tikslumu.

Ar jūsų tikslinė auditorija yra jauni ir energingi pirkėjai? Ar daugiau patyrusių žmonių, turinčių solidžių pajamų? Ar jūsų produktas (paslauga) labiau skirtas vyrams ar moterims? Ar jis tinka tik konkrečiai amžiaus grupei?

Ne kiekviena spalva tinka jūsų verslui. Pavyzdžiui, jei jūs parduodate jogos kilimėlius, violetinė (turtas ir didybė) ir juoda (galia ir prabanga) nėra geriausi variantai. Jums tiks žalia (sveikata, ramybė), pilka (paprastumas, ramybė), mėlyna (ramybė, ramybė), o gal net raudona (aistra, energija).

Vyrų ir moterų spalvų suvokimo skirtumas

Kas yra jūsų svetainė pirmiausia vyrams ar moterims? Ir gal ant tų, ir ant kitų?


Ryškios ir nutildytos svetainės spalvų schemos

Vyrai labiau mėgsta ryškias spalvas, o moterys - prislopintas..

Eksperimentas parodė, kad apskritai vyrai ir moterys vienodai reaguoja į šviesius ir tamsius atspalvius. Bet paaiškėjo, kad moterys labiau traukia link prislopintų atspalvių, o vyrai - link ryškių.

Paprastai vyrams achromatinės spalvos patinka labiau nei moterims. Achromatinės spalvos yra balta, juoda ir visi pilkos spalvos atspalviai.

Šviesūs ir tamsūs atspalviai

Moterims labiau patinka šviesūs atspalviai. To priežastis yra jų padidėjęs tam tikrų spalvų suvokimas..

Labiausiai pageidaujamos spalvos: mėlyna, violetinė, žalia.

Mažiausiai pageidaujamos spalvos: oranžinė, ruda, pilka.

Labiausiai pageidaujamos spalvos: mėlyna, žalia, juoda.

Mažiausiai pageidaujamos spalvos: ruda, oranžinė, violetinė.

Derindami ir naudodami spalvas, kurios yra labiau populiarios tarp vyrų, moterų ar abiejų, galite paveikti jų pasąmoninį prekės ženklo suvokimą..

Remiantis spalvų schemų tyrimais, tiek vyrams, tiek moterims patinka žalia ir mėlyna spalvos. Abi nemėgsta oranžinės ir rudos spalvos. Jei norite pritraukti tiek vyrų, tiek moterų dėmesį, kaip pagrindinę spalvą turite naudoti mėlyną arba žalią spalvą..

Jūsų prekės ženklo ar produkto spalvos pasirinkimas taip pat gali priklausyti nuo to, kaip jūsų klientai nori sužavėti kitus..

Dažnai žmonės perka tam tikrus produktus ar paslaugas tam, kad padarytų konkretų įspūdį kitiems.

Daugelis sprendimų atspindi tai, kaip žmogus galvoja apie save ir kaip nori pasirodyti kitų akyse. Apie tai pagalvos kiti žmonės, galvodami apie šį asmenį:


Taigi, jei norite, kad gamtą mėgstantys žmonės pirktų jūsų produktą, HTML spalvų schemoje naudokite žalią spalvą. Norite pritraukti žmones, kurie jaučiasi jauni ir pasitikintys savimi? Naudokite geltoną. Jei jus domina žmonės, kurie nori atrodyti solidūs ir turtingi, naudokite juodą spalvą.

Pagalvokite apie savo idealią tikslinę auditoriją. Kaip jis nori pasirodyti kitiems žmonėms?

Taip, tai daro įtaką psichologijai. Bet jūs turite tai suprasti, kad sukurtumėte sėkmingą prekės ženklą..

Kaip naudoti pagrindinę savo svetainės spalvą

Dabar, kai nusprendėte dėl pagrindinės savo svetainės spalvos, turite išsiaiškinti, kaip ją teisingai naudoti. Spalva pritraukia daug dėmesio, todėl nereikia bandyti jos naudoti visur, kur įmanoma.

Dominuojančią spalvą naudokite tik tose vietose, į kurias norite atkreipti vartotojų dėmesį, arba paskatinkite juos atlikti tam tikrus veiksmus.

Pavyzdžiui, paskambinkite telefono numeriu, užpildykite formą, užsiprenumeruokite naujinius ir pan..

Dominuojanti spalva turėtų atkreipti dėmesį, pabrėžiant detales, kurias norite, kad vartotojai pastebėtų:


Kur naudoti dominuojančią svetainės spalvą?

  • Logotipas;
  • Meniu skirtukai;
  • Skambinimo mygtukas;
  • Svarbi informacija;
  • Antraštės ir pavadinimai;
  • Mygtukai.

2. Akcentinių spalvų pasirinkimas

Norėdami padaryti savo dizainą įdomesnį ir profesionalesnį, turite naudoti akcento paruoštas svetainės spalvų schemas. Jie gali pabrėžti tas jūsų svetainės dalis, į kurias verta atkreipti dėmesį: kabutes, mygtukus ar paantraštes.

Daugelis žmonių bijo naudoti kelias spalvas vienu metu, nes ne visada intuityviai aišku, ar jos derinamos gerai. Žmonės mano, kad norint išmokti juos derinti, reikia ne tik nuodugniai išstudijuoti spalvų teoriją, bet ir padaryti daug klaidų..

Kiekvienam prieinamas lengvesnis kelias. Tai spalvų derinimo programa, kuri padės jums derinti spalvų schemas, kaip tai daro profesionalai.!

Kaip naudoti akcentinį spalvų rinkiklį

Kai nuspręsite dėl vyraujančios spalvos, nieko nėra lengviau, kaip derinti akcentines spalvas naudojant tokias programas kaip „Adobe Color CC Tool“:


Čia yra trumpa pamoka, kuri parodys, kaip sukurti spalvų schemą vienu iš dviejų būdų:

  1. Remiantis vyraujančia spalva

1 žingsnis. Pirmiausia sužinokite dominuojančios spalvos kodą. Pavyzdžiui, adresu ColorPicker.com. Spalvos kodas nurodytas stačiakampyje tiesiai virš kvadrato su spalvų palete.

Nukopijavę kodą iš ColorPicker.com įklijuokite jį į „Adobe Color“ įrankio laukelį HEX. Įsitikinkite, kad įklijavote kodą viduriniame stulpelyje:


Viduriniame stačiakampyje įklijuokite dominuojančios svetainės spalvos kodą.

Kai nustatysite spalvą, „Adobe Color“ ją rodys ekrane kartu su kitomis papildomomis spalvomis..

2 žingsnis. Viršutinėje kairėje pusėje pamatysite stačiakampį su šiomis spalvų schemomis:

  • Nuoseklus;
  • Vienspalvis;
  • Trikampis;
  • Papildomas;
  • Sudėtinis;
  • Atspalviai.


Pasirinkite spalvų schemą

Eksperimentuokite su skirtingomis spalvų schemomis, kad sužinotumėte, kuri iš jų jums tinka. Visos programos siūlomos spalvos puikiai dera tarpusavyje.

3 žingsnis. Išmanesnė spalvų schema perkeldama vieną iš spalvų kreipiklių.

Svarbu nejudinti trumpo žymiklio viduryje, kad jūsų dominuojanti spalva būtų pastovi:


Perkelkite rodykles, jei norite pasirinkti kitas papildomas spalvas.

TVS ir svetainių kūrėjai leidžia įterpti spalvų kodus (HEX), kad būtų paryškinta bet kuri jūsų svetainės dalis:


Nukopijuokite savo svetainės spalvų schemos spalvų kodus (HEX).

  1. Pagal patinkančią nuotrauką

Kartais lengviau ieškoti spalvų sprendimų internete ir įkvėpti jų.

Galite įkelti bet kurią jums patinkančią nuotrauką į „Adobe Color“ ir programa pagal ją automatiškai sugeneruos spalvų schemą.

1 žingsnis. Įkelkite savo nuotrauką:


Norėdami įkelti vaizdą, spustelėkite fotoaparato piktogramą.

2 žingsnis. Pasirinkite vieną iš penkių spalvų nuotaikų:

  • Spalvinga;
  • Ryškus;
  • Duslus;
  • Prisotintas;
  • Tamsu.

Eksperimentuokite su spalvų nuotaikomis, kad sužinotumėte, kuri iš jų jums artimesnė:


Pasirinkite spalvų nuotaiką.

3 žingsnis. Padarykite spalvų schemą dar aiškesnę, perkeldami vieną iš spalvų indikatorių per vaizdą:


Perkelkite rodykles, jei norite pasirinkti kitas papildomas spalvas.

4 žingsnis. Siūloma spalvų paletė yra po vaizdu. Štai kaip pasirinkti savo interneto dizaino spalvų schemą.

Norėdami pamatyti spalvų kodus (HEX), spustelėkite spalvų ratą, esantį viršutiniame dešiniajame kampe:


Spustelėkite spalvų ratą, kad pamatytumėte spalvų kodus:


Nukopijuokite savo spalvų schemos spalvų kodus (HEX).

Kur dėti pagalbines spalvas

Svetainės informacija, paryškinta pagalbinėmis spalvomis, nėra pagrindiniai akcentai. Bet jie vis tiek išsiskiria. Pavyzdžiui, pagalbinėmis spalvomis galite paryškinti paantraštes, papildomus mygtukus, dialogo langus, užpildyti foną ir kt..

Pasirinkite vieną ar dvi papildomas spalvas. Jei jų yra daugiau, vartotojams bus sunku sutelkti dėmesį į vieną dalyką:


Kur naudoti savo svetainėje pagalbines spalvas?

  • Aktyvaus meniu mygtukas;
  • Paantraštės;
  • Antrinės informacijos išryškinimas.
  1. Fono spalvos pasirinkimas

Ar kada nors teko dažyti sienas savo namuose?


Jei taip, tuomet jūs turite tam tikros patirties ir žinote, kad spalvų derinimas nėra lengvas..

Spalva turėtų būti pakankamai rami, kad galėtumėte valandas būti kambaryje, nespaudžiant spalvos. Tuo pačiu metu jūs nenorite, kad spalva būtų nuobodi, o kambarys atrodo kaip ligoninė.

Pasirinkus svetainės fono spalvą, nedaug skiriasi nuo kambario dažų.!

Kaip pasirinkti tinkamą fono spalvą

Jei dažus rinktumėtės šiuolaikinei drabužių parduotuvei ir kaimo namams, rinktumėtės tą pačią spalvą?
Akivaizdu, kad ne. Šie du kambariai naudojami skirtingiems tikslams..

Pavyzdžiui, drabužių parduotuvėje geriau naudoti ryškias spalvas, kad atkreiptumėte pirkėjų dėmesį į drabužių lentynas. Būtina, kad sienų spalva kontrastuotų su lentynų su drabužiais spalva, o klientai, įėję į parduotuvę, iškart suprastų, į ką atkreipti dėmesį..

Ir palyginimui: atvykę į savo kaimo namą tikriausiai planuojate atsipalaiduoti. Norite, kad sienų spalva ir namų dizainas būtų raminantis ir atpalaiduojantis.

Jūsų svetainės fono spalva priklauso nuo to, į ką norite atkreipti vartotojų dėmesį.

Paprasčiau tariant, fono spalva tiesiogiai priklauso nuo tikslo, kurio siekiate kurdami svetainę..

1 tipas - daug turinio turintis turinys arba elektroninė komercija

Ar pastebėjote, kad turinio ir internetinėse parduotuvėse svetainėje dažnai naudojamos baltos arba neutralios spalvų schemos??


Taip yra todėl, kad šių išteklių tikslas yra skatinti idėjas ar produktus..

Tokiais atvejais dėmesys turėtų būti skiriamas produktams ar paslaugoms, o ne svetainės dizainui. Fono spalva yra tik pagrindas padaryti turinį vaizdingesnį ir įskaitomesnį.

Informacijos šaltiniams ir elektroninei prekybai geriausia naudoti šviesų foną, ryškias dominuojančias ir pagalbines spalvas. Dominuojančių ir akcentuojančių spalvų ryškumas garantuoja svetainės unikalumą ir leidžia pabrėžti detales. Tuo pat metu neutrali pardavimo svetainės fono spalvų schema padeda vartotojui sutelkti dėmesį tik į turinį ar produktus..

2 tipas - įmonių svetainės ir paslaugos

Kuriant įmonės išteklius, siekiama vieno tikslo - prekių ar paslaugų populiarinimo.

Atsižvelgiant į jūsų svetainės paskirtį, fono spalva turėtų būti kitokia.

Prekės ženklo reklama

Jei norite sukurti įsimintiną įmonės įvaizdį, fonui naudokite skirtingus dominuojančios spalvos arba prekės ženklo spalvos atspalvius.

Taip yra todėl, kad spalva tiesiogiai veikia prekės ženklo žinomumą (prisimenate „Coca-Cola“ pavyzdį?) Kai naudojate skirtingus savo prekės ženklo spalvos atspalvius kaip foną, jį patobulinate ir padarote klientams labiau įsimenamą..

Jei dominuojanti jūsų svetainės spalva yra sudėtinga, tada jos naudojimas kaip fonas gali neigiamai paveikti vartotojų suvokimą. Tokiais atvejais naudokite mažiausio intensyvumo atspalvius:

Paslaugų skatinimas

Jei savo darbu norite atkreipti dėmesį į paslaugą ar aplanką, naudokite baltą arba neutralią fono spalvą.

Kaip ir informacijos šaltinių atveju, jums nereikia perkrauti svetainės ir atitraukti vartotojų dėmesį nuo norimo perduoti turinio. Svetainėje naudodami baltos arba šviesios fono spalvų schemą, sutelksite dėmesį į turinį:

3 tipas - stilingos ir kūrybingos svetainės su daugybe grafikos elementų

Jei ketinate sukurti svetainę, susijusią su kūryba (mada, dizainas, restoranų verslas, grožis ir kt.), Jums nėra jokių apribojimų..

Šio tipo svetainėms nėra jokių fono spalvų taisyklių. Norėdami pridėti dramos, meniu juostą galite padaryti juodą. Arba sukurkite foną naudodami visas vaivorykštės spalvas, kad nudžiugintumėte lankytojus:


Stenkitės visada laikytis vienos taisyklės: niekada nesirinkite fono spalvos, dėl kurios būtų sunku perskaityti joje esantį tekstą..

Ideali fono spalva leidžia turiniui išsiskirti ir harmoningai susilieja su dominuojančiomis ir antrinėmis spalvomis. Tinkama fono spalva suteikia vartotojui malonią patirtį.

Jei kyla abejonių, naudokite baltą arba šviesiai pilką foną. Galbūt jie nėra labiausiai įkvepiantys, tačiau galite įsitikinti, kad jūsų turinys yra aiškiai matomas..

Išvada ir santrauka

Renkantis svetainės spalvų schemą, neturėtumėte vadovautis asmeninėmis nuostatomis ar nuojauta..

Naudokite spalvas, patrauklias jūsų potencialiai auditorijai, tada šaltinis ilgai išliks žmonių atmintyje. Tai išskirs jus iš konkurentų..

Spalvų paletė jokiu būdu neturėtų būti atsitiktinė. Tai yra veiksmų, kurių reikia imtis, rinkinys:

  • Pasirinkite tinkamą svetainės dominuojančią spalvą;
  • Pasirinkite tinkamas pagalbines spalvas pagal dominuojančią spalvą;
  • Pasirinkite tinkamą fono spalvą.

Laikydamiesi trijų aukščiau išdėstytų gairių, galite sukurti tinkamą savo svetainės spalvų schemą net nebūdami dizaino profesionalai.

Šis leidinys yra straipsnio „Kaip pasirinkti gerą spalvų schemą savo svetainei“ vertimas, kurį parengė draugiška „Internet Technologies.ru“ projekto komanda.