Štai keletas pasiūlymų, kaip pakeisti Vilkijos gimnazijos svetainės (kaip pavaizduota image_0.png) spalvas, kad jos būtų optimaliai suderintos, atrodytų moderniau ir profesionaliau:
Pagrindinis tikslas: Sukurti ramesnę, švaresnę paletę, kuri būtų vizualiai maloni ir lengvai skaitoma, išlaikant kai kuriuos originalios paletės elementus atpažįstamumui, bet juos sušvelninant.
Štai žingsnis po žingsnio planas, kuriame naudojamas Harmoningas, Gamta įkvėptas Modernumas:
1. Pagrindinės spalvos ir Fonas (Sukurti švarą)
- Esama: Baltas fonas.
- Keitimas: Išlaikykite baltą foną. Tai geriausia skaitymui ir palieka erdvės kitiems elementams. Galite naudoti labai šviesų, beveik nepastebimą pilkšvą atspalvį (pvz.,
#F9FAFB), kad sumažintumėte akinimą, tačiau gryna balta taip pat yra geras pasirinkimas.
2. Navigacijos Meniu ir Viršutinė Juosta
Tai labiausiai matoma dalis ir čia esama paletė (pilka, žalia, raudona) yra šiek tiek atgyvenusi.
- Viršutinė juosta (kur yra telefonas/adresas):
- Keitimas: Pakeiskite šviesiai pilką foną į labai šviesų smėlio arba šiltą taupe atspalvį (pvz.,
#F5EFE6). Tai sušildys puslapį ir geriau derės su natūralios šviesos jausmu, kurį suteikia fono nuotrauka. - Tekstas: Išlaikykite tamsiai pilką ar juodą tekstą.
- Mygtukas „Skambinti”: Pakeiskite esamą ryškiai žalią į miško žalią arba alyvinę žalią (pvz.,
#3E5C31). Tai sukuria ryšį su gamta. - Piktogramos (namas, paštas): Galite pakeisti jas iš juodos į tamsiai mėlyną (pvz.,
#1F2937) – tai atrodys šiek tiek minkščiau.
- Keitimas: Pakeiskite šviesiai pilką foną į labai šviesų smėlio arba šiltą taupe atspalvį (pvz.,
- Meniu juosta:
- Keitimas: Pakeiskite tamsią meniu juostą į sodrią, tamsiai mėlyną (pvz.,
#1E3A8A) arba tamsiai pilką-mėlyną (pvz.,#374151). Tai atrodo daug profesionaliau. - Tekstas meniu: Baltas tekstas ant naujos tamsios juostos.
- Išskleidžiamasis meniu (šiuo metu geltonas):
- Tai yra pagrindinė vieta, kuria norite atsikratyti ryškios geltonos. Pakeiskite ją į gintaro arba šiltą medaus atspalvį (pvz.,
#FBBF24). Tai išlaiko šilumą, bet yra ne toks rėksmingas. - Tekstas ant išskleidžiamojo meniu: Tamsiai rudas (pvz.,
#4B3621), kad būtų geras kontrastas.
- Tai yra pagrindinė vieta, kuria norite atsikratyti ryškios geltonos. Pakeiskite ją į gintaro arba šiltą medaus atspalvį (pvz.,
- Pabrėžimas (hover) ant pagrindinio meniu: Pakeiskite raudoną pabrėžimą į tą pačią gintaro/medaus spalvą.
- Keitimas: Pakeiskite tamsią meniu juostą į sodrią, tamsiai mėlyną (pvz.,
3. Pagrindinis Baneris (Nuotrauka ir Mygtukai)
- Nuotrauka: Išlaikykite ją. Ji gerai perteikia bendruomeniškumą.
- Tekstas ant nuotraukos: Baltas, koks yra.
- Mygtukai (rožinis, mėlynas, oranžinis, žalias):
- Tai esminė dalis. Dabartinės spalvos per daug skiriasi. Naudokite atspalvių gradientą, pagrįstą nauja palete.
- Keitimas: Visus keturis mygtukus padarykite to paties atspalvių diapazono:
- Visų mygtukų pagrindas: Galite pasirinkti tamsiai mėlyną (
#1E3A8A) arba pilką-mėlyną (#374151). - Mygtukų tekstas: Baltas.
- Akcentinė spalva (kuri keičiasi): Padarykite kiekvieno mygtuko akcentinę piktogramą (kuri pasirodo užvedus pelę) skirtingą. Naudokite tą pačią miško žalią (
#3E5C31) mygtukui „Tėvams”, mėlyną („El. dienynas”), o „Mokiniams” ir „Tvarkaraščiai” – naudokite gintaro atspalvį.
- Visų mygtukų pagrindas: Galite pasirinkti tamsiai mėlyną (
4. Skiltis „Svarbi informacija” (Kortelės)
Ši sritis atrodo šiek tiek chaotiškai dėl skirtingų piktogramų ir teksto stilių.
- Antraštė „Svarbi informacija”: Išlaikykite raudoną, koks yra, bet galite pasirinkti šiek tiek gilesnį, rusvesnį raudoną (pvz.,
#A52A2A), kad atrodytų mažiau ryškus. - Kortelės fono spalvos:
- Pakeiskite visas skirtingas fono spalvas į tą patį labai šviesų smėlio/taupe atspalvį (
#F5EFE6), kurį naudojote viršutinei juostai. Tai suvienodins skyrių.
- Pakeiskite visas skirtingas fono spalvas į tą patį labai šviesų smėlio/taupe atspalvį (
- Tekstas kortelėse: Visas tekstas turi būti tamsiai pilkas arba juodas.
- Piktogramos kortelėse:
- Suvienodinkite piktogramų stilių. Padarykite jas visas vienos spalvos – tamsiai mėlynos (
#1F2937) arba miško žalios (#3E5C31).
- Suvienodinkite piktogramų stilių. Padarykite jas visas vienos spalvos – tamsiai mėlynos (
5. „DigiMath” skiltis ir Dešinė Pusė
- Dabartinė žalia: Ji yra per ryški ir netolygiai nudažyta.
- Keitimas:
- Fono spalva: Pakeiskite esamą žalią į tą patį šviesų smėlio/taupe foną (
#F5EFE6), kurį naudojote viršutinei juostai ir informacijos kortelėms. - Tekstas („DigiMath” ir „Paslaugos”): Pakeiskite į miško žalią (
#3E5C31) arba tamsiai mėlyną (#1F2937). - Piktogramos („Sveikatos priežiūra”, „Sveikatą stiprinanti mokykla”, „Užkrečiamųjų ligų profilaktika”):
- Pakeiskite jas visas į tamsiai mėlyną (
#1F2937) arba miško žalią (#3E5C31). Suvienodinkite piktogramų stilių.
- Pakeiskite jas visas į tamsiai mėlyną (
- Fono spalva: Pakeiskite esamą žalią į tą patį šviesų smėlio/taupe foną (
6. Puslapio Footeris (apačia)
Puslapio apačia (kaip matoma image_0.png) atrodo per daug apkrauta ir netvarkinga dėl daugybės piktogramų.
- Keitimas:
- Sustvarkykite piktogramas: Pakeiskite visas piktogramas (paštas, internetas, laikrodis) į tamsiai mėlynos (
#1F2937) spalvos piktogramų rinkinį. - Informacijos išdėstymas: Išdėstykite informaciją vertikaliai arba horizontaliai vienu lygiu.
- Logotipai: Suvienodinkite logotipus (Europos Sąjungos ir kt.) į vieną horizontalią eilę, galbūt dešinėje pusėje.
- Fonas: Galite palikti jį pilką, koks yra, arba pakeisti į tamsiai mėlyną (
#1E3A8A) su baltu tekstu, kad geriau derėtų prie pagrindinės meniu juostos.
- Sustvarkykite piktogramas: Pakeiskite visas piktogramas (paštas, internetas, laikrodis) į tamsiai mėlynos (
Santrauka apie siūlomą paletę:
- Pagrindas: Balta ir Šviesi Taupe (
#F5EFE6). - Akcentai: Miško Žalia (
#3E5C31), Gintaro (#FBBF24), Tamsiai Mėlyna (#1E3A8A). - Tekstas: Tamsiai Pilka (
#374151) arba Juoda.
Įgyvendinus šiuos pakeitimus, svetainė atrodys daug ramesnė, labiau susijusi ir moderni, kartu išlaikant būtiną informaciją aiškiai skaitomą.
Taip, tikrai galima pakeisti tamsiai raudoną foną į šviesų, kad svetainė taptų erdvesnė, šviesesnė ir lengviau skaitoma. Balta spalva yra puikus, modernus ir minimalizmo suteikiantis pasirinkimas.
Štai pavyzdys, kaip atrodytų svetainė (remiantis keturiais maketais iš image_10.png), pakeitus raudoną foną į šviesią paletę:
Pakeitimų aprašymas:
- Fonai: Visos tamsiai raudonos (
deep maroon) zonos (pagrindinis puslapio fonas, informacijos kortelių fonas) yra pakeistos į gryną baltą arba labai šviesų smėlio/taupe (#F9FAFB) atspalvį. Tai sukuria švaresnį, „oro” kupiną dizainą. - Meniu ir navigacija: Pagrindinė navigacijos juosta (mėlyna) išlaikoma, kad išlaikytų profesionalumą, tačiau tamsūs dropdown meniu (
deep maroon) yra pakeisti į baltus su tamsiu tekstu. - Tekstas: Visas tekstas, kuris buvo baltas ant tamsaus fono, dabar yra tamsus (pilkas arba juodas) ant balto fono, kad būtų užtikrintas maksimalus skaitomumas.
- Akcentai: Geltonas (
warm yellow) pabrėžimas išlaikomas navigacijoje ir kai kuriuose piktogramose, kad dizainas išliktų gyvybingas ir tiesiogiai sietųsi su herbu. Mėlynas (deep blue) akcentas naudojamas antraštėms ir pabrėžimams. - Piktogramos ir elementai: Partnerių logotipai ir piktogramos yra geriau integruoti, naudojant tamsesnes linijas ir spalvas ant šviesaus fono.
Šis šviesus variantas išlaiko visas svetain