# Fotos, Schrift und Farben auswählen

Visuelle Gestaltung soll Wiedererkennung und Lesbarkeit unterstützen. Nutzungsrechte und Kontrast gehören dazu. Bilder, Schriften und Farben sollten erklären helfen, welchen Eindruck das Unternehmen vermitteln möchte und welche Information wichtig ist. Ein Café kann warme Fotos mit einer gut lesbaren Speisekarte kombinieren. Auch lizenzierte Bilder dürfen keinen nicht existierenden Standort vortäuschen.

## Visuelle Entscheidungen mit dem Inhalt verbinden

Bilder, Schriften und Farben sollten erklären helfen, welchen Eindruck das Unternehmen vermitteln möchte und welche Information wichtig ist. Eine Auswahl nach kurzfristigem Trend kann attraktiv sein, aber den Inhalt überlagern. Beginnen Sie deshalb mit dem Angebot und den Aufgaben der Besucher. Ein visueller Schwerpunkt ist sinnvoll, wenn er diese Aufgaben unterstützt.

Ein Architekturstudio benötigt möglicherweise Raum für Projektbilder und ruhige Beschreibungen. Ein technischer Dienst braucht eine gut erkennbare Leistungsübersicht und einen direkten Kontaktweg. Dieselbe Bildmenge und Typografie passt nicht automatisch zu beiden. Gestaltung wird eigenständig, wenn sie diese Unterschiede ernst nimmt, statt nur eine andere Hauptfarbe zu wählen.

Beschränken Sie die Anzahl der grundlegenden Schriftfamilien und wiederkehrenden Stile. Einheitliche Abstände, Radien und Überschriften schaffen Orientierung. Zu viele voneinander unabhängige Entscheidungen lassen eine kleine Website schnell unruhig wirken. Die Qualität entsteht aus bewusster Komposition und Lesbarkeit, nicht aus möglichst vielen dekorativen Effekten.

## Bildrechte und Bildfunktion vor der Veröffentlichung klären

Wählen Sie nur Material, dessen öffentliche Nutzung geklärt ist. Halten Sie Quelle, Urheber und relevante Lizenzbedingungen fest. Eine Datei im gemeinsamen Ordner ist kein automatischer Nachweis der Erlaubnis. Bei eigenen Aufnahmen können außerdem Personen oder vertrauliche Details sichtbar sein, die vor der Veröffentlichung geprüft werden müssen.

Geben Sie jedem Bild eine Aufgabe. Es kann ein Produktmerkmal, eine Atmosphäre oder einen Projektdetail erklären. Ein Bild ohne erkennbare Funktion muss nicht allein deshalb bleiben, weil im Layout Platz vorhanden ist. Bereiten Sie passende Größen vor und kontrollieren Sie den Zuschnitt auf einem Telefon. Die wichtige Information darf im schmalen Format nicht verschwinden.

Alternative Texte sollten die Bedeutung eines informativen Bildes im jeweiligen Zusammenhang beschreiben. Eine reine Dekoration kann leer ausgezeichnet werden. Vermeiden Sie Suchwortketten oder die mechanische Wiederholung einer benachbarten Überschrift. Bild, Beschriftung und Alternativtext gehören als zusammenhängende Inhaltseinheit betrachtet.

## Lesbarkeit unter tatsächlichen Bedingungen prüfen

Testen Sie Kontrast und Schriftgröße mit den echten Inhalten. Ein helles Grün kann als Fläche funktionieren, aber weiße kleine Schrift darauf unlesbar machen. Eine elegante dünne Schrift kann bei längeren Absätzen anstrengend sein. Wählen Sie nicht nur nach dem großen Entwurf auf dem Studiomonitor.

Mehrsprachige Seiten benötigen geeignete Zeichensätze und flexible Zeilen. Deutsche Überschriften können länger ausfallen, andere Sprachen andere Schriftunterstützung erfordern. Die Website sollte deshalb keine starren Höhen voraussetzen, die Text abschneiden. Laden Sie nicht unnötig große Schriftpakete für alle Sprachen auf jeder Seite, wenn eine gezielte Auswahl möglich ist.

Prüfen Sie zum Schluss eine vollständige Seite statt isolierter Stilproben. Sind Hauptaussage, Preis und Kontakt klar? Helfen Bilder beim Verständnis? Bleiben Fokuszustände sichtbar und reduzierte Bewegung berücksichtigt? Ein stimmiger visueller Auftritt verbindet ästhetische Absicht mit tatsächlicher Nutzbarkeit. Er bleibt auch dann verständlich, wenn ein Bild langsam lädt oder der Besucher ohne Maus navigiert.

## Praktische Prüfliste

- Lizenzen aufbewahren
- Lange Titel testen
- Kontrast prüfen

**Ein konkretes Beispiel:** Ein Café kann warme Fotos mit einer gut lesbaren Speisekarte kombinieren.

**Eine wichtige Grenze:** Auch lizenzierte Bilder dürfen keinen nicht existierenden Standort vortäuschen.

## Der nächste Schritt

[Beschreiben Sie Orvunweb Ihr Projekt](/de/projekt-anfragen/)

## Weiterlesen

- [Vorlage oder individuell angepasste Gestaltung?](/de/blog/vorlage-oder-individuell-angepasste-gestaltung/)
- [Bilder für Websites vorbereiten](/de/blog/bilder-fur-websites-vorbereiten/)
- [Architekturportfolios präsentieren](/de/blog/architekturportfolios-prasentieren/)
- [Unternehmenswebsite](/de/leistungen/unternehmenswebsite/)
- [Pakete vergleichen](/de/pakete/)


## Passende Leistungen

- [Unternehmenswebsite](/de/leistungen/unternehmenswebsite/)

---

Locale: de
Canonical: https://orvunweb.com/de/blog/fotos-schrift-und-farben-auswahlen/
Updated: 2026-09-16


- [W3C WAI — Images](https://www.w3.org/WAI/tutorials/images/)