Sie können die Farben und Schriftarten ganz einfach an den Stil Ihres Unternehmens anpassen. In dieser Anleitung erfahren Sie, wie Sie Ihre Schriftarten aktualisieren, Markenfarben festlegen, Farbverläufe für Hintergründe erstellen und vieles mehr – alles über Ihr Notiondesk-Dashboard.
Schriftarten anpassen
Wählen Sie Ihre primäre Schriftart (Titel und Überschriften)
Sie können die Schriftart ändern, die für Titel, Überschriften und andere wichtige Elemente Ihres Help Centers verwendet wird.
So aktualisieren Sie Ihre primäre Schriftart:
- Öffnen Sie Ihr Notiondesk-Dashboard.
- Gehen Sie zum Abschnitt „Anpassung“.
- Suchen Sie unter den Branding-Einstellungen die Option „Primäre Schriftart“.
- Wählen Sie eine Schriftart aus der verfügbaren Liste aus. Zur Auswahl stehen unter anderem Inter, Lora, Montserrat, Noto und Roboto.
Nach der Auswahl wird die neue Schriftart automatisch auf die Titel und Überschriften Ihres Hilfezentrums angewendet.
Wählen Sie Ihre sekundäre Schriftart (Fließtext)
Sie können auch eine andere Schriftart für den Fließtext Ihrer Helpcenter-Artikel festlegen.
So aktualisieren Sie Ihre sekundäre Schriftart:
- Gehen Sie in Ihrem Dashboard Notiondesk zum Abschnitt „Anpassung“.
- Unter „Branding“ finden Sie „Sekundäre Schriftart“.
- Wählen Sie eine Schriftart aus der verfügbaren Liste aus, z. B. Inter, Lora, Montserrat, Noto, Roboto und viele mehr.
Die ausgewählte Schriftart wird für den gesamten Artikeltext in Ihrem Hilfe-Center verwendet.
Eine gute sekundäre Schriftart macht Ihre Artikel leicht lesbar. Sie können Schriftarten für einen unverwechselbaren Stil mischen oder dieselbe Schriftart für die primäre und sekundäre Schriftart verwenden, um ein einheitliches Erscheinungsbild zu erzielen.
Farben anpassen
Branding-Farben aktualisieren
Sie können die Hauptfarben Ihres Help Centers ganz einfach an Ihre Marke anpassen.
So ändern Sie Ihre Branding-Farben:
- Öffnen Sie Ihr Notiondesk-Dashboard.
- Gehen Sie zum Abschnitt „Anpassung“.
- Unter der Registerkarte „Branding“ können Sie die folgenden Farben aktualisieren:
| Farbe | Beschreibung |
|---|---|
| Primärfarbe | Wird für Navigationselemente wie Schaltflächen und aktive Links verwendet. |
| Textfarbe | Wird für den Haupttext in Ihrem Help Center verwendet. |
| Linkfarbe | Wird für Standard-Hyperlinks verwendet. |
| Farbe beim Überfahren mit der Maus | Ändert die Farbe des Links, wenn ein Benutzer mit der Maus darüberfährt. |
| Hintergrundfarbe | Legt die Hintergrundfarbe Ihres gesamten Help Centers fest. |
Jedes Mal, wenn Sie eine neue Farbe auswählen, wird die Änderung sofort auf Ihrer Live-Website angezeigt.
Farben der Kopfzeile anpassen
Der Kopfbereich Ihres Help Centers enthält Navigationslinks, die Besucher als Erstes sehen. Sie können die Farben der Links an Ihre Marke anpassen oder die Sichtbarkeit verbessern.
So ändern Sie die Farben der Header-Links:
- Gehen Sie zum Abschnitt „Anpassung“ in Ihrem Notiondesk-Dashboard.
- Öffnen Sie die Registerkarte „Kopfzeile“.
- Aktualisieren Sie die folgenden Optionen:
| Farbe | Beschreibung |
|---|---|
| Linkfarbe | Legt die Standardfarbe für Links in der Kopfzeile fest. |
| Farbe beim Überfahren mit der Maus | Legt die Farbe für Links fest, wenn Benutzer mit der Maus darüber fahren. |
Hintergrund des Hero-Blocks anpassen
Der Hero-Block ist der oberste Bereich Ihres Help Centers und oft das Erste, was Besucher sehen. Sie können ihn mit einer Hintergrundfarbe oder einem Farbverlauf personalisieren, um Ihre Marke besser widerzuspiegeln.
Verwenden Sie eine einfache Hintergrundfarbe
Wenn Sie einen sauberen, einfarbigen Hintergrund anstelle eines Bildes bevorzugen:
- Gehen Sie zum Abschnitt „Anpassung“ in Ihrem Dashboard.
- Öffnen Sie die Registerkarte „Hero Block“.
- Hintergrund auswählen: Farbe.
- Wählen Sie eine Hintergrundfarbe aus der Farbauswahl aus oder fügen Sie den Hex-Code Ihrer Marke ein.
Die von Ihnen ausgewählte Farbe füllt den gesamten Hintergrund des Hero-Blocks aus.
Verwenden Sie einen Farbverlauf als Hintergrund
Mit Farbverläufen können Sie mehrere Farben zu einem sanften Übergang verschmelzen – eine großartige Möglichkeit, Ihrer Kopfzeile Tiefe zu verleihen, ohne Bilder zu verwenden.
So richten Sie einen Farbverlauf ein:
- Legen Sie auf der Registerkarte „Hero Block“ den Hintergrund auf „Gradient“ fest.
- Wählen Sie einen Farbverlaufstyp:
- Linear: Die Farben verlaufen in einer geraden Richtung.
- Radial: Die Farben strahlen vom Zentrum nach außen.
- Bei linearen Farbverläufen können Sie die Richtung der Überblendung durch Anpassen der Drehung (Winkel) steuern.
- Fügen Sie Ihre Farbverläufe hinzu. Sie können bis zu 5 Farben mit jeweils eigenem Prozentsatz und Farbcode festlegen.
Farbverläufe sind in hohem Maße anpassbar. Sie können subtile Übergänge mit zwei Farben erstellen oder mit einer mehrfarbigen Mischung auffällige Effekte erzielen. Achten Sie nur darauf, dass Ihr Text darüber lesbar bleibt.
Farben für Karten und Fußzeilen anpassen
Sie können auch die Farben der Sammelkarten, Artikelkarten und der Fußzeile Ihres Hilfezentrums personalisieren, um alles markengerecht und optisch einheitlich zu gestalten.
Sammlungs- und Artikelkarten
Jede Sammlung oder jeder Artikel wird in Ihrem Help Center in einer Karte angezeigt. Sie können die Hintergrundfarbe dieser Karten an Ihren Stil anpassen oder zur Unterscheidung zwischen verschiedenen Abschnitten verwenden.
So aktualisieren Sie die Kartenfarben:
- Gehen Sie zum Abschnitt „Anpassung“ in Ihrem Notiondesk-Dashboard.
- Öffnen Sie die Registerkarte „Sammlungen“ oder „Artikel“.
- Wählen Sie die Hintergrundfarbe aus.
Wählen Sie einfarbige Farben, die sicherstellen, dass der Text auf den Karten lesbar bleibt.
Farben der Fußzeile
Die Fußzeile ist der Bereich am unteren Rand jeder Seite des Hilfezentrums. Sie enthält in der Regel Links oder Kontaktinformationen, daher ist Übersichtlichkeit entscheidend.
So aktualisieren Sie die Farben der Fußzeile:
- Gehen Sie zum Abschnitt „Anpassung“.
- Öffnen Sie die Registerkarte „Fußzeile“.
- Legen Sie die Hintergrundfarbe und die Textfarbe der Fußzeile fest.
Dadurch wird sichergestellt, dass Ihre Fußzeile gut aussieht und vor dem von Ihnen gewählten Hintergrund gut sichtbar bleibt.
Bewährte Methoden für die Gestaltung Ihres Help Centers
Durch die Anpassung von Schriftarten und Farben wird Ihr Hilfe-Center zu einem Teil Ihrer Marke, aber es ist ebenso wichtig, dass es lesbar und einheitlich bleibt. Hier sind einige Tipps, um die besten Ergebnisse zu erzielen:
- Bleiben Sie Ihren Markenfarben treu
Verwenden Sie dieselben Farben, die Sie auch auf Ihrer Website und Ihrem Produkt verwenden. So bleibt alles für Ihre Nutzer vertraut.
- Verwenden Sie gut lesbare Schriftarten
Vermeiden Sie übermäßig dekorative Schriftarten, insbesondere für Fließtext. Halten Sie sich an klare, gut lesbare Schriftarten, die leicht zu überfliegen sind.
- Achten Sie auf einen guten Kontrast
Achten Sie auf einen ausreichenden Kontrast zwischen Text und Hintergrund. Vermeiden Sie beispielsweise hellgrauen Text auf weißem Hintergrund.
- Seien Sie vorsichtig mit Farbverläufen
Farbverläufe können visuell interessant sein, aber zu viele Farben oder harte Übergänge können die Lesbarkeit Ihrer Inhalte beeinträchtigen. Verwenden Sie für optimale Ergebnisse zwei oder drei Farben.
- Vorschau auf Desktop und Mobilgeräten
Überprüfen Sie Ihr Design auf verschiedenen Bildschirmgrößen, um sicherzustellen, dass alles sauber und professionell aussieht.