Textstrukturierung - Webdesign
Alle Texte sollten gut struktiert, einfach zu lesen sowie klar und verständlich sein.
- Verwenden Sie klare und einfache Überschriften
- Verwenden Sie Paragraphen und Absätze um Texte zu strukturieren
- Verwenden Sie Auflistungen um unnötige Aufzählungen zu vermeiden
- Verwenden Sie keine zu ausgefallene Schriftarten und Effekte; Lesbarkeit ist wichtig
- Vermeiden Sie Emojis; Darstellung und deren Bedeutung kann missverständlich sein
Textfarbe & Textmarkierungen - Webdesign
Textfarben und Textmarkierungen im CI/CD der Webseite; möglichst nahe beim Standard (schwarzer Text auf weißem Grund bzw. umgekehrt; Darkmode)
- Verwenden Sie Hervorhebungen (Fett markiert, Unterstreichungen) nur für wichtige Kernpunkte
- Verwenden Sie nicht zu viele unterschiedliche Farben (möglichst harmonisch und nicht zu grell, passend zum CI/CD)
- Verwenden Sie möglichst keine blinkende Farben, Texte usw.
- Verwenden Sie möglichst keine Unterstreichungen; diese werden oft missverstanden als verlinkte Inhalte (Links)
- Vermeiden Sie Emojis; Darstellung und deren Bedeutung kann missverständlich sein
Texte - Beispiele
Dieser Text wird in der Standardschriftart angezeigt.
Dieser Text wird in einer Schriftart angezeigt.
Dieser Text wird in kursiver Schriftart angezeigt.
Dieser Text wird in fetter Schriftart angezeigt.
Dieser Text wird in unterstrichener Schriftart angezeigt.
Dieser Text wird in doppelt unterstrichener Schriftart angezeigt.
Dieser Text wird in durchgestrichener Schriftart angezeigt.
Dieser Text wird in unterstrichener (wellenförmig) Schriftart angezeigt.
Dieser Text wird unter Beachtung von Klein-/Großschreibung in Großbuchstaben angezeigt.
Dieser Text wird komplett in kleinen Großbuchstaben angezeigt, egal ob Klein-/Großbuchstaben vorkommen.
Dieser Text passt Großbuchstaben den Kleinbuchstaben an.
Tipp: Das laden bzw. einbetten von Web-Schriftarten (auch Icon-Schriftarten) von anderen Seiten ist nicht Datenschutzkonform (DSGVO), das u.a. Daten des Nutzers (IP-Adresse, Browser-Daten usw.) an den Anbieter übertragen werden, ohne dass dieser zugestimmt hat. Daher alle Schriftarten selbst hosten.
Texteffekte - Beispiele
Dieser Text hat einen Textschatten.
Dieser Text erfolgt mit Konturen.
Text im Retro-Style.
Text mit Farbverlauf.
Text mit Leucht-Effekt.
Text mit Gravur-Effekt.
Text mit Präg-Effekt.
Text mit Neon-Effekt.
Text mit Textreflexion-Effekt.
Text mit Bild-Effekt.