Vienas iš svarbiausių veiksnių kuriant unikalų ir atpažįstamą dizainą yra spalva. Tinkamai parinkta spalvų schema gali nulemti svetainės sėkmę ar nesėkmę. Kai lankytojas pirmą kartą pažvelgia į tinklalapį, pasirinktos spalvos siunčia jam momentinį pranešimą apie tą puslapį. Laimei, yra daug įrankių, padedančių pasirinkti tinkamą spalvų schemą. Čia yra penki geriausi.
1. Aušintuvas
Kuleris iš „Adobe“ jau seniai buvo pripažintas geriausiu profesionalaus interneto dizainerio asistentu. Skirtingai nuo konkurentų, čia yra didelė bendruomenė ir galite dalytis sukurtomis paletėmis arba paimti kitų žmonių spalvų schemas ir modifikuoti jas pagal savo poreikius. Norėdami bendrauti bendruomenėje, turite užsiregistruoti ir gauti „Adobe ID“. Kuler spalvos pateikiamos įvairiais formatais, įskaitant RGB, CMYK, LAB ir HSV.
Įkvėpimas gali kilti netikėčiausios progos įtakoje. Pavyzdžiui, galite pamatyti gražią nuotrauką su patrauklia spalvų schema. Šis spalvų paletės generatorius buvo sukurtas kaip tik tokioms nuotraukoms apdoroti. Įkelkite failus JPG arba PNG formatu ir gaukite išsamų pagrindinių spalvų išdėstymą. Nesvarbu, kokią reakciją bandote sukelti lankytojams, spalvų paletės generatorius gali padėti sukurti unikalią bet kurios svetainės išvaizdą.
Atskiros spalvos niekada nebūna vakuume, o kiekvienas atspalvis turi įtakos aplinkai. Įrankis Contrast-A naudojamas labai techniniu požiūriu į paletės konfigūraciją, pateikiant išsamią informaciją apie skaisčio santykį ir ryškumo bei spalvų skirtumus. Tai puikus įrankis, jei norite sukurti minimalistinę svetainę su keliomis viena kitą papildančiomis spalvomis.
Šis populiarus „Firefox“ papildinys leidžia nustatyti atskirų spalvų reikšmę tiesiogiai naršyklėje ir išmatuoti skirtumą tarp jų. Yra „spalvų schemos naršyklė“, skirta pasirinkti atskiras spalvas iš iš anksto pasirinktų rinkinių. Paprastas naudoti ir itin daug funkcijų turintis „ColorZilla“ papildinys yra tarsi Šveicarijos armijos naršyklės plėtinių peilis, skirtas interneto dizaineriams ir menininkams.
Skirtingai nuo daugelio kitų „spalvų rato“ spalvų schemų generatorių, „Colorotate“ paletę atvaizduoja 3D kūgiu. Kaip ir Kuler, vartotojai gali išsaugoti ir redaguoti savo spalvų schemas, taip pat peržiūrėti kitų dizainerių sukurtas paletes. Įrankis integruotas su populiariomis dizaino programomis Adobe Fireworks ir Photoshop.
Kalbant apie efektyvų interneto dizainą, mes kalbame apie intuityvias vartotojo sąsajas ir išdėstymus, tačiau spalvų schemos yra svarbios, jei ne daugiau. Čia išvardyti įrankiai turėtų nukreipti jus teisinga kryptimi, kad iš pirmo karto pasirinktumėte puikią spalvų paletę savo svetainei. Yra ir kitų naudingų įrankių, kuriuos galite rasti internete, tačiau nuo jų galite pradėti, kad rastumėte tobulą arsenalą, atitinkantį jūsų asmeninį stilių. Sėkmės ir sėkmės kuriant!
Spalvų paletės pasirinkimas visada yra sudėtingas uždavinys, nesvarbu, ar tai būtų svetainės ar mobiliosios programos kūrimas. Nereikėtų neatsargiai rinktis spalvų, nes gerai parinkta paletė nustato visos svetainės stilių.
Kaskart kuriant naują interneto dizainą, daug laiko praleidžiama renkantis skirtingus spalvų derinius. Alternatyvūs spalvų paletės įrankiai gali sutaupyti jūsų laiko ateityje.
Yra daugybė spalvų paletės pasirinkimo programų, tačiau šiame sąraše pasirinkome įrankius, kurie šiek tiek skiriasi nuo standartinių programų.
Svetainė su savaime suprantamu pavadinimu, kurioje renkama ir išsamiai pateikiama informacija apie spalvą. Tai labiau panašu į kūrėjo įrankį, kuriame yra pridėjimo ir atėmimo, galima kurti gradientus, tiksliai nurodant spalvų kodą visose galimose spalvų erdvėse. Toks požiūris patogus tiems, kurie turi laisvo laiko, taip pat nepaaiškinamą meilę skaičiavimams.
Draugiškas ir šiltas „lempų“ aptarnavimas, kuris džiugina nuo pirmos susitikimo minutės. Svetainės logika tokia, kad pasirenkate „vieną spalvą“, o paslauga siūlo tam tinkamus sprendimus: gradientą, tamsiausių ir šviesiausių atspalvių gamą, šiek tiek prislopintus arba ryškius pasirinktos spalvos atspalvius.
Skirtingai nuo ankstesnių paslaugų, šioje svetainėje demonstruojamos paruoštos, parinktos paletės, parodančios, kaip spalvos sąveikauja viena su kita pridėtose nuotraukose. Žvelgdamas į jūros bangas ar gėles, stebisi, koks turtingas yra gamtos kūrybinis impulsas ir kokios menkos mūsų spalvų žinios. Apskritai tai yra vertingas šaltinis tiems, kurie tik pradeda suprasti spalvų derinius ir mėgsta gražias nuotraukas.
Kaip autorius apibūdina savo šaltinį: „Sukūriau 0to255 svetainę, kad supaprastinčiau savo darbą“. Interneto dizaineriai ir panašių profesijų žmonės kasdien dirba su gėlėmis. Renkantis tinkamą, jiems reikalingi įvairūs jo atspalviai, o naudodamiesi šia paslauga galite lengvai sutaupyti laiko neapkraunant šešioliktainio kodo redagavimo.
Sprendimas tiems, kurie mėgsta vaizduose rasti spalvas. Tiesiog įkelkite vaizdą ir paslauga parodys pagrindinių spalvų paletę su šešioliktainiu kodu.
Kam gali prireikti programos, skirtos planšetinio kompiuterio spalvų sprendimams parinkti? Tikriausiai tiems, kurie ne tik dirba su spalvomis, bet ir su jomis gyvena, arba žmonėms, turintiems sinestezijos gebėjimą. Svetainė siūlo panašias, bet šiek tiek sumažintas sąsajos funkcijas, skirtas planšetiniam kompiuteriui. Deja, svetainė turi tam tikrų trūkumų, pavyzdžiui, 3D spektras, kuris yra svetainės savybė, yra nepatogus naudoti.
Amerikietiškuose televizijos serialuose jie dažnai sako frazę „Tik jei tu būtum paskutinis žmogus žemėje“, mūsų atveju – „Jei po ranka neturite jokios grafikos redaktoriaus“. Sausas, dažniausiai neįdomus. Jokio žavesio ar noro bendrauti, matyt, produktas nebuvo kuriamas ilgą laiką.
Sunku šią svetainę pavadinti paprasta, nes kūrėjai įtraukė viską, ko gali prireikti dirbant su spalvomis. Jame yra viskas: didelis kolekcijų pasirinkimas, kanalai, tendencijos, įvairių tipų raštų kūrimo įrankiai, spalvų paieška pagal vaizdą. Apskritai viskas, ko geidžia tavo širdis.
Apibendrinkime:
Nepaisant spalvų pasirinkimo paslaugų įvairovės, „Adobe Kuler“, mūsų redaktorių nuomone, gali būti vadinamas geriausiu, sprendžiant pagal galimybę pasirinkti spalvų derinius.
Vienas iš pagrindinių šio spalvų maišytuvo privalumų – galimybė išsaugoti pasirinkimus, peržiūrėti pasirinktas spalvas visame ekrane, taip pat dalintis savo radiniais ir pažvelgti į kitus. O tiems, kurie nebenori nė minutei naudotis šia paslauga, yra „Photoshop“ papildinys, leidžiantis naudotis programa neišeinant iš redaktoriaus.
Žinoma, skaitmeniniame amžiuje dizaineriui nereikia apsiriboti spalvomis, kurias galima gauti iš dažų, rašalo ar kitų pigmentų, nors iš požiūrio į spalvą vaizduojamojo meno kūriniuose taip pat galima daug pasimokyti. Žmogaus akis gali atskirti milijonus skirtingų atspalvių, tačiau kartais net dviejų spalvų derinimas gali būti sudėtingas.
Nuostabios spalvos savybės
Taip yra todėl, kad atspalvių pasirinkimas dizainui yra labai subjektyvus ir reikalauja tam tikrų žinių. Taigi, ką turėtų daryti dizaineriai, norintys surinkti gražią spalvų paletę, kuri gali nudžiuginti klientą? Norite to ar ne, geriausi spalvų deriniai neapsiriboja tik asmeniniais pageidavimais, nes jie turi nuostabų gebėjimą paveikti nuotaiką, emocijas ir suvokimą, įgauna kultūrinę ir asmeninę prasmę bei pritraukia dėmesį – tiek sąmoningai, tiek nesąmoningai.
Iššūkis dizaineriams ir rinkodaros specialistams yra subalansuoti sudėtingas atspalvių funkcijas, kad būtų sukurta patraukli ir įspūdinga spalvų derinių paletė. Čia praverčia pagrindinis spalvų teorijos supratimas. Tai gali padėti suprasti, kurie tonai gerai dera (arba ne) ir kokį poveikį sukurs skirtingi tam tikro dizaino deriniai.
spalvų derinys
Mokykloje vaikai šią temą nagrinėja dailės pamokose, tad turbūt visiems pažįstama jos nulupta forma: raudoni, geltoni ir mėlyni pagrindiniai tonai. Tradicinis spalvų ratas susideda iš 12 tonų ir dažnai naudojamas menininkų. Tai paprastas vaizdinis būdas suprasti spalvų santykius.
Pagrindinė spalvų rato užduotis yra spalvų derinimas. Sumaišius bazinius arba pirminius atspalvius (geltoną, mėlyną ir raudoną), susidaro antriniai atspalviai: žalia, violetinė ir oranžinė. Sujungus juos su pagrindiniu tonu, galima gauti trečiąjį apskritimo lygį – tretines spalvas. Tai raudonai oranžinė, žalia-mėlyna, mėlynai violetinė ir violetinė-raudona. Pirminiai ir antriniai tonai yra matomo spektro arba vaivorykštės spalvų dalis. Jų eiliškumą lengva prisiminti naudojant mnemoninę frazę „Kiekvienas medžiotojas nori žinoti, kur sėdi fazanas“: raudona, oranžinė, geltona, žalia, šviesiai mėlyna, mėlyna ir violetinė.
Šis spalvų supratimo būdas yra žinomas kaip atimtinis modelis, apimantis pigmentų, tokių kaip dažai ar rašalas, maišymą ir naudojamas tiek tradiciniame spalvų rate, tiek spausdinimo įrangoje naudojamoje CMYK sistemoje. Jis skiriasi nuo priedinio modelio, kuris apima skirtingų dažnių šviesos maišymą (pavyzdžiui, kompiuterio ar televizoriaus ekrane), susidedantį iš skirtingo raudonos, žalios, mėlynos (RGB) rinkinio.
Grafiniai redaktoriai naudoja kitą spalvų rato versiją. Bet kurį atspalvį galima pasirinkti naudojant šešioliktainį kodą.
Terminologija
Prieš sudarydami paletes, turite įsisavinti terminologiją, kuri padės suprasti skirtingus atspalvių tipus:
- atspalvis yra spalvos sinonimas ir tradiciškai reiškia vieną iš 12 spalvų;
- ryškumas: spalvos tono atstumo nuo juodos spalvos laipsnis;
- lengvumas: tono artumas baltai;
- sodrumas – spalvos intensyvumas arba grynumas (kuo atspalvis arčiau pilkos spalvos, tuo mažiau prisotintas).
Geriausi spalvų deriniai
Iš spalvų rato galime atpažinti daugybę klasikinių palečių, kurias menininkai naudojo per šimtmečius. Daugeliui dizaino sprendimų iš šių schemų reikėtų išskirti vieną dominuojančią spalvą – pagal jos naudojimo kiekį arba parinkimą iš kitų tonų – vieną ar daugiau akcentų:
1. Monochrominė schema: skirtingo ryškumo, šviesumo ar sodrumo tos pačios spalvos tonų naudojimas diapazone nuo šviesios iki tamsios. Sėkmingo vienspalvio derinio pavyzdys yra raudona su juoda ir balta. Ši schema suteikia ploną ir konservatyvų dizainą. Mėlyna ir balta – klasikinis 9 amžiaus kiniško porceliano derinys. ir prancūzų tekstilė XVIII a.
2. Panašūs, esantys vienas šalia kito ant spalvų rato. Jis yra universalus ir lengvai naudojamas kuriant projektus. Pavyzdys būtų violetinės ir mėlynos-violetinės spalvos derinys.
3. Papildoma schema: naudojami tonai, esantys priešinguose spalvų rato galuose. Pavyzdžiui, mėlyna ir oranžinė, raudona ir žalia. Papildomos spalvos pasižymi dideliu intensyvumu ir kontrastu, tačiau jas sunku pritaikyti harmoningai ir subalansuotai gryna forma, nes jos gali lengvai susidurti kuriant dizainą.
4. Suskaidyta papildoma schema: bet koks spalvų rato tonas ir dvi spalvos, besiribojančios su jo papildymu. Pavyzdžiui, geltona su žalia ir raudonai violetine. Ši schema taip pat turi stiprų vizualinį kontrastą, nors ir silpnesnį nei ankstesnė. Suteikia geriausius spalvų derinius pradedantiesiems dizaino srityje, nes sunku sujaukti.
5. Triadinė schema: bet kokie trys tonai, tolygiai paskirstyti spalvų rate. Suteikia gana ryškių derinių, net jei tonai yra blyškūs ir prisotinti. Norint sėkmingai naudoti, būtina pasiekti visišką balansą – viena spalva turi tapti dominuojančia, o kitos dvi – akcentais.
6. Tetradas arba dvigubas papildymas: susideda iš dviejų vienas kitą papildančių porų. Ši schema yra nepaprastai patraukli, tačiau ją naudoti sunkiau nei vieną papildomų spalvų porą, nes daugiau tonų yra sunkiau subalansuoti. Naudodami šią schemą, turėtumėte pasirinkti vieną spalvą kaip dominuojančią spalvą ir pakoreguoti kai kurių ar visų tonų sodrumą, ryškumą ir šviesumą, kad jie pateiktų geriausius spalvų derinius skirtingose dizaino dalyse.
Įkvėpimas
Be spalvų ratų derinių, gamta siūlo daugybę paruoštų sprendimų harmoningoms spalvų schemoms.
Spalvų derinimo parinktys apima jų temperatūrą (karšta arba vėsu), sodrumą (ryškios spalvos dažnai atrodo jaunatviškai, o blyškios – vintažiškai), nuotaiką (šviesią ir linksmą, tamsią ir rimtą), temą (vietą, sezoną, atostogas) ir kt. savybes.
Kita puiki spalvų paieškos technika – įkvėpimo ieškojimas į skirtingus istorinius laikotarpius ir meninius judėjimus: šiltas, šviesias impresionistų spalvas; ryškūs, netikėti postimpresionistų deriniai; švelnios, žemiškos Art Nouveau spalvos; ryškūs, drąsūs pop meno atspalviai.
Spalvos psichologija
Mus supa spalva. Nesvarbu, ar mes tai suvokiame, ar ne, tai vaidina svarbų vaidmenį mūsų kasdieniame gyvenime. Ar matėte šiandien kelyje oranžinį arba geltoną kelio ženklą? Jis patraukė dėmesį ne be priežasties. Spalva turi nuostabų ryšį su mūsų nuotaikomis ir emocijomis.
Tačiau ne visi spalvą patiria vienodai. Prasmė ir simbolika, kurią mes siejame su skirtingais tonais, labai priklauso nuo kultūrinių ir socialinių grupių, kurioms priklausome, įtakos. Štai keletas įprastų reikšmių, susijusių su pagrindinėmis spalvomis Vakarų kultūroje.
Raudona
Ši spalva perteikia daug skirtingų idėjų, priklausomai nuo konteksto. Susijęs su ugnimi, jis gali simbolizuoti šilumą ar pavojų. Kadangi raudona yra kraujo spalva, ji laikoma energingu, gyvu tonu, todėl siejama su širdies reikalais ir kartais smurtu.
Alternatyvios reikšmės: kai kuriose Rytų kultūrose raudona spalva simbolizuoja sėkmę ir klestėjimą ir yra ta spalva, kurią vestuvių dieną dėvi nuotakos. Visame pasaulyje raudona spalva siejama su įvairiais politiniais judėjimais ir simbolizuoja revoliuciją.
Prekės ženklo kūrime: dažnai reiškia jėgą, pasitikėjimą ir galią ir yra gerai matomas.
Oranžinė
Taip pat ugnies spalva oranžinė sujungia raudonos spalvos šilumą su geltonos spalvos linksmumu ir simbolizuoja aktyvumą, energiją ir optimizmą. Taip pat siejamas su derliumi ar rudeniu.
Alternatyvios reikšmės: Indijoje šafranas, turintis gelsvą atspalvį iki oranžinės spalvos, laikomas šventu. Japonijoje spalva simbolizuoja meilę.
Prekės kūrime: dažnai reprezentuoja jaunystę ir kūrybiškumą. Auksas, kuris taip pat yra oranžinis ar geltonas atspalvis, simbolizuoja prabangą ir aukštą kokybę.
Geltona
Kaip saulės spalva dažnai simbolizuoja pavasario laimę, linksmumą, draugiškumą ir gaivumą. Be to, tam tikrais atvejais jis gali duoti įspėjamąjį signalą arba įspėti apie atsargumą. Kai kurie variantai (ypač nesotieji ir žalsvi) atrodo liguistai arba nemalonūs, o tai nenuostabu, nes istoriškai geltona spalva kartais siejama su liga ir karantinu.
Alternatyvios reikšmės: kai kuriose Rytų ir Azijos kultūrose geltona spalva siejama su aukštu gimimu ar statusu. Kai kuriose Afrikos ir Lotynų Amerikos dalyse šis tonas yra tradicinė gedulo spalva.
Prekės ženklo kūrime: aiškus arba ryškiai geltonas atspalvis patraukia dėmesį, tačiau gali kelti nerimą ar net sunkiai įžiūrėti (pvz., baltas tekstas ryškiai geltoname fone arba atvirkščiai), jei naudojamas neatsargiai.
Žalia
Tai gamtos, augmenijos ir augimo spalva. Tai dažnai simbolizuoja sveikatą, šviežumą ar natūralias savybes. Tamsiai žalia gali simbolizuoti turtą ir stabilumą.
Alternatyvios reikšmės: tarp islamo kultūrų žalia yra šventa spalva. Jis taip pat siejamas su Airija, Šv. Patriko diena ir laimingaisiais keturių lapų dobilais.
Prekės ženklo kūrimas: prekės ženklai arba produktai, parduodami kaip „žali“ (natūralūs, sveiki, ekologiški, ekologiški ir kt.), dažnai naudoja natūralias spalvas, tokias kaip žalia ir ruda.
Mėlyna
Jūros ir dangaus spalva dažnai simbolizuoja taiką ir tyrumą. Skirtingai nuo energingesnių ir šiltesnių tonų, mėlyna suvokiama kaip raminanti. Kai kuriais atvejais tai gali reikšti liūdesį ar depresiją.
Alternatyvios reikšmės: Artimųjų Rytų kultūrose mėlyna tradiciškai saugo nuo blogio. Dėl savo sąsajos su dangumi daugelyje kultūrų ši spalva simbolizuoja nemirtingumą ir dvasingumą.
Prekės ženklo kūrime: mėlyna yra plačiai naudojama ir yra viena universaliausių spalvų. Paprastai tai simbolizuoja patikimumą, saugumą ir stabilumą. Tonas ypač populiarus įmonių kontekste, nes suvokiamas kaip turintis rimtų, konservatyvių ir profesinių savybių.
Violetinė
Tradiciškai siejamas su kilnumu, didybe ar garbe. Taigi jis turi dvasinių, mistinių ar religinių poteksčių.
Alternatyvios reikšmės: daugelyje pasaulio kultūrų violetinės spalvos derinys simbolizuoja kilmingumą ar turtą, tačiau Tailande ir kai kuriose Pietų Amerikos dalyse jis siejamas su gedulu.
Prekės ženkle: tamsūs violetiniai atspalviai dažnai yra prabangos simbolis, o šviesesni ir ryškesni atspalviai mėgstami moterų ir vaikų.
Juoda
Kaip ir raudona, ši spalva turi daug (kartais prieštaringų) reikšmių. Jis gali atstovauti galią, prabangą, rafinuotumą ir išskirtinumą. Kita vertus, juoda spalva simbolizuoja mirtį, blogį ar paslaptį. Drabužiuose tai yra oficialumo arba gedulo ir sielvarto simbolis (kaip tradiciškai gedi per laidotuves).
Alternatyvios reikšmės: kai kuriose Azijos ir Lotynų Amerikos šalyse juoda laikoma vyriška spalva. Egipte tai reiškia atgimimą. Daugelyje kultūrų spalva siejama su magija, prietarais ar nesėkme, taip pat su nepaaiškinamu ar nežinomu dalyku.
Prekės kūrime: juoda spalva naudojama taip plačiai, kad beveik tapo neutrali, nors priklausomai nuo konteksto gali simbolizuoti tai, kas išdėstyta aukščiau. Daugelis dizainų yra tiesiog juodai balti (sąmoningai arba tiesiog norint sutaupyti spalvoto spausdinimo).
Baltas
Kaip šviesos ir sniego spalva, balta dažnai simbolizuoja tyrumą, nekaltumą, gėrį ar tobulumą (tradiciškai dėvi nuotakos), tačiau taip pat reiškia griežtumą ar sterilumą.
Alternatyvios reikšmės: Kinijoje balta yra gedulo spalva. Daugelyje kultūrų ji reiškia taiką – balta vėliava yra universalus paliaubų arba pasidavimo simbolis.
Prekės ženkle: balta spalva dažnai simbolizuoja paprastumą, grynumą ar modernumą. Minimalistinės estetikos siekiantys dizaineriai dažnai naudoja daug baltos spalvos.
Spalva dizaine
Spalvų derinio pasirinkimas yra daugiau nei dviejų ar trijų atspalvių pasirinkimas ir vienodomis proporcijomis paskirstymas visame dizaine. Veiksmingas jų naudojimas labai susijęs su pusiausvyra, ir kuo daugiau tonų naudojate, tuo sunkiau tai pasiekti.
Lengviausia šią koncepciją įgyvendinti suskirstant pasirinktas spalvas į dominuojančias ir akcentines spalvas. Dominuojantis tonas bus labiausiai matomas ir naudojamas dizaine, o vienas ar keli akcentai jį papildys ir subalansuos. Atkreipti dėmesį į spalvų sąveiką – kontrasto buvimą ar nebuvimą, kaip atrodo gretimi tonai, kokią nuotaiką sukuria spalvų ir atspalvių derinys ir pan. – padės tiksliai parinkti idealią paletę dizaino tikslams.
Visuotinai priimta pagrindinės trijų spalvų paletės naudojimo taisyklė yra 60-30-10 taisyklė. Šis metodas dažnai naudojamas kuriant interjero dizainą, tačiau jis taip pat gali būti veiksmingai naudojamas kuriant žiniatinklio ar spaudos dizainą. Pakanka 60% skirti dominuojančiai spalvai, o likusius 30% ir 10% skirti dviem akcentams. Geras pavyzdys, paaiškinantis šią taisyklę, yra vyriškas kostiumas: švarkas ir kelnės sudaro 60 % drabužio spalvos, marškiniai – 30 %, o kaklaraištis – likusius 10 %. Visi kartu suteikia subalansuotą, elegantišką išvaizdą.
Kitas būdas išlaikyti savo paletę paprastą ir subalansuotą – naudoti ryškumą ir lengvumą (arba šviesesnes ir tamsesnes pasirinkto atspalvio versijas). Tokiu būdu galite išplėsti spalvų pasirinkimą nepersistengdami dizaino.
ir prekės ženklą
Prekės ženklo atpažinimas labai priklauso nuo spalvos. Tiesiog pagalvokite apie „Coca-Cola“, „Facebook“ ar „Starbucks“ ir nesunku prisiminti tonus, su kuriais siejami šie prekių ženklai.
Vinipego universitete atliktas tyrimas parodė, kad žmonių pirminiai sprendimai apie gaminius daugiausia grindžiami spalva (60–90 % įvertinimo). Tai reiškia, kad dizaino tonas yra ne tik meninis pasirinkimas, bet ir svarbus verslo sprendimas, turintis įtakos viskam, nuo to, kaip vartotojai suvokia prekės ženklą, iki produktų pardavimo.
Tačiau renkantis logotipo spalvų gamą, nebūtina laikytis tradicijų, simbolikos ar stereotipų. Čia nėra apsisaugojimo ar greitų taisyklių. Dar svarbiau yra tai, kaip tonas naudojamas kuriant ir dera su prekės ženklo rinkos kontekstu ir charakteriu.
RGB vs CMYK
Kai dirbate su spausdintu projektu, jūsų kompiuterio monitorius negali rodyti spalvų taip, kaip jos atrodys popieriuje. Tai, ką matote, nėra tai, ką gaunate, nes skaitmeniniuose monitoriuose ir spausdintuvuose naudojamos dvi skirtingos sistemos: RGB ir CMYK. Pirmasis reiškia mažus raudonos, žalios ir mėlynos šviesos taškus, kurie kartu sudaro matomas spalvas ekrane; antroji reiškia žydros, purpurinės, geltonos ir juodos spalvos tonus spalvotiems atspaudams kurti. Kadangi RGB naudoja platesnį spektrą nei CMYK, kai kurie dizaineriai iš pradžių kuria RGB spausdinimo dizainą, kad išlaikytų daugiau spalvų parinkčių ir prieš spausdindami gatavą dizainą konvertuotų į CMYK.
Dėl šios priežasties jiems reikalingas įrankis, užtikrinantis spalvų nuoseklumą abiejose sistemose – pavyzdžiui, kuriant logotipą svetainei ir spausdinant jį vizitinėje kortelėje. Viena iš tokių sistemų yra „Pantone Matching System“ (PMS). Jis gali suderinti žiniatinklio ir spausdinimo (ir skirtingų tipų spausdintų paviršių) tonus, kad būtų užtikrintas nuoseklus vaizdas.
Spalva: suprask, tyrinėk ir mylėk!
Dizaineriai specializuojasi spalvų teorijos, psichologijos ar neurologijos – sudėtingų dalykų, esančių meno ir mokslo sankirtoje, studijose. Tačiau tai yra dalis to, dėl ko ši profesija yra tokia įdomi ir tokia veiksminga priemonė rinkoje. Nors šiame vadove apibrėžiami tik pagrindiniai dalykai, tikimasi, kad jis padės priimti labiau pagrįstą ir efektyvesnį spalvų pasirinkimą asmeniniams ar profesiniams projektams.
Spalvos vaidina didžiulį vaidmenį kuriant interneto svetainę. Norint teisingai pasirinkti svetainės spalvų schemą, yra specialių paslaugų. Esu tikras, kad kiekvienas interneto dizaineris turi bent vieną iš jų savo žymėse.
Kartais sėdi ir galvoji, kokį mėlynos atspalvį pasirinkti kaip pagrindinį svetainei, šiek tiek šviesesnį ar šiek tiek ryškesnį, o gal tamsesnį... Ir dar reikia pasirinkti jai papildomų. Žinoma, galite tai padaryti akimis, tačiau geriau pasinaudoti viena iš specialiųjų paslaugų.
Nekalbėsiu apie spalvų teoriją (tai per didelė informacija), o tiesiog paskelbsiu čia tas paslaugas, kurias turiu savo žymėse ir kuriomis naudojuosi.
Su šiuo instrumentu draugauju daug metų. Patogiausia priemonė spalvoms parinkti (mano nuomone). Jis turi daug papildomų funkcijų. Pavyzdžiui, galite pamatyti šviesaus ir tamsaus puslapio su pasirinktomis spalvomis pavyzdį.
Galima įvertinti, kaip jūsų spalvų gamą matys daltonizmo ir kitų regėjimo sutrikimų turintys žmonės. Galite pasirinkti internete saugias spalvas.
„Adobe Kuler“ yra antrasis žiniatinklio įrankis, kurį naudoju gana dažnai. Spalvų schemų pasirinkimas beveik toks pat kaip ir ankstesnėje svetainėje, bet ne dėl to man tai patinka. Galite ne tik patys kurti spalvų schemas, bet ir peržiūrėti ir naudoti kitų žmonių sukurtas schemas.
Norėdami tai padaryti, spustelėkite mygtuką viršutiniame kairiajame meniu „Žiūrėti“. O prieš jus atsivers įvairiausių spalvų derinių galerija.
Šis įrankis yra šiek tiek panašus į Colorscheme, tačiau turi mažiau funkcijų, tačiau galite pamatyti, kaip atrodys spalvų blokai.
Šios svetainės praktiškai nenaudoju, bet kadangi turiu ją savo žymėse, nusprendžiau ir ją pridėti.
Šios dvi svetainės sukuria paletę iš pasirinkto vaizdo. Tai magija :)
Jūs pasirenkate bet kurį paveikslėlį, kurio spalvos jums patinka, paslauga ją išanalizuoja ir pateikia spalvų paletę. Vienintelis skirtumas tarp šių dviejų svetainių yra tai, kaip jose pateikiamas vaizdas.
Ši svetainė reikalauja parsisiųsti paveikslėlį iš savo kompiuterio.
Labai patogus įrankis spalvų parinkimui. Remiantis principu "patinka - nepatinka".
Kaip rodo pavadinimas, čia galite pasirinkti spalvas dabar madingam plokščiam dizainui. Svetainė įdomi, nes pasirinkę paletę galėsite ją atsisiųsti Corel ir Photoshop.
Kita mados tendencija – medžiagų dizainas. Šioje svetainėje galite pasirinkti UI (naudotojo sąsajos) spalvų derinius. Be to, svetainėje yra daug piktogramų.
Spalva – vienas svarbiausių dizainerio darbo elementų. Tačiau kaip koncepciją gali būti gana sunku įsisavinti: dėl daugybės palečių derinių dažnai sunku nuspręsti, kaip geriausiai sukurti tinklalapių ir programų sąsają. Anksčiau paskelbėme pasirinktų įrankių apžvalgas ir . Ir šiandien norime išplėsti temą, tinklaraštyje paskelbdami Nicko Babicho straipsnio Essential Color Tools for UX Designers vertimą.
Pastaboje pateikiamas geriausių svetainių spalvų parinkimo paslaugų ir UX dizaino sąrašas, kuris padės sutaupyti daug laiko. Vykdydami šiuos projektus išmoksite:
- iš kur semtis įkvėpimo;
- kaip susikurti savo paletę;
- kaip padaryti dizainą prieinamą žmonėms, turintiems spalvų regėjimo sutrikimų.
1. Ieškote įkvėpimo
Gamtos spalvos
Pieškite iš jus supančio pasaulio. Viskas, ką jums reikia padaryti, tai tiesiog apsižvalgyti. Madingi drabužiai, knygų viršeliai, interjero dizainas... aplink jus yra tiek daug nuostabių dalykų. Tačiau geriausi spalvų deriniai yra gamtos spalvos. Užfiksuokite gražią akimirką ir pabandykite sukurti savo pasirinkimą pagal konkretų vaizdą.
Geriausi spalvų deriniai randami gamtoje. Spalvų schemą galite gauti iš bet kurios nuotraukos
Behance
Šioje populiarioje paslaugoje rasite įdomių darbų, įtrauktų į geriausius tikrų savo srities profesionalų internetinius portfelius. Ši svetainė taip pat yra puikus įkvėpimo šaltinis. Norėdami peržiūrėti naujus vertingus projektų pavyzdžius, tiesiog pasirinkite norimą spalvą.
Dribble spalvos
Dribbble yra vienas geriausių, kuris pravers kuriant vartotojo sąsają. Jei norite vizualiai suprasti, kaip kiti naudojo tam tikrą spalvą, eikite į dribbble.com/colors ir įveskite norimą reikšmę.
Renkantis svetainės spalvą, čia galite nustatyti minimalų jos procentą – eksperimentuokite, pavyzdžiui, pabandykite nustatyti 30% mėlynos spalvos.
Pabandykite „Dribbble“ nustatyti minimalų tam tikros spalvos procentą
Dizaino įkvėpimas
Designspiration yra naudingas įrankis pirmiausia tiems, kurie jau turi idėjų spalvų deriniams ir nori pamatyti tokių derinių pavyzdžių. Pasirinkite nuo 1 iki 5 parinkčių ir rasite paveikslėlius, atitinkančius nurodytus parametrus.
„Designspiration“ rasite įvairių spalvų derinių pavyzdžių
Tineye Multicolr
Naudodamiesi Tineye Multicolr spalvų derinimo paslauga galite nustatyti norimą vaizdo gamą ir netgi nustatyti kiekvieno iš jų procentą (santykį). Svetainė integruota su 20 milijonų „Creative Commons“ nuotraukų iš „Flickr“ duomenų baze. Tai neabejotinai vienas greičiausių būdų rasti tobulą paletę.
Colorzilla
„ColorZilla“ yra plėtinys, skirtas įdiegti „Chrome“ ir „Mozilla Firefox“ naršyklėse. Tai apima tokius įrankius kaip lašintuvas, paletės naršymas, kūrimas ir kt.
„ColorZilla“ plėtinys pasiekiamas „Chrome“ ir „Firefox“.
„Shutterstock“ spektras
Vienas iš geriausių būdų įsivaizduoti, kaip atrodys spalvų schema, yra pažvelgti į atitinkamus vaizdus. Daugumoje sprendimų, siūlančių svetainių dizaino spalvų pasirinkimą, ši funkcija yra, tačiau „Shutterstock Spectrum“ turi neįtikėtinai patogią sąsają ir peržiūrą, kuri gali būti tikrai naudinga.
Be to, jums nereikės prenumeratos, nes pakaks preliminaraus nuotraukos įvertinimo (net nepaisant to, kad ant jo yra „vandens ženklas“).
W3Schools
Tinklaraštis neseniai apžvelgė W3Schools pasirinkimą. Ten surinkta daug informacijos ta tema, pradedant nuo jų pavadinimų/atspalvių kodų, palečių derinimo teorijos ir baigiant skirtingų formatų aprašymu: HEX, RGB, CMYK, HWB ir t.t.. Rasite ir paprastų generatoriai, keitikliai ir panašios „mini paslaugos“. Apskritai, įdomu žiūrėti.
2. Sukurkite spalvų paletę
Medžiagų dizaino spalvų įrankis
Medžiagų dizaino spalvų įrankis leidžia kurti, bendrinti spalvų schemas ir peržiūrėti apytikslę pasirinkimų vartotojo sąsają. Viena iš naudingų jo funkcijų yra išmatuoti bet kokio spalvų derinio prieinamumo lygį.
Spalvos
„Coolors“ yra kelių spalvų paletės kūrimo svetainė. Tiesiog prisekite konkrečią spalvą ir paspauskite tarpo klavišą. Įrankis geras ir tuo, kad gausite ne vieną rezultatą, tačiau pakeisdami tik pradinius duomenis galėsite sugeneruoti keletą variantų.
Spalvų gama šaltiniuose pagal nuotrauką
Adobe Color CC
Spalvų derinimo paslauga Adobe Color CC (anksčiau Kuler) dabar yra gana populiari. Jis yra laisvai prieinamas internete, tačiau yra ir desector versija. Naudodami šią žiniatinklio programą sukursite savo paletę naudodami spalvų ratą:
Arba galite gauti tam tikrą rezultatą iš baigto vaizdo:
Spalvų pasirinkimas svetainei pagal paveikslėlį
Čia yra šimtai paruoštų derinių, ieškokite jų skiltyje „Žiūrėti“:
Jei naudojate darbalaukio versiją, sukurtą spalvų sistemą galite eksportuoti į „InDesign“, „Photoshop“ ir „Illustrator“ vienu paspaudimu.
Paletonas
Jis dažnai lyginamas su ankstesniu „Adobe Color CC“, nes dizainai yra labai panašūs. Vienintelis skirtumas yra tas, kad Paletton neapsiribojate penkiais parametrais, bet galite eksperimentuoti su papildomais sąsajos tonais.
Be to, galite pažiūrėti. Kartu su kitais programa leidžia dirbti bet kur, tiesiog naudojant išmanųjį telefoną. Be tiesioginių užduočių kuriant / eksportuojant spalvų paletes, čia galite pasirinkti konkrečias spalvas iš paveikslėlių arba naudoti pagrindines parinktis.
3. Padaryti paletę prieinamą
Šiais laikais spalvų matymo sutrikimai yra daug dažnesni, nei mes suprantame. Apie 285 milijonai žmonių pasaulyje patiria regėjimo problemų. Visada turėtumėte patikrinti, ar jūsų pasirinktas variantas yra prieinamas tokiems vartotojams.
WebAIM spalvų kontrasto tikrintuvas
Vieni tonai dera tarpusavyje, o kiti – visiškai priešingai. Daug projektų neatlaiko A/A testo, ir tai faktas. Labai svarbu patikrinti vizualinį sąsajos dizainą ir tonų kontrastą, ypač jei puslapyje yra daug teksto. Šiems tikslams naudokite renkantis svetainės spalvas.
„WebAIM Color Contrast Checker“ yra žiniatinklio įrankis, kuris tikrina spalvų kodus šešioliktainėmis reikšmėmis.
Spalvos
Šią paslaugą jau minėjome aukščiau. Be kita ko, „Coolors“ taip pat padės patikrinti jūsų sugalvotą paletę dėl daltonizmo.
Daltonizmo tipas diagramoje
Vietoj įprasto režimo pasirinkite regėjimo problemos, kurią norite imituoti, tipą. Dėl to jūs tiksliai suprasite, kaip žmogus, kuris nesugeba atskirti tam tikrų spalvų, matys jūsų dizainą.
Taip protanomalija sergantis žmogus mato paletę
„NoCoffee Vision Simulator“, skirta „Chrome“.
Naudodami NoCoffee Vision Simulator svetainę galite pamatyti, kaip daltonikai arba silpnaregiai suvoks tam tikrus tinklalapius. Pavyzdžiui, jei skiltyje „Spalvų trūkumas“ nurodysite parametrą „Achromatopsia“, tinklalapis bus rodomas pilkos spalvos.
Taip atrodo CNN projektas žmogui, sergančiam deuteranopija.
Išvada
Visos straipsnyje paminėtos svetainės spalvų derinimo ir UX dizaino paslaugos tikrai padės ieškant įdomios ir efektyvios paletės. Tačiau atminkite: geriausias būdas išmokti kurti nuostabias paletes yra daug praktikuotis ir eksperimentuoti.