Barvy webových stránek – pomocí barevných palet

Výběr správných barev webových stránek je zásadní pro vytvoření vizuálně přitažlivého a soudržného designu, který efektivně sděluje poselství značky a zlepšuje uživatelský dojem.

 

V tomto článku:

  1. Aktuální paleta barev
  2. Předvolby palety barev
  3. Pokročilé úpravy
  4. Obnovit vlastní nastavení

Barvy svého webu můžete spravovat z Design(1) sekce.

Jakmile jste v sekci Design, klikněte na Barvy (2) tab.


Aktuální paleta barev

  • Vybraná Barevná paleta Zde se zobrazí (1).
  • Můžeš přizpůsobit (2) každou z možností v paletě a vyberte barvy podle svých preferencí.
  • Uvidíte pět barevných možností – Pozadí (3), Neutrální (4), Zdůraznění (5), Tmavé zvýraznění (6) a Text (7). Tyto volby definují celkovou paletu.

Poznámka: Po provedení vlastních úprav v možnostech palety barev nebo rozšířených úpravách uvidíte tlačítko „Upraveno“ (8).

Následuje seznam položek, které ovlivňují provádění změn v jednotlivých volbách palety:


Předvolby palety barev

Předvolby palety barev (1) jsou předdefinované kombinace barev, které jsou pečlivě vybírány, aby vám poskytly rychlý a pohodlný způsob, jak dát vašemu webu specifický vzhled.

Změnou předvoleb můžete snadno provádět změny barev svého webu. Bude aplikováno globálně na váš celkový web.

Můžeš Fposunout (2) vyberte předvolby Všechny, Světlé, Tmavé nebo Tučné. Jakmile vyberete filtr, uvidíte pouze související palety.

Chcete-li vybrat a Barevná paleta (3), stačí na něj kliknout a Publikovat (4) změny.

Tip

Výchozí nastavení palety můžete přepsat přizpůsobením Možnosti palety barev nebo Pokročilé úpravy


Pokročilé úpravy

Z Advanced Edit máte možnost přizpůsobit barvu každého jednotlivého prvku vašeho webu, což vám poskytuje plnou manuální kontrolu nad jeho estetikou.

Možnosti barev webu

  1. Titulek webové stránky: Vyberte barvu textu pro název webu.
  2. Souvislosti: Nastavte základní barvu pro svůj web.
  3. Záhlaví: Nastavte základní barvu záhlaví vašeho webu.
  4. Ohraničení záhlaví: Nastavte barvu ohraničení pro záhlaví vašeho webu.
  5. Zápatí: Nastavte základní barvu zápatí vašeho webu.
  6. Ohraničení zápatí: Nastavte barvu ohraničení pro zápatí vašeho webu.
  7. Text zápatí: Nastavte barvu textu zápatí vašeho webu.
  8. Překrytí: Nastavte Základní barvu pro zobrazení celého obrázku.
  9. Překryvný text: Nastavte barvu navigačních šipek, ikon a dalších prvků v zobrazení celého obrázku.
  10. Karta: Nastavte barvu karty pro položky dynamického seznamu (jako jsou seznamy textů/obrázků) na vašem webu. Barva karty se použije jako obrys a pozadí položek seznamu.
  11. Hranice karty: Nastavte barvu okraje karty. Pro jednotlivé sekce můžete zvolit výchozí nebo vlastní barvu.


  1. Text nabídky: Nastavte barvu textu pro položky navigační nabídky.
  2. Umístění textu nabídky: Vyberte barvu textu pro položky nabídky, když na ně umístíte kurzor.
  3. Text nabídky aktivní: Vyberte barvu textu aktivní nabídky.
  4. Text rozbalovací nabídky: Zadejte barvu textu položek rozbalovací nabídky.
  5. Text rozbalovací nabídky: Vyberte barvu při najetí na položky rozevírací nabídky.
  6. Textová základna rozbalovací nabídky: Vyberte základní barvu pro položky rozevírací nabídky.


Možnosti barev textu

  1. Nadpis (H1): Vyberte barvu písma pro nadpis (H1).
  2. Nadpis (H2): Vyberte barvu písma pro nadpis (H2).
  3. Nadpis (H3): Vyberte barvu písma pro nadpis (H3).
  4. Nadpis (H4): Vyberte barvu písma pro nadpis (H4).
  5. Text odstavce: Vyberte barvu písma pro veškerý odstavcový text (P normální, P malé a P velké).


  1. Tlačítka: Zde vyberte barvu pozadí tlačítek.
  2. Text tlačítek: Vyberte barvu textu tlačítka.
  3. Text odkazu: Nastavte barvu textu odkazu pro všechny odkazy na webu.
  4. Umístění textu odkazu: Nastavte barvu při najetí na text odkazu pro odkazy na webu.


Obnovit vlastní nastavení

Pokud jste provedli změny akcentních barev úpravou palety nebo přizpůsobením nastavení barev z Rozšířených úprav, můžete snadno obnovit výchozí nastavení palety.

Zobrazí se tlačítko Upraveno. Najeďte kurzorem na tlačítko, změní se na Reset. Zde můžete obnovit původní změny.


Nenašli jste, co jste hledali?

Spojte se s odborníkem Pixpa.