A színek erős márkaazonosságot teremtenek, érzelmeket váltanak ki, és a felhasználók figyelmét a weboldal bizonyos részeire irányítják. Egy átgondolt színpaletta vizuálisan vonzóvá és emlékezetessé teszi az oldalt a látogatók számára. Ez az útmutató bemutatja, hogyan szerkesztheted a weboldalad színeit, hogyan választhatsz színsémákat, és hogyan használhatod az egyéni beállításokat a szövegek, gombok és elrendezések személyre szabásához.
A weboldalad színeinek kezeléséhez kövesd az alábbi lépéseket:
A Weboldalszerkesztőben kattints felül a Dizájn menüpontra.
A legördülő listából válaszd a Színek opciót.
Az oldalsó menüben böngészd az elérhető színsémákat, vagy válaszd az egyéni beállításokat.
Válaszd a Népszerű opciót, hogy előre elkészített paletták közül válassz, vagy generálj sajátot:
Kiválasztás – Kattints egy színsémára, hogy azonnal alkalmazd, vagy kattints a plusz gombra, hogy további változatokat láss.
Testreszabás – Kattints egy sémán belül az egyes színekre, és válassz újat a színválasztóból.
Szűrés és kedvencek – A szűrővel jeleníts meg sémákat meghatározott színek alapján, vagy kattints a szív ikonra egy paletta kedvencként való megjelöléséhez.
Generáló eszközök – Kattints a Paletta ikonra, hogy hashtag kóddal hozz létre egy sémát, vagy használd a Kép ikont, hogy a kezdőoldali borítóképed alapján generálj palettát.
Az Egyéni opcióval finomhangolhatod a weboldalad különböző elemeit:
Fő szín és gombok – Válaszd ki a linkek és a fontos részek elsődleges színét. A „Alkalmazás mindegyikre” gombokkal gyorsan szinkronizálhatod ezt a színt az összes elemre és a gombszövegre.
Menüszínek – Testreszabhatod a menü háttér-, szöveg-, rámutatás (hover) színeit, a szegélyeket és az oldalak közötti elválasztó vonalakat.
Oldalszínek – Állítsd be a hátteret, a szöveget és az elemek színeit a Főoldalhoz, a Második oldalhoz és a Belső oldalakhoz (azokhoz az oldalakhoz, amelyek nem jelennek meg a kezdőlapon).
Szekciók és lábléc – Állítsd be az egyes szekciók fő színét az oldalaidon, és válaszd ki a lábléc háttér- és szövegszíneit.
Vizuális hierarchia – Az egységes fő szín használata segít, hogy a felhasználók könnyebben felismerjék az interaktív elemeket, például a gombokat és a linkeket.
Márkakövetkezetesség – A kezdőoldali képedből generált színséma gyors módja annak, hogy a weboldal színei összhangban legyenek az elsődleges arculatoddal.
Rámutatási (hover) effektek – Ne felejtsd el ellenőrizni a menü hover színeit, hogy a szöveg akkor is olvasható maradjon, amikor a látogató a navigációval interakcióba lép.
A szövegszín láthatóságának ellenőrzése – A weboldal szövegszíneinek módosítása után fontos áttekinteni a változásokat, hogy a kiválasztott szövegszín megfelelően kiemelkedjen a háttérből, a szövegdobozokból és a gombszínekből. Ha a szöveg beleolvad ezekbe az elemekbe, előfordulhat, hogy a jelölőnégyzetek, az oldaltartalom és a gombszöveg „láthatatlanná” válik.
Ha nincs külön erre szolgáló lehetőség, a weboldal színeinek megváltoztatása az összes oldalt és tartalmat érinti. Ez azt jelenti, hogy nem tudsz módosításokat végezni az egyes oldalszakaszok vagy tartalmi elemek szintjén. Fontos tudnod, hogy a szekciók színeit a fogaskerék ikon segítségével szerkesztheted. További információ: A weboldal szekcióinak szerkesztése
