Pradedate savo pirmąją internetinę svetainę ir nežinote, kaip pasirinkti sau tinkamas spalvas? Atrodo gal ir paprastas dalykas lyginant su pačios svetainės kūrimu, bet pradėjus apie tai galvoti gali pasirodyti ir ne taip lengva.
Aš pats ne kartą su tuo susidūriau, net ir kuriant Kepu Bzini svetainę. Manau, mano patarimai pravers padedant išspręsti šia problemą.
Šitame įraše pakalbėsiu nuo ko pradėti, kokia yra spalvų psichologija, į ką reikėtų atkreipti dėmesį, kokius įrankius galite naudoti ir pasidalinsiu savo įžvalgomis bei patarimais.
Turinys
Nuo ko pradėti?
Pradžios paradoksas, atrodo tai paprasta, bet tuo pačiu ir sudėtinga. Pradėjus galvoti apie tai, kaip atrodys jūsų internetinė svetainė ją sukūrus gali būti sudėtinga. Atrodo, čia tiek daug spalvų ir kaip čia viskas turėtų atrodyti ir derintis.
Geriausia nesukti per daug sau galvos ir pradėti nuo dviejų spalvų.
Pradėkite galvoti apie savo pagrindinę spalvą, kurią jūs norėsite matyti savo svetainėje. Tai bus jūsų svetainės identitetą kurianti spalva, prie kurios pridėsite keletą kitų papildomų spalvų.
Patarimas renkantis savo spalvą. Negalvokite tik apie savo mėgstamiausią spalva, pagalvokite, kas didžiajai daliai žmonių patiktų. Jeigu jums patinka ryškios, stiprios spalvos tai nebūtinai reiškia, jog jos gerai atrodys jūsų svetainėje.
Pagalvokite, kas bendrame vaizde atrodytų gražu. Jūsų kuriama svetainė tai lyg tapomas paveikslas, spalvos turi būti malonios akiai ir kartu derintis.
Gal čia praverstų truputi paieškoti įkvėpimo savo spalvų paletei?
Man labai patinkanti vieta ieškant įkvėpimo yra Pinterest čia galima rasti visko. Galima ieškoti tiek spalvų palečių, tiek tam tikrų spalvų dizaino idėjų ir dar daug ko kito.
Sakykim aš žinau, jog noriu, kad mano internetinė svetainė būtų oranžinės spalvos palete. Kaip matote to ir ieškau, rezultatai tikrai molonūs akiai.
Jeigu Jūs randate paletę, kuri jums patinka ir ji nebus per daug apkraunanti jūsų svetainę tai drąsiai galite ją naudoti. Man pačiam ne kartą yra pavykę tiesiog nusižiūrėti gražią spalvų paletę ir ją pritaikyti sau.
Žinoma, dar galite paieškoti Jus dominančios splavos web dizaino idėjų.
Kaip matote, čia mes gauname įvairiausių variantų, kurie leis mums įsivaizdoti, kaip mūsų svetainė galėtų atrodyti. Tai ne tik padės viską įsivaizduoti spalvų atžvilgiu, bet ir pačios struktūros, o tai kiek palengvina visą darbą.
Turint tokių puikių pavyzdžių internetinės svetainė kūrimo procesas tampa paprastesnis.
Tai bendrai kalbant apie pradžią, tiesiog pasirinkite savo norimą spalvą, paieškokite jos palečių ir pažiūrėkite, kaip daugmaž internetinės svetainės dizainas galėtų atrodyti.
Pirmoje stadijoje jūsų tiklas yra tiesiog atrasti įkvėpimą, spalvų paletę, kuri galėtų patapti jūsų projekto dalimi.
Mažiau yra daugiau
Kaip ir matote Pinterest rodomų web dizaino pavyzdžių, dažniausiai internetinės svetainės nėra perkrautos. Daugiausiai galima matyti dvi išsiskiriančias spalvas, kur vienos splavos dominacija aiški.
Prie šių spalvų dar prisiderina viena ar keletas kitų. Dažnai tai būna neutralūs deriniai, kaip pagrindinės spalvos atspalviai ar pilkesnės spalvos.
Kaip ir šitame pavyzdyje matote turime oranžinę – pagrindinę spalva, kuri dominuoja. Taip pat galite matyti šios splavos atspalvių. Ir čia dar turime papildomą violetinę spalva, kuri yra lyg akcentas. Tokią spalva puikiai tinka naudoti įvairiems mygtukams ir kitoms mažesnems detalėms.
Viskas atrodo gan paprastai, bet žiūrisi labai gerai.
Kaip suderinti spalvas?
Sakykim jūs išsirinkote oranžinės spalvos atspalvį, kurį norėtumėte naudoti savo internetinėje svetainėje.
Žinant šios splavos kodą (HEX) #f76c23 mes galime sugeneruoti suderinamas spalvas. Spalvų palečių generavimui mes galime naudoti įrankį Coolors jis mums padės surasti derančias spalvas.
Nuėjus į šį įrankį pamatysite spalvų generatorių. Jums bus aktyvuotos penkios spalvos, bet aš siūlyčiau jums pasilikti tris spalvas. Jas galima išjungti paspauds X simbolį ant spalvos.
Tada į pačią pirmą spalva pridėkite savo spalvos kodą (HEX). Mano atvėju tai būtu šis kodas #f76c23
Viskas turėtų atrodyti, kaip viršutiniame vaizde. Svarbu nepamirškite užrakinti savo pagrindinės spalvos, kad būtent jai būtų pritaikomos derančios spalvos.
Paspauskite ant savo pridėtos spalvos spynelės simbolį ir ji bus užrakinta.
Dabar kiekvieną kartą, kai paspausite tarpo mygtuką (space) savo klaviatūroje, jums bus generuojamos vis naujos kombinacijos.
Suradus sau tinkamą kombinaciją turėsite pakankmai spalvų, kurias galėsite puikiai suderinti savo internetinei svetainei.
Pabandykite panaudoti įvairias kombinacijas savo svetainėje, kol galiausiai atrasite, kas jums tinka.
Spalvų psichologija
Šita dalis bus labiau jus supažindinti su spalvų psichologija. Paprastai tarian kokias emocijas tam tikros spalvos sukelia.
Tai turėtų kiek padėti renkantis spalvas savo internetinei svetainei, bendras suvokimas yra visada geras dalykas.
Žinant šią informaciją tikriausiai pasidaro gan aiškiau, kodėl kai kurios spalvos dominuoja tam tikrose sferose. Sakykm politikoje dažnai yra gausu mėlynos spalvos – tai pasitikėjimą skatinanti spalva.
Žinoma, visa tai veikia labiau pasamonės lygyje, bet tam tikros asocijacijos ir taip aiškios. Balta, violetinė bei juoda galimas prabangos derinys ir panašiai.
Tai nereiškia, jog šia spalvų psichologija reikėtų vadovautis aklai, kad tik tam tikros spalvos galimos tik būtent tiems dalykams, kurie yra susyja su ta emocija. Visa tai yra tam, kad jūs kiek suprastumėte kokia jungtis yra tarp spalvų ir emocijų.
Dirbtinio intelekto pagalba
Na ir kaip mes galime nepasinaudoti dirbtiniu intelektu, kai jo tiek visur pilna. Patarimai, kuriais pasidalinau viršuje jus padės užvesti ant kelio ir apgalvoti kokias spalvas naudoti. Dirbtinis intelektas turėtų padėti nuspręsti viską galutinai.
Čia naudosiu ChatGTP.
Pavyzdžiui aš noriu naudoti oranžinę spalvą, bet šį kartą nebūtinai tą kurią naudojau prieš tai. Atsidarius ChatGTP taip ir paprašysiu, jog man parekomenduotų oranžinės splavos paletes.
Kaip matote, uždaviau paprastą komandą su truputi papildomų detalių. Na ir čia pamatysite vieną iš gautų variantų.
Variantas aiškiai aprašytas, kokio tipo spalvos paletė ir kokį įspūdi ji gali sudaryti. Čia kaip matote spalvos pateiktos su HEX kodais ir parodyta kam jos gali būti panaudojamos.
Sakykime kitas variantas, aš noriu naudoti prieš tai išsirinktą oranžinę spalvą #f76c23 kaip mano pagrindinę, bet nežinau ką prie jos galėčiau priderinti. Galiu paklausti ChatGTP, ką man galėtų parekomenduoti.
Kaip matote tai buvo mano komanda. Užduodamas prašymus ChatGTP aš mėgstu įdėti kiek daugiau informacijos, kad gaučiau man labiau tinkamą atsakymą.
Ir čia vienas iš gautų variantų.
Kaip ir prieš tai buvusioje užklausoje gautas variantas aiškus. Kaip matote yra rodoma mano įvesta pagrindinė spalva ir kiti pasiūlymai.
Taip naudojant dirbtinį intelektą galite greičiau atrasti norimas spalvas savo internetinei svetainei.
Pabaigai
Dabar žinant šią visą informaciją jums turėtų būti lengviau atrasti tinkamas spalvas savo internetinei svetainei. Svarbiausia neperkrauti savo svetainės spalvomis, nes mažiau yra dažniausiai daugiau.
Šie metodai, kuriuos pasidalinau su jumis yra būtent tie kuriuos aš pats naudoju jau daug laiko. Man tai veikia, manau tai suveiks ir jums. Dėkoju, jog skaitėte.