Die Slice-Funktion von Photoshop ist hoffnungslos veraltet und dem aktuellen Workflow Webseiten zu gestalten nicht mehr angemessen. Sie stammt noch aus einer Zeit, in der Layouts hauptsächlich mittels Tabellen aufgebaut wurden. Um den Export von Grafik-Elementen aus .psd-Dateien auch auf einer Windows-Umgebung zu automatisieren, wird hier im Artikel das Photoshop CS6 Plugin „Cut&Slice me“ vorgestellt. weiterlesen

Arbeiten mehrere Designer an einem Projekt, wird das CSS Stylesheet oft schnell unübersichtlich. Jeder Designer benutzt seine eigene Logik im Aufbau, Klassenbenennung, Anordnung und Sortierung der verschiedenen Selektoren und Attribute. Deshalb macht es Sinn, sich innerhalb des Teams auf eine Formatierung des CSS zu einigen. Da das Rad aber nicht neu erfunden werden muss, gibt es hier im Artikel einige CSS Style Guides. weiterlesen

CSS3 hat eine Reihe neuer Möglichkeiten eröffnet, Layouts flexibel in allen Browsern darzustellen. Lange schon liegen Hintergründe im Trend, die sich über das gesamte Browserfenster strecken. weiterlesen

Die brillanten Displays mit hoher Pixeldichte halten mit dem Erscheinen des neusten MacBooks auch langsam im Laptop-Sektor Einzug. Zeit also, sich über die Skalierbarkeit von Grafiken im Web weitere Gedanken zu machen. Über die Ausgabe von optimierten Bildern für eine hohe Pixeldichte haben wir bereits gesprochen, weiter geht es mit der Optimierung von Icons. weiterlesen

Im zweiten Artikel zu Vektorgrafiken möchten wir uns nun mit Internetseiten befassen, auf denen Vektoren kostenfrei und ohne Anmeldung herunter zu laden sind. Solche Seiten werden zunehmend mehr, bieten aber leider oft auch ein und die selben Vektorgrafiken an. Mit den nachfolgend genannten Seiten bieten wir einen kurzen Überblick, bei dem jeder etwas finden sollte. Dass manche Vektoren auch in unserer Auswahl von Pages dann mehrfach zu finden ist, lässt sich leider nicht vermeiden. weiterlesen

Vektorgrafiken sind für die Gestaltung von Webseiten genauso interessant wie Fotos und prägen ein Design meist mit einem ganz eigenen Stil. Mit diesem Artikel möchten wir daher auch einmal auf die Bezugsquellen von Vektorgrafiken eingehen, die dann beim Webseitenentwurf hilfreich sein können. Während dieser Artikel die teilweise kostenpflichtige Seite VectorStock thematisiert, wird der zweite Teil eine Auswahl an kostenfreien Angeboten darstellen. weiterlesen

Abschließen möchten wir unsere Reihe der Bilddatenbanken mit einem kurzen Steckbrief zu jedem Archiv. Mit den vorgestellten teils kostenfreien und teils kostengünstigen Bildarchiven können alle Bedürfnisse an Bildern sowie Motiven abgedeckt werden.

Zum besseren Vergleich der Datenbanken sind die wichtigsten Punkte im Folgenden nochmal festgehalten. Diese Fakten an Vor- und Nachteilen sollen einen kurzen Überblick geben und dazu beitragen, dass jeder die für sich passende Bildquelle findet. weiterlesen

Mit Fotolia nennen wir hier die wohl größte Bilddatenbank unserer Reihe. Bei diesem internationalen Bildarchiv ist es selbstverständlich, dass die Seite in vielen Sprachen verfügbar ist. Bei der Registrierung sind bereits einige Angaben zu machen, um den Account einzurichten.
Es sei von vorne herein gesagt, dass Fotolia keine kostenlosen Bilder anbietet. Dafür bestechen die Bilder aber auch durch Qualität - technisch und gestalterisch. Unterschieden wird bei den Bildern in Illustrationen, Fotos und Vektorgrafiken. Bei insgesamt über 5,5 Millionen Bildern ist die Auswahl groß genug, dass für jeden etwas dabei ist. Man kann sich übrigens von jedem Bild kostenfrei eine Layoutversion herunterladen, die allerdings dann von schlechter Qualität ist. weiterlesen