Kolory budują silną tożsamość marki, wywołują emocje i kierują uwagę użytkowników na konkretne sekcje Twojej witryny. Przemyślana paleta barw sprawia, że strona jest atrakcyjna wizualnie i zapada w pamięć odwiedzającym. Ten przewodnik wyjaśnia, jak edytować kolory witryny, wybierać schematy kolorystyczne oraz korzystać z opcji niestandardowych, aby spersonalizować tekst, przyciski i układy.
Aby zarządzać kolorami witryny, wykonaj następujące kroki:
W Edytorze witryny kliknij Design w górnym menu.
Z listy rozwijanej wybierz Colors.
Użyj menu bocznego, aby przeglądać dostępne schematy kolorów lub wybrać opcje niestandardowe.
Wybierz opcję Popular, aby skorzystać z gotowych palet lub wygenerować własną:
Wybór – Kliknij schemat kolorów, aby zastosować go natychmiast, lub kliknij przycisk plus, aby zobaczyć dodatkowe warianty.
Dostosowanie – Kliknij każdy pojedynczy kolor w schemacie, aby wybrać nowy w selektorze kolorów.
Filtrowanie i ulubione – Użyj filtra, aby wyświetlać schematy na podstawie określonych kolorów, lub kliknij ikonę serca, aby oznaczyć paletę jako ulubioną.
Narzędzia generowania – Kliknij ikonę Palety, aby utworzyć schemat przy użyciu kodu hashtagu, lub użyj ikony Obrazu, aby wygenerować paletę na podstawie zdjęcia okładki na stronie głównej.
Skorzystaj z opcji Custom, aby doprecyzować ustawienia konkretnych elementów w całej witrynie:
Kolor główny i przyciski – Wybierz kolor podstawowy dla linków i kluczowych sekcji. Użyj przycisków „Apply to all”, aby szybko zsynchronizować ten kolor we wszystkich elementach oraz w tekście przycisków.
Kolory menu – Dostosuj kolory tła menu, tekstu, efektów po najechaniu (hover), obramowań oraz linii oddzielających strony.
Kolory stron – Ustaw kolory tła, tekstu i elementów dla Main Page, Second Page oraz Internal Pages (stron niewyświetlanych na stronie głównej).
Sekcje i stopka – Dopasuj kolor główny dla konkretnych sekcji na stronach oraz wybierz kolory tła i tekstu dla stopki.
Hierarchia wizualna – Stosowanie spójnego koloru głównego pomaga użytkownikom łatwiej rozpoznawać elementy interaktywne, takie jak przyciski i linki.
Spójność marki – Wygenerowanie schematu kolorów na podstawie obrazu ze strony głównej to szybki sposób, aby dopasować kolory witryny do głównej identyfikacji marki.
Efekty hover – Pamiętaj, aby sprawdzić kolory po najechaniu w menu i upewnić się, że tekst pozostaje czytelny, gdy odwiedzający wchodzi w interakcję z nawigacją.
Sprawdzenie widoczności koloru tekstu – Po dostosowaniu kolorów tekstu na stronie warto przejrzeć zmiany i upewnić się, że wybrany kolor tekstu wyraźnie odcina się od tła, pól tekstowych i kolorów przycisków. Jeśli tekst zlewa się z tymi elementami, może to prowadzić do sytuacji, w której pola wyboru, treść strony i tekst na przyciskach staną się „niewidoczne”.
O ile nie masz dostępnej odpowiedniej opcji, zmiana kolorów witryny wpływa na wszystkie strony i całą zawartość. Oznacza to, że nie można wprowadzać zmian w pojedynczych fragmentach stron ani w konkretnych elementach treści. Pamiętaj, że możesz edytować kolory sekcji za pomocą ikony koła zębatego. Dowiedz się więcej: Edycja sekcji witryny.
