Graphiken: Unterschied zwischen den Versionen
| (4 dazwischenliegende Versionen von 3 Benutzern werden nicht angezeigt) | |||
| Zeile 1: | Zeile 1: | ||
| + | [[category:Informationsdesign]] | ||
'''Ein Bild sagt mehr als 1000 Worte''' | '''Ein Bild sagt mehr als 1000 Worte''' | ||
| − | Wenn Graphiken, Icons, Fotos und Bilder unkommentiert verwendet werden, können leicht falsch interpretiert werden, da sie vom Nutzer subjektiv betrachtet werden. Graphiken auf einer Webseite sollten nur | + | Wenn Graphiken, [[Icon|Icons]], Fotos und Bilder unkommentiert verwendet werden, können sie leicht falsch interpretiert werden, da sie vom Nutzer subjektiv betrachtet werden. Graphiken auf einer Webseite sollten nur zur Unterstützung der Aussage benutzt werden und nicht ohne Grund erscheinen. Leicht werden zuviele Grphiken verwendet, die eher verwirren, als der Veranschaulichung der Inhalte zu dienen. |
| − | Ebenso wie auf zuviele Bilder sollte auch weitestgehend auf Animationen, also bewegte und animierte Bilder, verzichtet werden. Im Internet gibt es das Phänomen der "Banner-Blindness", das bedeutet, dass Nutzer automatisch die 'blinkenden Bildchen' als Werbebanner wahrnehmen | + | Ebenso, wie auf zuviele Bilder, sollte auch weitestgehend auf Animationen, also bewegte und animierte Bilder, verzichtet werden. Im Internet gibt es das Phänomen der "Banner-Blindness", das bedeutet, dass Nutzer automatisch die 'blinkenden Bildchen' als Werbebanner wahrnehmen und ihnen keinerlei Beachtung schenken. |
| Zeile 15: | Zeile 16: | ||
Zusätzlich gilt es, beim Bearbeiten der Bilder auf Qualitätsverlust achten. Dieser entsteht, wenn die Bilder zu sehr komprimiert werden, was von verschiedenen [[Bilder und Graphiken im Web#Grafikformate|Formaten der Graphiken]] abhängig ist. Das Format [[Bilder und Graphiken im Web#JPEG|JPG/JPEG]] zum Beispiel wird vor allem für die Komprimierung von Fotografien angewendet. Es hat die Eigenschaft, ähnliche Farbbereiche zusammenzufassen, je nach Komprimierungsgrad hat das einen starken Mosaikeffekt, der fehlerhaft wirkt, wie man an diesem Beipiel sieht. | Zusätzlich gilt es, beim Bearbeiten der Bilder auf Qualitätsverlust achten. Dieser entsteht, wenn die Bilder zu sehr komprimiert werden, was von verschiedenen [[Bilder und Graphiken im Web#Grafikformate|Formaten der Graphiken]] abhängig ist. Das Format [[Bilder und Graphiken im Web#JPEG|JPG/JPEG]] zum Beispiel wird vor allem für die Komprimierung von Fotografien angewendet. Es hat die Eigenschaft, ähnliche Farbbereiche zusammenzufassen, je nach Komprimierungsgrad hat das einen starken Mosaikeffekt, der fehlerhaft wirkt, wie man an diesem Beipiel sieht. | ||
{| border="0" cellspacing="0" cellpadding="10" style="border-collapse:collapse;" align="center" width="100%" | {| border="0" cellspacing="0" cellpadding="10" style="border-collapse:collapse;" align="center" width="100%" | ||
| − | |[[Bild:Pido_good.jpg|framed|middle|Bild mit minimalen Artefakten - Format: JPG, Größe: 12 KB]] | + | |[[Bild:Pido_good.jpg|framed|middle|Bild mit minimalen Artefakten -<br>Format: JPG, Größe: 12 KB]] |
| − | |[[Bild:Pido_bad.jpg|framed|left|Bild mit offensichtlichen Artefakten - | + | |[[Bild:Pido_bad.jpg|framed|left|Bild mit offensichtlichen Artefakten -<br> |
Format: JPG, Größe: 5 KB]] | Format: JPG, Größe: 5 KB]] | ||
|} | |} | ||
| Zeile 26: | Zeile 27: | ||
Für ausführlichere Informationen zum Thema Graphiken, besuchen Sie bitte die folgende Ausarbeitung des Themas [[Bilder und Graphiken im Web]] | Für ausführlichere Informationen zum Thema Graphiken, besuchen Sie bitte die folgende Ausarbeitung des Themas [[Bilder und Graphiken im Web]] | ||
| + | |||
| + | [[category:Webdesign]] | ||
Aktuelle Version vom 18. Juni 2006, 21:41 Uhr
Ein Bild sagt mehr als 1000 Worte
Wenn Graphiken, Icons, Fotos und Bilder unkommentiert verwendet werden, können sie leicht falsch interpretiert werden, da sie vom Nutzer subjektiv betrachtet werden. Graphiken auf einer Webseite sollten nur zur Unterstützung der Aussage benutzt werden und nicht ohne Grund erscheinen. Leicht werden zuviele Grphiken verwendet, die eher verwirren, als der Veranschaulichung der Inhalte zu dienen.
Ebenso, wie auf zuviele Bilder, sollte auch weitestgehend auf Animationen, also bewegte und animierte Bilder, verzichtet werden. Im Internet gibt es das Phänomen der "Banner-Blindness", das bedeutet, dass Nutzer automatisch die 'blinkenden Bildchen' als Werbebanner wahrnehmen und ihnen keinerlei Beachtung schenken.
Technische Aspekte
Bei der Verwendung der Graphiken sollten außerdem technische Aspekte beachtet werden, die der Usability und der Accessibilty hinderlich werden können. So ist es dringend notwendig, Größe und Format der verwendeten Graphiken anzupassen.
Unkomprimierte, zu große Bilder verlangsamen die Ladezeiten erheblich. Bedenkt man, dass die Mehrheit der Internetnutzer noch mit einem Telefonmodem online sind, dessen Downloadgeschwindigkeit nur sehr gering ist, so sollte man die Größe von Bildern und anderen Graphiken idealerweise auf etwa 50 KB beschränken, um einen schnellen Download zu gewährleisten.
Zusätzlich gilt es, beim Bearbeiten der Bilder auf Qualitätsverlust achten. Dieser entsteht, wenn die Bilder zu sehr komprimiert werden, was von verschiedenen Formaten der Graphiken abhängig ist. Das Format JPG/JPEG zum Beispiel wird vor allem für die Komprimierung von Fotografien angewendet. Es hat die Eigenschaft, ähnliche Farbbereiche zusammenzufassen, je nach Komprimierungsgrad hat das einen starken Mosaikeffekt, der fehlerhaft wirkt, wie man an diesem Beipiel sieht.
 Bild mit minimalen Artefakten - Format: JPG, Größe: 12 KB |
 Bild mit offensichtlichen Artefakten - Format: JPG, Größe: 5 KB |
Man sollte versuchen, Graphiken möglichst ohne offensichtliche Artefakte in eine Webseite einzubinden.
Zurück zum übergeordneten Thema Webdesign
Für ausführlichere Informationen zum Thema Graphiken, besuchen Sie bitte die folgende Ausarbeitung des Themas Bilder und Graphiken im Web
