bilder im internet starke bilder verdienen einen starken text. schwache bilder brauchen einen...

22
Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder wirken nur in der richtigen Größe. Keine Briefmarkenformate!

Upload: bonifaz-dornfeld

Post on 05-Apr-2015

127 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Bilder im Internet

• Starke Bilder verdienen einen starken Text.

• Schwache Bilder brauchen einen starken Text.

• Manche Bilder wirken auch ohne Text.

• Bilder wirken nur in der richtigen Größe.

• Keine Briefmarkenformate!

Page 2: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Großformatiges Foto, knapper Text: Ansprechend und informativ.

Page 3: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Kleines Foto: Unattraktiv und nichts sagend.

Eine starke Geschichte wie diese hat eine bessere Teaser-Illustration verdient.

Page 4: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Hier stimmen die Proportionen nicht:

Magere Überschrift, kleines Foto – und jede Menge verschenkter Raum.

Aussagestarke Bildunterschrift!

Page 5: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Bildunterschrift:Unsitte zu Weihnachten: Hunde als Kuschelgeschenk

Alt-Text:Leicht ergrauter Labrador sitzt hinter einem braunen Teddybär.

Fotos im Internet sollten zwei unterschiedliche Begleittexte haben:

Überschrift - für sehende User.

Alt-Text – für blinde User.

Den Alt-Text („Alt-Tag“) lassen sich Blinde und Sehbehinderte durch „Screenreader“ vorlesen.

Page 6: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Bildunterschrift:Ernte in Haiti: Zum Leben zu wenig, zum Sterben zu viel.

Alt-Text:Gartengroßes Feld am Rand einer Siedlung. Kinder stehen breitbeinig über Bewässerungsrinne und arbeiten mit Schaufeln.

• Bildunterschrift

• Alt-Text

Die Bildunterschrift darf stilistisch charmant, farbig, originell und informativ sein.

Der Alt-Text hat nur einen Zweck: Er soll das Dargestellte in wenigen Worten beschreiben.

Page 7: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Großformatig, plakativ, ansprechend: Bannerfoto mit integrierter Textzeile

Page 8: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Störend: Blickrichtung sollte nach Möglichkeit in die Seite hinein und nicht aus der Seite heraus führen.

Außerdem fehlt eine Bildunterschrift

Page 9: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Foto-Collage als Teaser-Illustration.

Hier erübrigt sich eine Bildunterschrift. Ein Alt-Text für die blinden User ist trotzdem angebracht.

Page 10: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Aktion + Information = Gelungene Teaser-Illustration

Page 11: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Banner-Grafik als Teaser-Illustration zu einem Dossier der Deutschen Welle

Page 12: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Bildergalerie aus SPIEGEL-Online: Überschrift – Vorschaubilder - Angabe der Zahl der zu erwartenden Fotos.

Page 13: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Bildunterschriften können auch Zitate aus dem Beitragstext enthalten.

Diese sollten aber stark und aussagekräftig sein.

Page 14: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Schwaches Teaserfoto.

Zu klein. Nicht aussagestark.

Page 15: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Schwaches Foto!

Die dargestellten Personen sind so gut wie nicht zu erkennen.

Page 16: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Banner-Montage: Zwei der 4 Fotos sind kaum zu erkennen.

Page 17: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Bilddynamik 1: Das Flugzeug sollte in die Seite hinein fliegen und nicht aus der Seite heraus.

Page 18: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Bilddynamik 2: In diesem Fall ist der Blick aus der Seite heraus angebracht. Die Blickrichtung symbolisiert: Müntefering geht.

Page 19: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Blick nach innen

Blick nach außen

Page 20: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Ein Mann verlässt die Seite.

Abschied nehmen ist negativ besetzt.

Eintreten = willkommen = positiv

Page 21: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Suchbild im Internet:

Was soll sich der User darunter vorstellen?

Page 22: Bilder im Internet Starke Bilder verdienen einen starken Text. Schwache Bilder brauchen einen starken Text. Manche Bilder wirken auch ohne Text. Bilder

Manche Fotos wirken besser ohne Worte. Ein Bildtext stört eher.