Wybór odpowiednich kolorów strony internetowej ma kluczowe znaczenie dla stworzenia atrakcyjnego wizualnie i spójnego projektu, który skutecznie przekazuje przesłanie marki i poprawia doświadczenia użytkownika.
W tym artykule:
- Aktualna paleta kolorów
- Wstępne ustawienia palety kolorów
- Edycja zaawansowana
- Zresetuj ustawienia niestandardowe
Kolorami swojej witryny możesz zarządzać w sekcji Projekt (1).
Po przejściu do sekcji Projekt kliknij zakładkę Kolory (2).
Aktualna paleta kolorów
- Wybrany Paleta kolorów (1) zostanie tutaj wyświetlony.
- Możesz dostosować (2) każdą z opcji w ramach palety i wybierz kolory według własnych upodobań.
- Zobaczysz pięć opcji kolorów – Tło (3), Neutralny (4), Akcent (5), Ciemny akcent (6) i Tekst (7). Opcje te definiują ogólną paletę.
Uwaga: Po wprowadzeniu zmian w opcjach palety kolorów lub w sekcji Edycja zaawansowana zobaczysz przycisk „Zmodyfikowano” (8).
Poniżej znajduje się lista elementów wpływających na zmiany w poszczególnych opcjach palety:
Wstępne ustawienia palety kolorów
Ustawienia palety kolorów (1) to wstępnie zdefiniowane kombinacje kolorów, które zostały starannie dobrane, aby zapewnić Ci szybki i wygodny sposób nadania Twojej witrynie określonego wyglądu.
Możesz łatwo zmienić kolory swojej witryny, zmieniając ustawienia wstępne. Będzie on stosowany globalnie w całej witrynie.
Możesz filtrować (2) listę, wybierając ustawienia wstępne : Wszystkie, Jasny, Ciemny lub Pogrubiony. Po wybraniu filtra zobaczysz tylko powiązane palety.
Aby wybrać paletę kolorów (3), wystarczy na nią kliknąć i opublikować (4) zmiany.
Możesz zastąpić domyślne ustawienia palety, dostosowując Opcje palety kolorów lub korzystając z opcji Edycja zaawansowana
Edycja zaawansowana
W Advanced Edit masz możliwość dostosowania koloru każdego pojedynczego elementu swojej witryny, co daje Ci pełną ręczną kontrolę nad jej estetyką. W ?Advanced Edit znajdziesz następujące opcje:
- Opcje kolorów witryny
- Opcje kolorów Lightbox
- Opcje kolorów kart
- Opcje kolorów menu
- Opcje koloru tekstu
- Opcje kolorów przycisków i linków
Opcje kolorów witryny
- Nazwa strony: Wybierz kolor tekstu tytułu swojej witryny.
- Informacje o witrynie: Ustaw kolor podstawowy swojej witryny.
- Tło nagłówka: Ustaw podstawowy kolor nagłówka swojej witryny.
- Obramowanie nagłówka: Ustaw kolor obramowania nagłówka swojej witryny.
- Tło stopki: Ustaw podstawowy kolor stopki swojej witryny.
- Obramowanie stopki: Ustaw kolor obramowania stopki swojej witryny.
- Stopka Tytuł witryny: Wybierz kolor tekstu tytułu witryny, który będzie wyświetlany w stopce Twojej witryny.
- Tekst stopki: Ustaw kolor tekstu w stopce swojej witryny.
- Menu stopki: Ustaw kolor elementów menu stopki, gdy najedziesz na nie kursorem.
Opcje kolorów Lightbox
- Tło: Ustaw kolor tła (nakładkę), który pojawia się, gdy obrazy są przeglądane w trybie lightbox.
- Tekst/Elementy: Ustaw kolor strzałek nawigacyjnych, ikon i innych elementów w widoku pełnego obrazu.
Opcje kolorów kart
- Tło: Ustaw kolor karty dla dynamicznych elementów list (takich jak listy tekstowe/obrazy) znajdujących się w Twojej witrynie. Kolor karty jest stosowany jako kontur i tło elementów listy.
- Granica: Ustaw kolor obramowania karty. Możesz wybrać kolor domyślny lub niestandardowy dla poszczególnych sekcji.
Opcje kolorów menu
- Tekst menu: Ustaw kolor tekstu dla elementów menu nawigacyjnego.
- Tekst menu po najechaniu kursorem: Wybierz kolor tekstu dla pozycji menu, najeżdżając na nie kursorem.
- Tekst menu aktywny: Wybierz kolor tekstu aktywnego menu.
- Tekst menu rozwijanego: Określ kolor tekstu elementów menu rozwijanego.
- Tekst menu rozwijanego po najechaniu kursorem: Wybierz kolor wskaźnika dla elementów menu rozwijanego.
- Baza tekstowa menu rozwijanego: Wybierz kolor podstawowy dla elementów menu rozwijanego.
Opcje koloru tekstu
- Nagłówek (H1): Wybierz kolor czcionki nagłówka (H1).
- Nagłówek (H2): Wybierz kolor czcionki nagłówka (H2).
- Nagłówek (H3): Wybierz kolor czcionki nagłówka (H3).
- Nagłówek (H4): Wybierz kolor czcionki nagłówka (H4).
- Tekst akapitu: Wybierz kolor czcionki dla całego tekstu akapitowego (P Normal, P Small i P Large).
Opcje przycisków i łączy
- Przyciski: Wybierz tutaj kolor tła przycisków.
- Tekst przycisków: Wybierz kolor tekstu przycisku.
- Tekst linku: Ustaw kolor tekstu linku dla wszystkich linków w witrynie.
- Najechanie kursorem na tekst linku: Ustaw kolor wskaźnika tekstu linku dla linków w witrynie.
Zresetuj ustawienia niestandardowe
Możesz łatwo zresetować do domyślnych ustawień palety, jeśli dokonałeś zmian w kolorach akcentujących, edytując paletę lub dostosowując ustawienia kolorów w Edycji zaawansowanej.
Zobaczysz przycisk Zmodyfikowano. Najedź kursorem na przycisk, zmieni się on na Resetuj. Tutaj możesz zresetować zmiany do oryginału.