bilder im netz youmissedyourflight.com © youmissedyourflight.com

26
Bilder im Netz

Upload: ernsta-gehrke

Post on 05-Apr-2015

127 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

Bilder im Netz

Page 2: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

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

Page 3: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

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

Page 4: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

Bildergalerien bringen Kicks und Klicks

User nützen Fotostrecken gerne. Sie machen Spaß und sind bedienungsfreundlich.

Auch die Seiten-Anbieter lieben Bildergalerien. Sie generieren hohe Klickzahlen.

Page 5: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

Voraussetzung für eine gut gemachte Bildergalerie ist eine klare Navigation

Page 6: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

Bilderleisten dramaturgisch eingesetzt

In der Bildunterschrift wird eine fortlaufende Geschichte erzählt.

Page 7: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com
Page 8: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

Kleines Foto: Unattraktiv und nichts sagend.

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

Page 9: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

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:

Bildunterschrift - für sehende User.

Alt-Text – für blinde User.

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

Page 10: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

Foto-Collage als Teaser-Illustration.

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

Page 11: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

Aktion + Information = Gelungene Teaser-Illustration

Page 12: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

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

Page 13: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

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

Page 14: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

Bildunterschriften können auch Zitate aus dem Beitragstext enthalten.

Diese sollten aber stark und aussagekräftig sein.

Page 15: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

Schwaches Teaserfoto.

Zu klein. Nicht aussagestark.

Page 16: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

Schwaches Foto!

Die dargestellten Personen sind so gut wie nicht zu erkennen.

Page 17: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

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 18: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

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

Page 19: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

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

Page 20: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

Blick nach innen

Blick nach außen

Page 21: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

Ein Mann verlässt die Seite.

Abschied nehmen ist negativ besetzt.

Eintreten = willkommen = positiv

Page 22: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

Suchbild im Internet:

Was soll sich der User darunter vorstellen?

Page 23: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

• 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.

• Briefmarkenformate haben im Internet nichts zu suchen!

Bildunterschriften

Page 24: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

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

Page 26: Bilder im Netz youmissedyourflight.com © youmissedyourflight.com

„Mit wenigen, aber ausgewähltenFotos könnte sich ein deutsches Online-

Medium leicht von der Konkurrenz unterscheiden.“

Stefan Niggemeier - Medienjournalist