Webdesign mit Photoshop CS6 und CSS3

photoshop-cs6-css3

Mein neues Buch "Webdesign mit Photoshop CS6 und CSS3" ist ab sofort im Handel erhältlich. Da CSS3 mittlerweile große Teile der Webgestaltung abdeckt, habe ich das Buch sowohl auf die gestalterischen Aspekte in Photoshop, als auch auf die Arbeit mit CSS3 ausgerichtet. Auf über 320 Seiten findet ihr daher diverse praxisorientierte Workshops.

Trainings für Unternehmen und Privatpersonen

Wir machen dich fit für die Zukunft des Web! In unseren Seminaren und Workshops lernst du wie moderne Websites entstehen.

Infos zu Inhouse-Seminaren
Infos zu öffentlichen Terminen

Ziel des Buches ist es, Techniken und Arbeitsweisen zu vermitteln, mit deren Hilfe moderne, performante und flexible Weblayouts möglich sind. Viele Workshops zeige ich sowohl in CSS3 als auch mit Hilfe von Photoshop, damit ihr bei einem späteren Projekt selbst entscheiden könnt, welche Lösung geeigneter ist.

Jetzt bestellen

Inhaltsverzeichnis

Photoshop effizient konfigurieren

  • Voreinstellungen festlegen
  • Werkzeuge und ihre Funktionen
  • Arbeitsbereiche einrichten
  • Bridge und Mini Bridge
  • Neue Dokumente einrichten
  • Non-destruktive Arbeitsweise
  • Photoshop und CSS3

Briefing und Projektplanung

  • Wahrnehmung
  • Zielgruppe
  • Konventionen

Farben gekonnt einsetzen

  • Mögliche Farbprobleme
  • Farbe und Wirkung
  • Farbkontraste einsetzen
  • Durchdachte Farbkonzepte
  • Hilfreiche Tools im Umgang mit Farben
Webdesign mit Photoshop CS6 und CSS3
Webdesign mit Photoshop CS6 und CSS3

Layoutplanung und Scribble

  • Größen im Webdesign
  • Seitenaufbau
  • Layouttypen
  • Gestaltungsraster
  • Multi­Screen­Design
  • Grid­Systeme, Frameworks und Tools
  • Gestaltungsraster des Beispielprojekts
  • Das Projekt skizzieren
  • Mock­ups und Wireframes
  • Style Tiles
  • Prototypen

Flächen und Linien aufwerten

  • Farbflächen
  • White Space
  • Linien und Konturen
  • Transparenz
  • Farbflächen verbinden

Schatten und Spiegelung

  • Spiegelungen und Schatten bei 2­D­Objekten
  • Spiegelungen und Schatten bei 3­D­Objekten

Muster, Strukturen, Brushes

  • Muster
  • Grafiken mit CSS kacheln
  • Kostenlose Pattern im Netz
  • Pattern mit CSS3
  • Skriptbasierte Muster in Photoshop CS6
  • Strukturen
  • Photoshop­Brushes
  • Eigene Brushes

Navigationskonzepte umsetzen

  • Navigationsstrukturen
  • Darstellungsformen
  • Navigation platzieren
  • Navigation gestalten
  • Interaktionen kennzeichnen
  • Navigationsmuster im Responsive Design

Texte attraktiv gestalten

  • Typografie im Internet

Fotos einsetzen und optimieren

  • Nach Fotos googeln?
  • Bedingungen der CC­Lizenz
  • Fotos aus einem Stock­Archiv
  • Bildausschnitt und ­ausrichtung
  • Geeignete Bildformate festlegen
  • Bilder mit Bedacht spiegeln
  • Bilder per HTML5 einbinden
  • Bilder fürs Web aufbereiten

Illustrationen, Icons, Animationen

  • Zierelemente für mehr Atmosphäre
  • Icons
  • Favicons
  • Apple Touch Icon
  • Webfont­Icons
  • Animationen erstellen

Grafiken fürs Web optimieren

  • Der »Für Web speichern«­Dialog
  • Dateiformate im Web
  • Grafiken maximal komprimieren
  • Slices
  • CSS­Sprites
  • Layout für die Webentwicklung vorbereiten

Jetzt bestellen