Możesz łatwo dostosować kolory i czcionki, aby pasowały do stylu Twojej firmy. Ten przewodnik przeprowadzi Cię przez proces aktualizacji czcionek, ustawiania kolorów marki, tworzenia gradientowych teł i nie tylko, a wszystko to z poziomu pulpitu 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 panel Notiondesk.
- Idź do Personalizacja sekcja.
- Pod Branding ustawienia, znajdź Czcionka podstawowa.
- Wybierz czcionkę z dostępnej listy. Opcje obejmują Inter, Lora, Montserrat, Noto, Roboto i inne.
Po dokonaniu wyboru nowa czcionka zostanie automatycznie zastosowana do tytułów i nagłówków w centrum pomocy.
Wybierz czcionkę drugorzędną (tekst główny)
Możesz również ustawić inną czcionkę dla tekstu artykułów w Centrum pomocy.
Aby zaktualizować czcionkę dodatkową:
- W panelu Notiondesk przejdź do Personalizacja sekcja.
- Pod Branding, znajdować Czcionka dodatkowa.
- 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łu w Twoim 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
Aktualizuj kolory marki
Możesz z łatwością zaktualizować główne kolory swojego centrum pomocy, aby pasowały do Twojej marki.
Aby zmienić kolory swojej marki:
- Otwórz panel Notiondesk.
- Idź do Personalizacja sekcja.
- Pod Branding zakładkę, możesz zaktualizować następujące kolory:
| Color | Description |
|---|---|
| Primary Color | Used for navigation elements like buttons and active links. |
| Text Color | Used for the main body text across your help center. |
| Link Color | Used for standard hyperlinks. |
| Link Hover Color | Changes the link color when a user hovers over it. |
| Background Color | Sets the background color of your entire help center. |
Za każdym razem, gdy wybierzesz nowy kolor, zmiana zostanie natychmiast uwzględniona na Twojej aktywnej stronie.
Dostosuj kolory nagłówka
Sekcja nagłówka Twojego centrum pomocy zawiera linki nawigacyjne, które odwiedzający widzą jako pierwsze. Możesz zaktualizować kolory linków, aby pasowały do Twojej marki lub poprawiały widoczność.
Aby zmienić kolory linków nagłówka:
- Idź do Personalizacja sekcja na pulpicie Notiondesk.
- Otwórz Chodnikowiec patka.
- Zaktualizuj następujące opcje:
| Color | Description |
|---|---|
| Link Color | Sets the default color for links in the header. |
| Link Hover Color | Sets the color for links when users hover over them. |
Dostosuj tło bloku bohatera
Hero Block to górna sekcja Twojego centrum pomocy, często pierwsza rzecz, jaką widzą odwiedzający. Możesz spersonalizować ją za pomocą koloru tła lub gradientu, aby lepiej odzwierciedlała Twoją markę.
Użyj prostego koloru tła
Jeśli wolisz czyste, jednolite tło zamiast obrazu:
- Idź do Personalizacja na pulpicie nawigacyjnym.
- Otwórz Blok Bohatera patka.
- Wybierać Tło: Kolor.
- Wybierz kolor tła z selektora lub wklej kod szesnastkowy swojej marki.
Wybrany kolor wypełni całe tło bloku Hero.
Użyj tła gradientowego
Gradienty umożliwiają płynne łączenie wielu kolorów, co stanowi doskonały sposób na dodanie głębi nagłówkowi bez konieczności używania obrazów.
Aby ustawić gradient:
- W Blok Bohatera zakładka, zestaw Tło Do Gradient.
- Wybierz Typ gradientu:
- Liniowy:kolory płyną w prostym kierunku.
- Promieniowy:kolory rozchodzą się promieniście od środka.
- Dla Gradienty liniowe, dostosuj Obrót (kąt), aby kontrolować kierunek mieszania.
- Dodaj swoje kolory gradientu. Możesz ustawić do 5 kolorów, każdy z własnym procentem i kodem koloru.
Gradienty są wysoce konfigurowalne. Możesz tworzyć subtelne przejścia za pomocą dwóch kolorów lub iść w odważnym kierunku z wielokolorową mieszanką. Upewnij się tylko, że tekst na górze jest czytelny.
Dostosuj kolory karty i stopki
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 artykuły Karty
Każda kolekcja lub artykuł jest wyświetlana wewnątrz karty 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:
- Idź do Personalizacja sekcja na pulpicie Notiondesk.
- Otwórz Kolekcje Lub Artykuły patka.
- 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 informacje kontaktowe, więc przejrzystość jest kluczowa.
Aby zaktualizować kolory stopki:
- Idź do Personalizacja sekcja.
- Otwórz Stopka patka.
- 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 pomaga sprawić, by Twoje centrum pomocy wydawało 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 produkcie. Dzięki temu użytkownicy będą czuć się znajomo.
- Używaj czytelnych czcionek
Unikaj zbyt dekoracyjnych czcionek, zwłaszcza w tekście głównym. Trzymaj się jasnych, czytelnych wyborów, które są łatwe do zeskanowania.
- Utrzymaj dobry kontrast
Upewnij się, że jest wystarczający kontrast między tekstem a tłem. Na przykład unikaj jasnoszarego tekstu na białym tle.
- Uważaj na gradienty
Gradienty mogą dodać wizualnego zainteresowania, ale zbyt wiele kolorów lub ostre przejścia mogą sprawić, że Twoja treść będzie trudna do odczytania. Trzymaj się dwóch lub trzech kolorów, aby uzyskać najlepsze rezultaty.
- Podgląd na komputerze stacjonarnym i urządzeniu mobilnym
Sprawdź swój projekt na ekranach o różnych rozmiarach, aby upewnić się, że wszystko wygląda czysto i profesjonalnie.