A színek erős márkaazonosságot teremtenek, érzelmeket váltanak ki, és a felhasználók figyelmét a weboldalad bizonyos részeire irányítják. Egy átgondolt színpaletta vizuálisan vonzóvá és emlékezetessé teszi az oldaladat 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 a felső menüben a Dizájn elemre.
Válaszd a Színek opciót a legördülő listából.
Az oldalsó menüben böngészheted az elérhető színsémákat, vagy kiválaszthatod az egyéni beállításokat.
Válaszd a Népszerű opciót, hogy kész paletták közül válassz, vagy sajátot generálj:
Kiválasztás – Kattints egy színsémára az azonnali alkalmazáshoz, vagy kattints a plusz gombra a további variációk megtekintéséhez.
Testreszabás – Kattints egy sémán belül bármelyik egyedi színre, és válassz újat a színválasztóban.
Szűrés és kedvencek – A szűrővel megjeleníthetsz sémákat adott színek alapján, vagy a szív ikonra kattintva kedvencként jelölhetsz egy palettát.
Generáló eszközök – Kattints a Paletta ikonra, hogy egy hashtag-kód segítségével hozz létre sémát, vagy használd a Kép ikont, hogy a kezdőoldali borítókép alapján generálj palettát.
Használd az Egyéni opciót, ha a weboldal különböző elemeit szeretnéd finomhangolni:
Fő szín és gombok – Válaszd ki az elsődleges színt a linkekhez és a fontos részekhez. A „Alkalmazás mindegyikre” gombokkal gyorsan szinkronizálhatod ezt a színt az összes elemen és a gombszövegen.
Menüszínek – Testreszabhatod a menü háttérszínét, szövegszínét, rámutatás (hover) effektusait, szegélyeit és az oldalak közötti elválasztó vonalakat.
Oldalszínek – Állítsd be a háttér-, szöveg- és elemszíneket a Főoldal, a Második oldal és a Belső oldalak (a kezdőlapon nem megjelenő oldalak) számára.
Szekciók és lábléc – Állítsd be az egyes szekciók fő színét az oldalakon, valamint válaszd ki a lábléc háttér- és szövegszíneit.
Vizuális hierarchia – Egy következetes fő szín használata segít a felhasználóknak könnyebben azonosítani az interaktív elemeket, például a gombokat és a linkeket.
Márkakövetkezetesség – Ha a kezdőoldali képből generálsz színsémát, az gyors módja annak, hogy a weboldal színei összhangban legyenek a márka fő arculati elemeivel.
Rámutatás (hover) effektusok – Ne felejtsd el ellenőrizni a menü rámutatásos színeit, hogy a szöveg 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 szövegszínek módosítása után fontos áttekinteni a változtatásokat, és meggyőződni arról, hogy a kiválasztott szövegszín jól elkülönül a háttértől, a szövegdobozoktól és a gombszínektő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.
Amennyiben nincs erre külön lehetőség, a weboldal színeinek megváltoztatása az összes oldalra és tartalomra hatással van. Ez azt jelenti, hogy nem tudsz módosításokat végezni a weboldal egyes oldalainak vagy tartalmainak különálló részein. Fontos tudnod, hogy a szekciók színeit a fogaskerék ikon segítségével szerkesztheted; további információ: Weboldal-szekciók szerkesztése
