---
title: 'Bild und Text'
url: 'https://dedc.de/particles/bausteine'
markdown: 'https://dedc.de/particles/bausteine.md'
lang: de
date: '2026-11-06'
---

[Alle Beispiele](https://dedc.de/particles)

# Bild und Text

## Ein klarer Anfang

Die erste Idee wird zu einem verständlichen Plan. Ein eigener Textabschnitt steht auch ohne Bild für sich.

 ![](https://dedc.de/user/pages/08.particles/02.bausteine/02._links/particles-ai-photo-v1.png) 

## Bild links: das Motiv zuerst

Aus einzelnen Photos entsteht eine Geschichte. Auf dem großen Bildschirm steht das Bild links neben diesem Text. Auf dem Mobiltelefon kommt das Bild zuerst, anschließend folgt dieser Text.

Das Photo ist KI-generiert. Es zeigt einen Arbeitstisch mit Kamera, Notizbuch und einer Auswahl von Landschaftsphotos.

## Bild rechts: der Gedanke zuerst

Text, Bilder und kleine Bausteine ergeben eine zusammenhängende Seite. Auf dem großen Bildschirm steht die Graphik rechts neben diesem Text. Auf dem Mobiltelefon liest du zuerst diesen Text; die Graphik folgt darunter.

Die Graphik ist KI-generiert. Blau und Himbeerrot greifen die Farben des Website-Designs auf.

 ![](https://dedc.de/user/pages/08.particles/02.bausteine/03._rechts/particles-ai-graphic-v1.png)

---

## Navigation

- Parent: [Particles: Beispiele](https://dedc.de/particles.md)
- Previous: [Text und Typographie](https://dedc.de/particles/typographie.md)
- Next: [Feature-Kacheln](https://dedc.de/particles/features.md)