Kolory pomagają zbudować silną identyfikację marki, wywołują emocje i kierują uwagę użytkownika na konkretne sekcje Twojej witryny. Przemyślana paleta barw sprawia, że strona jest atrakcyjna wizualnie i zapada w pamięć odwiedzających. Ten przewodnik wyjaśnia, jak edytować kolory witryny, wybierać schematy kolorów oraz korzystać z opcji niestandardowych, aby spersonalizować tekst, przyciski i układ.
Aby zarządzać kolorami swojej witryny, wykonaj poniższe kroki:
W Edytorze stron kliknij Projekt w górnym menu.
Z listy rozwijanej wybierz Kolory.
Skorzystaj z menu bocznego, aby przeglądać dostępne schematy kolorów lub wybrać opcje niestandardowe.
Wybierz opcję Popularne, aby skorzystać z gotowych palet lub wygenerować własną:
Wybór – Kliknij schemat kolorów, aby zastosować go natychmiast, lub kliknij przycisk z plusem, 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 konkretnych kolorów, lub kliknij ikonę serca, aby oznaczyć paletę jako ulubioną.
Narzędzia generowania – Kliknij ikonę Palety, aby utworzyć schemat na podstawie kodu hashtagu, albo użyj ikony Obrazu, aby wygenerować paletę na podstawie obrazu okładki na stronie głównej.
Użyj opcji Niestandardowe, aby dopracować konkretne elementy w całej witrynie:
Kolor główny i przyciski – Wybierz kolor podstawowy dla linków i kluczowych sekcji. Użyj przycisków „Zastosuj do wszystkich”, 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 Strony głównej, Drugiej strony oraz Stron wewnętrznych (stron niewyświetlanych na stronie głównej).
Sekcje i stopka – Dopasuj kolor główny dla wybranych sekcji na swoich 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 – Generowanie schematu kolorów na podstawie obrazu ze strony głównej to szybki sposób, aby dopasować barwy witryny do głównej identyfikacji marki.
Efekty hover – Pamiętaj, aby sprawdzić kolory najechania w menu i upewnić się, że tekst pozostaje czytelny, gdy odwiedzający wchodzi w interakcję z nawigacją.
Weryfikacja widoczności koloru tekstu – Po dostosowaniu kolorów tekstu w witrynie ważne jest, aby 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 powodować problemy, przez które pola wyboru (checkboxy), treść stron i tekst na przyciskach staną się „niewidoczne”.
O ile nie masz do tego osobnej opcji, zmiana kolorów witryny wpływa na wszystkie strony i treści. Oznacza to, że nie możesz wprowadzać zmian w poszczególnych fragmentach stron lub treści. Pamiętaj, że kolory sekcji możesz edytować za pomocą ikony koła zębatego — dowiedz się więcej: Edycja sekcji witryny
