• Link zu LinkedIn
  • Link zu Instagram
  • Link zu Facebook
  • Login / Registrierung
E-Mail-Kontakt
MediaTeams
  • Home
  • Workshops & FoBis
  • Webdesign-Referenzen
  • Blog
  • Digitale Lernspiele
    • Erläuterungen & Übersicht
    • Frei zugängliche Lernspiele
      • Onboarding für neue (Online-) Redakteure (40 Begriffe, 7-sprachig)
      • Jugendworte – zum Spaß:-) (32 Begriffe, 1-sprachig)
      • Neu an der Gemeinschaftsschule in Schleswig-Holstein (32 Begriffe, 7-sprachig)
    • Nur für angemeldete Nutzer
      • Online-Schülerzeitungs- & WordPress-Grundlagen (110 Begriffe, 1-sprachig)
      • Digital- und Medienkompetenz-Begriffe
      • Demokratie in Schule und Alltag (90 Begriffe, 2-sprachig)
  • Glossar / Lexikon
  • Erklärvideos (für Mitglieder)
  • Link zum Verein
  • Click to open the search input field Click to open the search input field Suche
  • Menü Menü
Aufbau und Layout einer Seite, Glossar

Was bedeutet Layout?

Was bedeutet Layout? – Illustration zum Glossarbegriff

Die optische Gestaltung und Anordnung von Texten, Bildern, Überschriften und freien Flächen auf einer Seite. Ein übersichtliches Layout führt den Blick und unterstützt die Lesbarkeit. Für eine Online-Schülerzeitung gehört Layout deshalb zum grundlegenden Handwerkszeug der redaktionellen Arbeit.

Warum ist Layout wichtig?

Layout beschreibt die visuelle Anordnung von Text, Bildern, Überschriften, Abständen und weiteren Elementen. Ein gutes Layout lenkt den Blick und macht Inhalte leichter verständlich. Auf einer Website muss es außerdem auf unterschiedlichen Bildschirmgrößen funktionieren. Gestaltung sollte deshalb die Inhalte unterstützen und nicht von ihnen ablenken.

Beispiel aus einer Schülerredaktion

Bei einem langen Interview können größere Abstände, Zwischenüberschriften, hervorgehobene Fragen und ein passendes Foto den Text strukturieren. Zu viele Farben oder unterschiedliche Schriftgrößen würden dagegen ablenken.

Worauf solltest Du achten?

  • Leseführung vor Dekoration stellen.
  • Abstände und Schriftgrößen einheitlich einsetzen.
  • Darstellung auf verschiedenen Geräten testen.

Noch ein Beispiel

Ihr platziert die Überschrift oben, das große Foto darunter und gliedert den Artikel mit Zwischenüberschriften.

So setzt ihr Layout in der Redaktion um

Beginnt mit einer klaren Hierarchie: Überschrift, Teaser, Haupttext, Zwischenüberschriften, Bilder und ergänzende Elemente. Nutzt wiederkehrende Abstände und Schriftgrößen, damit Seiten zusammengehören. Prüft anschließend verschiedene Bildschirmgrößen und konzentriert euch auf Lesbarkeit. Wenn Gestaltungselemente vom Inhalt ablenken oder wichtige Informationen verstecken, sollte das Layout vereinfacht werden.

Typischer Fehler

Ein auffälliges Layout kann Inhalte überdecken. Wenn Leser:innen erst suchen müssen, wo der Text beginnt, ist die Gestaltung zu dominant.

Verwandte Begriffe

Headline · Zwischenüberschrift · Navigation (Menü) · Barrierefreiheit (Web)

Der Begriff gehört zum MediaTeams-Lernspiel „Onboarding für neue (Online-) Redakteure“. Mehr über die digitalen Lernspiele.

11. September 2026
Eintrag teilen
  • Teilen auf Facebook
  • Teilen auf X
  • Teilen auf WhatsApp
  • Teilen auf LinkedIn
  • Per E-Mail teilen
https://mediateams.de/wp-content/uploads/2026/09/glossar-layout.png 853 1280 sus-team https://mediateams.de/wp-content/uploads/2025/01/logo-mediateams-_sii-talents_gruen-v2-300x140.png sus-team2026-09-11 10:57:362026-09-11 10:57:36Was bedeutet Layout?
Das könnte Dich auch interessieren
Workshops von August-November 2021
Was ist eine Zwischenüberschrift? – Illustration zum Glossarbegriff Was ist eine Zwischenüberschrift?
Was ist eine Navigation auf einer Website? – Illustration zum Glossarbegriff Was ist eine Navigation auf einer Website?
Was ist Spaltensatz? – Illustration zum Glossarbegriff Was ist Spaltensatz?
Was bedeutet Barrierefreiheit im Web? – Illustration zum Glossarbegriff Was bedeutet Barrierefreiheit im Web?

Wichtiger Hinweis:

Unsere Online-Workshops finden live, interaktiv und in Echtzeit statt – mit direktem Austausch zwischen Trainer:in und Teilnehmenden, so wie in einem virtuellen Klassenraum.

Dies entspricht der Definition von Präsenzveranstaltungen in Online-Form und nicht den Kriterien für Fernunterricht.

Siehe dazu auch BRAK 3/26

2024 von der UNESCO erhalten

2020 vom RNE erhalten

Online-SZ-Preise

Jüngste Blog-Beiträge

  • Schülerzeitungen: perfekt für Demokratiestunden12. September 2026 - 10:11
  • Theme Enfold 8.0: neuer Layout-Builder ungewohnt?5. September 2026 - 7:20
  • Ressort, Rubrik und Kategorie – Wo liegt der Unterschied?22. August 2026 - 12:18
  • Gefährlich: wenn Hacker sich selbst zu WordPress-Admins machen20. August 2026 - 9:32
  • WordPress-Plugin „Digitale Lernspiele“ für Schulen & Ausbildungsbetriebe17. August 2026 - 19:10
  • Schülerzeitung – gründen, gestalten und online veröffentlichen12. Juli 2026 - 14:46
  • KMK: Digitale Resilienz? Wir müssen über Tricks der Plattformen sprechen14. Juni 2026 - 7:14

Ein Projekt vom

Kontaktdaten

MediaTeams c/o
sii-talents e.V.
Heilsauring 8
23858 Reinfeld

E-Mail: mediateams@sii-talents.de
Telefon: 04533 / 7974882

2024 von der UNESCO erhalten

2020 von dem RNE erhalten

© Copyright ab 2019-2024 by sii-talents e.V. - WebDesign by tiefenschaerfe.de
  • Link zu LinkedIn
  • Link zu Instagram
  • Link zu Facebook
  • Impressum
  • Datenschutzerklärung
  • Regeln / Nutzungsbedingungen
  • Ergänzende Datenschutzhinweise
  • Vereins-Satzung (externer Link)
  • Login
Link to: Was ist Spaltensatz? Link to: Was ist Spaltensatz? Was ist Spaltensatz?Was ist Spaltensatz? – Illustration zum Glossarbegriff Link to: Was ist ein Redaktionsmeeting? Link to: Was ist ein Redaktionsmeeting? Was ist ein Redaktionsmeeting? – Illustration zum GlossarbegriffWas ist ein Redaktionsmeeting?
Nach oben scrollen Nach oben scrollen Nach oben scrollen

Hier werden essenzielle Cookies für den Schutz der Website sowie für eine benutzerfreundliche Darstellung genutzt. Soll hier alles funktionieren? Dann klicke wenigstens OK. In der Datenschutzerklärung können mehr Cookies (de)aktiviert werden.

DatenschutzerklärungOKx

Cookie- und Datenschutzeinstellungen



Wie wir Cookies verwenden

Wir können Cookies anfordern, die auf Ihrem Gerät eingestellt werden. Wir verwenden Cookies, um uns mitzuteilen, wenn Sie unsere Websites besuchen, wie Sie mit uns interagieren, Ihre Nutzererfahrung verbessern und Ihre Beziehung zu unserer Website anpassen.

Klicken Sie auf die verschiedenen Kategorienüberschriften, um mehr zu erfahren. Sie können auch einige Ihrer Einstellungen ändern. Beachten Sie, dass das Blockieren einiger Arten von Cookies Auswirkungen auf Ihre Erfahrung auf unseren Websites und auf die Dienste haben kann, die wir anbieten können.

Notwendige Website Cookies

Diese Cookies sind unbedingt erforderlich, um Ihnen die auf unserer Webseite verfügbaren Dienste und Funktionen zur Verfügung zu stellen.

Da diese Cookies für die auf unserer Webseite verfügbaren Dienste und Funktionen unbedingt erforderlich sind, hat die Ablehnung Auswirkungen auf die Funktionsweise unserer Webseite. Sie können Cookies jederzeit blockieren oder löschen, indem Sie Ihre Browsereinstellungen ändern und das Blockieren aller Cookies auf dieser Webseite erzwingen. Sie werden jedoch immer aufgefordert, Cookies zu akzeptieren / abzulehnen, wenn Sie unsere Website erneut besuchen.

Wir respektieren es voll und ganz, wenn Sie Cookies ablehnen möchten. Um zu vermeiden, dass Sie immer wieder nach Cookies gefragt werden, erlauben Sie uns bitte, einen Cookie für Ihre Einstellungen zu speichern. Sie können sich jederzeit abmelden oder andere Cookies zulassen, um unsere Dienste vollumfänglich nutzen zu können. Wenn Sie Cookies ablehnen, werden alle gesetzten Cookies auf unserer Domain entfernt.

Wir stellen Ihnen eine Liste der von Ihrem Computer auf unserer Domain gespeicherten Cookies zur Verfügung. Aus Sicherheitsgründen können wie Ihnen keine Cookies anzeigen, die von anderen Domains gespeichert werden. Diese können Sie in den Sicherheitseinstellungen Ihres Browsers einsehen.

Andere externe Dienste

Wir nutzen auch verschiedene externe Dienste wie Google Webfonts, Google Maps und externe Videoanbieter. Da diese Anbieter möglicherweise personenbezogene Daten von Ihnen speichern, können Sie diese hier deaktivieren. Bitte beachten Sie, dass eine Deaktivierung dieser Cookies die Funktionalität und das Aussehen unserer Webseite erheblich beeinträchtigen kann. Die Änderungen werden nach einem Neuladen der Seite wirksam.

Google Webfont Einstellungen:

Google Maps Einstellungen:

Google reCaptcha Einstellungen:

Vimeo und YouTube Einstellungen:

Datenschutzrichtlinie

Sie können unsere Cookies und Datenschutzeinstellungen im Detail in unseren Datenschutzrichtlinie nachlesen.

Datenschutzerklärung
Suchen
Vorlesefunktion
Einstellungen
Verfügbare Stimmen hängen vom Browser und den installierten Systemstimmen ab.
Lesehilfen