Layout & Online-Design

Ein guter Artikel besteht nicht nur aus Text. Layout, Weißraum, Bilder und Überschriften entscheiden mit, ob jemand gerne liest – besonders auf dem Handy.

1. Unterschied: Print und Online

Viele Regeln sind ähnlich, aber es gibt wichtige Unterschiede:

• Print: feste Seiten, alles auf Papier, Leser:innen blättern.
• Online: Bildschirmgrößen sehr unterschiedlich, Leser:innen scrollen, klicken, tippen.

Deshalb sollte ein Online-Artikel so gestaltet sein, dass man ihn auf einem kleinen Smartphone-Display gut lesen kann.

2. Lesbarkeit: Schrift, Zeilen, Absätze

Ein gut lesbarer Text hat:

• eine ausreichend große Schrift
• genügend Zeilenabstand
• nicht zu lange Zeilen (am Handy sehr wichtig)
• Absätze, die den Text in sinnvolle Blöcke teilen

3. Struktur im Artikel

Leser:innen überfliegen Texte oft, bevor sie genauer lesen. Darum ist eine klare Struktur wichtig:

• Überschrift: macht neugierig, fasst das Thema kurz.
• Vorspann/Teaser: 1–3 Sätze, die erklären, worum es geht.
• Zwischenüberschriften: teilen den Text in logische Abschnitte.
• Listen & Aufzählungen: helfen, Informationen schnell zu erfassen.
• Bild + Bildunterschrift: ergänzen den Text visuell.

4. Weißraum – Platz zum Atmen

„Weißraum“ ist der Platz zwischen Absätzen, Bildern und Elementen. Er muss nicht weiß sein – wichtig ist: die Seite wirkt nicht überfüllt.

• Genug Abstand zwischen Überschrift und Text.
• Zwischen den Absätzen etwas Luft lassen.
• Bilder nicht zu dicht an den Text „kleben“.

Weißraum macht den Artikel ruhiger und professioneller – auch in der Schülerzeitung.

5. Farben & Wiedererkennung

In einer digitalen Schülerzeitung sollte man erkennen, dass alle Artikel zusammengehören. Das erreicht man mit:

• einheitlichen Schriftarten
• wiederkehrenden Farben (z. B. für Überschriften, Buttons, Links)
• ähnlichen Bildgrößen und Bildpositionen

6. Artikel-Layout in einer Online-Schülerzeitung

Typische Elemente eines Online-Artikels:

• Vorschaubild (Thumbnail) auf der Startseite
• Artikelbild oben im Beitrag
• Hauptüberschrift + Unterzeile
• Autor:innenzeile und Veröffentlichungsdatum
• Fließtext mit Zwischenüberschriften
• ggf. Info-Kästen, Zitate, Faktenboxen

7. Zitate & Infoboxen hervorheben

In Online-Artikeln kann man wichtige Informationen hervorheben, z. B. als:

• Zitat-Kasten: markante Aussage aus dem Text, die extra gezeigt wird.
• Faktenbox: kurze Faktenliste neben dem Text.
• Hinweis-Box: z. B. für Termine oder weiterführende Links.

Das macht den Artikel abwechslungsreich – aber: nicht übertreiben. Zu viele Boxen machen unruhig.

8. Mobile first – Denken fürs Handy

Zu viele Schüler:innen lesen Artikel fast nur am Smartphone. Deshalb:

• lange Wörter und verschachtelte Sätze vermeiden
• ausreichend große Klickflächen für Links und Buttons
• Bilder so einbinden, dass sie auf dem Handy nicht winzig sind

9. Checkliste: Gutes Online-Layout

• Überschrift + Teaser klar und gut lesbar.
• Absätze, Zwischenüberschriften, Listen sinnvoll eingesetzt.
• Bilder passend, nicht zu groß und nicht zu klein.
• Genug Weißraum – Seite wirkt „aufgeräumt“.
• Artikel auf Desktop und Handy getestet.