Możesz łatwo dostosować kolory i czcionki do stylu swojej firmy. W tym przewodniku dowiesz się, jak aktualizować czcionki, ustawiać kolory marki, tworzyć tła gradientowe i wykonywać wiele innych czynności – wszystko z poziomu pulpitu nawigacyjnego Notiondesk.
Dostosowywanie czcionek
Wybierz swoją główną czcionkę (tytuły i nagłówki)
Możesz zmienić czcionkę używaną w tytułach, nagłówkach i innych głównych elementach centrum pomocy.
Aby zaktualizować czcionkę główną:
- Otwórz pulpit nawigacyjny Notiondesk.
- Przejdź do sekcji Dostosowywanie .
- W ustawieniach marki znajdź Czcionkę główną .
- Wybierz czcionkę z dostępnej listy. Dostępne opcje to Inter, Lora, Montserrat, Noto, Roboto i inne.
Po dokonaniu wyboru nowa czcionka zostanie automatycznie zastosowana do tytułów i nagłówków centrum pomocy.
Wybierz czcionkę drugorzędną (tekst główny)
Możesz również ustawić inną czcionkę dla treści artykułów w centrum pomocy.
Aby zaktualizować czcionkę dodatkową:
- Na pulpicie nawigacyjnym Notiondesk przejdź do sekcji Dostosowywanie .
- W obszarze Branding znajdź Czcionkę dodatkową .
- Wybierz czcionkę z dostępnej listy, np. Inter, Lora, Montserrat, Noto, Roboto i inne.
Wybrana czcionka będzie stosowana do całej treści artykułów w centrum pomocy.
Dobra czcionka pomocnicza sprawia, że Twoje artykuły są łatwe do czytania. Możesz mieszać czcionki, aby uzyskać odrębny styl lub używać tej samej czcionki zarówno w tekście głównym, jak i pomocniczym, aby zachować spójność.
Dostosowywanie kolorów
Zaktualizuj kolory marki
Możesz z łatwością zaktualizować główne kolory swojego centrum pomocy, aby odpowiadały Twojej marce.
Aby zmienić kolory swojej marki:
- Otwórz pulpit nawigacyjny Notiondesk.
- Przejdź do sekcji Dostosowywanie .
- Na karcie Branding możesz zaktualizować następujące kolory:
| Kolor | Opis |
|---|---|
| Kolor podstawowy | Stosowany w elementach nawigacyjnych, takich jak przyciski i aktywne łącza. |
| Kolor tekstu | Używany w głównym tekście centrum pomocy. |
| Kolor łącza | Używane do standardowych hiperłączy. |
| Kolor najechania kursorem na link | Zmienia kolor łącza, gdy użytkownik najedzie na nie kursorem. |
| Kolor tła | Ustawia kolor tła całego centrum pomocy. |
Za każdym razem, gdy wybierzesz nowy kolor, zmiana zostanie natychmiast uwzględniona na Twojej aktywnej stronie.
Dostosuj kolory nagłówka
Sekcja nagłówka centrum pomocy zawiera linki nawigacyjne, które użytkownicy widzą jako pierwsze. Możesz zaktualizować kolory linków, aby dopasować je do swojej marki lub poprawić ich widoczność.
Aby zmienić kolory linków nagłówka:
- Przejdź do sekcji Dostosowywanie na pulpicie Notiondesk.
- Otwórz kartę Nagłówek .
- Zaktualizuj następujące opcje:
| Kolor | Opis |
|---|---|
| Kolor łącza | Ustawia domyślny kolor łączy w nagłówku. |
| Kolor najechania kursorem na link | Ustawia kolor linków, gdy użytkownik najedzie na nie kursorem. |
Dostosuj tło bloku bohatera
Blok Bohatera to górna sekcja Centrum pomocy, często pierwsza rzecz, jaką widzą odwiedzający. Możesz go spersonalizować, wybierając kolor tła lub gradient, aby lepiej odzwierciedlić swoją markę.
Użyj prostego koloru tła
Jeśli zamiast obrazu wolisz czyste, jednolite tło:
- Przejdź do sekcji Dostosowywanie na pulpicie nawigacyjnym.
- Otwórz kartę Bloku Bohatera .
- Wybierz Tło: Kolor .
- Wybierz kolor tła z selektora lub wklej kod szesnastkowy swojej marki.
Wybrany kolor wypełni całe tło bloku bohatera.
Użyj tła gradientowego
Gradienty umożliwiają płynne łączenie wielu kolorów, co jest świetnym sposobem na dodanie głębi nagłówkowi bez konieczności używania obrazów.
Aby ustawić gradient:
- Na karcie Bloku bohatera ustaw Tło na Gradient .
- Wybierz typ gradientu :
- Liniowy : kolory płyną w kierunku prostym.
- Promieniowy : kolory rozchodzą się promieniście od środka.
- W przypadku gradientów liniowych dostosuj obrót (kąt), aby kontrolować kierunek mieszania.
- Dodaj swoje kolory gradientowe. Możesz ustawić do 5 kolorów, każdy z własnym procentem i kodem koloru.
Gradienty są w pełni konfigurowalne. Możesz tworzyć subtelne przejścia za pomocą dwóch kolorów lub odważnie łączyć je z wieloma kolorami. Upewnij się tylko, że tekst na wierzchu jest czytelny.
Dostosuj kolory kart i stopek
Możesz również spersonalizować kolory używane na kartach kolekcji, kartach artykułów i stopce Centrum pomocy, aby zachować spójność wizualną i zgodność z marką.
Kolekcje i karty artykułów
Każda kolekcja lub artykuł jest wyświetlany na karcie w centrum pomocy. Możesz zmienić kolor tła tych kart, aby dopasować je do swojego stylu lub rozróżnić sekcje.
Aby zaktualizować kolory karty:
- Przejdź do sekcji Dostosowywanie na pulpicie Notiondesk.
- Otwórz zakładkę Kolekcje lub Artykuły .
- Wybierz kolor tła
Wybierz jednolite kolory, dzięki którym tekst na kartach będzie czytelny.
Kolory stopki
Stopka to sekcja na dole każdej strony centrum pomocy. Zazwyczaj zawiera linki lub dane kontaktowe, dlatego przejrzystość jest kluczowa.
Aby zaktualizować kolory stopki:
- Przejdź do sekcji Dostosowywanie .
- Otwórz kartę Stopka .
- Ustaw kolor tła stopki i kolor tekstu stopki .
Dzięki temu masz pewność, że stopka będzie dobrze wyglądać i będzie dostępna na wybranym tle.
Najlepsze praktyki dotyczące stylizacji centrum pomocy
Dostosowywanie czcionek i kolorów sprawia, że centrum pomocy staje się częścią Twojej marki, ale równie ważne jest, aby było czytelne i spójne. Oto kilka wskazówek, jak uzyskać najlepsze rezultaty:
- Trzymaj się kolorów swojej marki
Użyj tych samych kolorów, których używasz na swojej stronie internetowej i w produkcie. Dzięki temu użytkownicy będą czuć się znajomo.
- Używaj czytelnych czcionek
Unikaj nadmiernie ozdobnych czcionek, zwłaszcza w tekście. Wybieraj wyraźne, czytelne i łatwe do odczytania czcionki.
- Zachowaj dobry kontrast
Zadbaj o odpowiedni kontrast między tekstem a tłem. Na przykład unikaj jasnoszarego tekstu na białym tle.
- Uważaj na gradienty
Gradienty mogą dodać wizualnej atrakcyjności, ale zbyt wiele kolorów lub ostre przejścia mogą sprawić, że treść będzie trudna do odczytania. Aby uzyskać najlepsze rezultaty, trzymaj się dwóch lub trzech kolorów.
- Podgląd na komputerze i urządzeniu mobilnym
Sprawdź swój projekt na ekranach o różnych rozmiarach, aby upewnić się, że wszystko wygląda czysto i profesjonalnie.