Lernziel
Lernziel
Nach diesem Kapitel können Sie:
- Schriften in Wix Studio ändern
- Überschriften und Fließtexte unterscheiden
- eine professionelle Schriftkombination auswählen
- Schriftgrößen sinnvoll einsetzen
- die Lesbarkeit verbessern
- typografische Fehler vermeiden
- ein einheitliches Erscheinungsbild schaffen
Warum wichtig
Warum sind Schriften so wichtig?
Schriften transportieren Persönlichkeit.
Noch bevor Besucher den ersten Satz lesen, vermittelt die Typografie bereits einen Eindruck Ihres Unternehmens.
Eine moderne Schrift wirkt:
Eine unruhige oder schwer lesbare Schrift kann dagegen den gegenteiligen Effekt haben.
Weniger ist mehr
Ein häufiger Fehler besteht darin, viele verschiedene Schriftarten auf einer Website zu kombinieren.
Unsere Empfehlung:
Nutzen Sie maximal zwei Schriftfamilien.
Zum Beispiel:
- eine Schrift für Überschriften
- eine Schrift für Fließtexte
Dadurch wirkt Ihre Website aufgeräumt und professionell.
Welche Schriften eignen sich?
Für die meisten Unternehmenswebsites empfehlen wir moderne, gut lesbare Sans-Serif-Schriften.
Beispiele:
- Inter
- Manrope
- DM Sans
- Plus Jakarta Sans
- Poppins
- Open Sans
- Lato
Diese Schriften wirken modern und sind auch auf Smartphones gut lesbar.
Schritt für Schritt
Schriftarten ändern – Schritt für Schritt
Öffnen Sie den Wix Studio Editor.
Wix Studio · Editor öffnen
Editor öffnen
Überschriften richtig einsetzen
Überschriften strukturieren Ihre Inhalte.
Sie helfen Besuchern dabei, Informationen schneller zu erfassen.
Eine gute Überschrift ist:
- kurz
- verständlich
- aussagekräftig
Beispiel
Schlecht
Willkommen auf unserer Website
Besser
Professionelle Websites für Unternehmen
Fließtexte
Fließtexte sollten leicht lesbar sein.
Empfehlungen:
- kurze Absätze
- einfache Sprache
- ausreichend Zeilenabstand
- keine überlangen Sätze
Online lesen Menschen anders als in einem Buch.
Kurze Absätze erleichtern das Lesen.
Schriftgrößen
Verwenden Sie klare Hierarchien.
Beispiel:
Hauptüberschrift
größte Schrift
Zwischenüberschrift
mittlere Schrift
Fließtext
kleinere Schrift
Dadurch erkennen Besucher sofort, welche Informationen besonders wichtig sind.
Zeilenabstand
Ein ausreichender Zeilenabstand verbessert die Lesbarkeit deutlich.
Zu geringer Abstand wirkt gedrängt.
Zu großer Abstand erschwert den Lesefluss.
Textausrichtung
Für Unternehmenswebsites empfehlen wir überwiegend linksbündige Texte.
Linksbündige Texte lassen sich leichter lesen und wirken ruhiger.
Zentrierte Texte eignen sich vor allem für kurze Überschriften oder einzelne Hervorhebungen.
Hervorhebungen
Nutzen Sie Fettungen gezielt.
Zum Beispiel:
Kostenloses Erstgespräch
5 Jahre Erfahrung
100 % transparent
Zu viele Hervorhebungen verlieren jedoch ihre Wirkung.
Farben bei Texten
Achten Sie auf einen hohen Kontrast zwischen Text und Hintergrund.
Beispiele:
Vermeiden Sie Farbkombinationen, die schwer lesbar sind.
Einheitlichkeit
Nutzen Sie auf jeder Seite dieselben Regeln.
Zum Beispiel:
H1
immer gleich
H2
immer gleich
Absätze
immer gleich
Buttons
immer gleich
Dadurch wirkt Ihre Website hochwertig und professionell.
Best Practice
Web by David Best Practice
Wir definieren bereits zu Beginn eines Projekts feste Typografie-Regeln.
Dadurch bleibt jede Seite konsistent.
Neue Inhalte können später problemlos ergänzt werden, ohne dass das Design uneinheitlich wirkt.
Aus der Praxis
Verkaufspsychologie
Gut lesbare Texte werden häufiger gelesen.
Je einfacher Besucher Informationen aufnehmen können, desto länger bleiben sie auf Ihrer Website.
Eine klare Typografie schafft Vertrauen und reduziert die Hürde, sich mit Ihren Inhalten auseinanderzusetzen.
Aus der Praxis
Expertenwissen
Die Typografie gehört zu den wichtigsten Bestandteilen des visuellen Designs.
Professionelle Websites arbeiten mit klaren Größenunterschieden zwischen Überschriften, Zwischenüberschriften und Fließtexten.
Dadurch entsteht eine natürliche Leserichtung, die Besucher intuitiv durch die Inhalte führt.
Häufige Fehler
Häufige Fehler
Zu viele Schriftarten
Die Website wirkt unruhig.
Zu kleine Schrift
Besucher müssen zoomen.
Zu große Textblöcke
Lange Absätze schrecken viele Leser ab.
Zu wenig Kontrast
Texte werden schwer lesbar.
Uneinheitliche Größen
Jede Seite wirkt anders.
Profi-Tipp
Profi-Tipp
Lesen Sie Ihre Website einmal auf dem Smartphone.
Wenn Sie einen Absatz zweimal lesen müssen, ist er wahrscheinlich zu lang oder zu kompliziert formuliert.
Aus der Praxis
Praxis aus unserem Agenturalltag
Viele Kunden möchten ihre Website „moderner“ machen und ändern dabei spontan Schriftarten.
Unsere Empfehlung:
Ändern Sie niemals nur eine einzelne Überschrift.
Passen Sie stattdessen die gesamte Typografie konsequent an.
So bleibt das Erscheinungsbild harmonisch.
Checkliste
Checkliste
Praxisaufgabe
Praxisaufgabe
Kontrollieren Sie eine beliebige Seite Ihrer Website.
Prüfen Sie:
- Sind alle Überschriften einheitlich?
- Ist der Fließtext gut lesbar?
- Werden maximal zwei Schriftfamilien verwendet?
- Ist der Kontrast ausreichend?
Notieren Sie mögliche Verbesserungen und setzen Sie mindestens eine davon um.
Mini-Projekt
Mini-Projekt
Erstellen Sie einen kleinen Typografie-Leitfaden für Ihre Website.
Beispiel:
Hauptüberschrift:
Inter Bold
Zwischenüberschrift:
Inter SemiBold
Fließtext:
Inter Regular
Button:
Inter Medium
Textfarbe:
#222222
Hintergrund:
#FFFFFF
Bewahren Sie diesen Leitfaden auf. Er hilft Ihnen dabei, zukünftige Änderungen konsistent umzusetzen.
Wissenscheck
Quiz
Wie viele Schriftfamilien sollten auf einer Unternehmenswebsite in der Regel verwendet werden?
Welche Textausrichtung eignet sich für längere Fließtexte am besten?
Warum ist ein hoher Kontrast zwischen Text und Hintergrund wichtig?
Was vermittelt eine einheitliche Typografie?
Zusammenfassung
Kapitelzusammenfassung
Sie haben gelernt:
- wie Sie Schriften in Wix Studio ändern,
- wie Typografie die Wahrnehmung Ihrer Marke beeinflusst,
- wie Sie eine klare Schrift-Hierarchie aufbauen,
- welche Fehler Sie vermeiden sollten,
- und wie Sie mit einer konsistenten Typografie einen professionellen Markenauftritt schaffen.
Ausblick
Vorschau auf Kapitel 11
Abstände, Weißraum & Designregeln – Warum professionelle Websites aufgeräumt wirken
Im nächsten Kapitel lernen Sie, warum nicht mehr Inhalte, sondern eine bessere Struktur häufig
den größten Unterschied macht. Sie erfahren, wie Abstände, Ausrichtung und Weißraum das Nutzererlebnis verbessern und warum professionelle Websites oft bewusst auf Freiflächen setzen, statt jeden Bereich mit Informationen zu füllen. Dieses Kapitel hilft Ihren Kunden, Änderungen vorzunehmen, ohne dass die Website überladen oder unruhig wirkt.