Kurzbeschreibung

Die Basis erfolgreicher Websites ist ein optisch ansprechendes, stimmiges und benutzerfreundliches Layout, eine durchdachte Seitennavigation, hochwertige Icons und natürlich auch interessante Inhalte. Angefangen bei medienrelevanten Gestaltungsgrundsätzen über Zielgruppe, Viewport, Raster und Navigationskonzepte bis hin zur detailreichen Ausarbeitung des Layouts lernen Sie in diesem Seminar die unterschiedlichen Phasen des Webdesign-Workflows kennen und erfahren nützliche Praxistipps für das effiziente Webdesign in Photoshop.

Hinweis: In diesem Seminar wird nicht programmiert! Es geht rein um die Gestaltung von Websites. Coding-Vorkenntnisse sind hilfreich, aber nicht Voraussetzung.

Agenda

  • Photoshop CS6 – Ihr Arbeitsplatz relaunched
  • Das neue Interface
    • Alte und neue Werkzeuge und Bedienfelder in CS6
    • Photoshop CS6 für Webdesign einrichten
    • Neue CS6-Funktionen für das Webdesign nutzen
    • Beschleunigter Workflow in CS6 mit versteckten Tricks und Techniken
  • Webdesign-Basics
  • Aufbau, Struktur und Elemente moderner Websites
    • Gestaltgesetze kennen und einsetzen
    • Farben im Web• Viewport und Auflösungen
    • Gestaltungsraster und Response Webdesign
    • Design- und Technik-Trends
  • Erfolgreiche Websites konzipieren
  • Zielgruppe
    • Konventionen und Erwartungshaltung
    • Navigationen
    • Farbkonzepte
    • Mobile Websites
    • Skizzen, Mockups, Wireframes
  • Navigation
  • Benutzerfreundliche Menüs entwerfen
    • Buttons gestalten
    • Interaktionen gestalten
    • Ebenenkompositionen
    • Tabs und Schieberegler gestalten
  • Photoshop CS6 Techniken für professionelles Design
  • Pixel Perfect arbeiten
    • Elemente optisch aufwerten
    • Kreative Übergänge
    • Licht und Schatten
    • Plastizität erzeugen
  • Typografie im Webdesign
  • Typografie Grundlagen
    • Letterpress-Effekte gestalten
    • Webfonts und Webfont-Icons
    • Pfadtexte
    • 3D-Texte
    • Texteffekte: Photoshop und CSS3
  • Icons, Fotos und Schmuckelemente
  • Schatten
    • Spiegelungen
    • Notizzettel
    • Ribbons
    • Quellen für Icons und Bilder
    • Photoshop-CS6-Techniken zur Bildoptimierung
  • Webgrafiken für die Entwicklung aufbereiten
  • Photoshop-Dokumente für Webentwickler aufbereiten
    • CSS-Sprites
    • Dateiformate
    • Optimierung außerhalb von Photoshop
  • Mobile Website und Responsive Webdesign
  • Grundlagen der Technologie
    • Wie wird eine Responsive Website konzipiert?
    • Wie wird eine Responsive Website gestaltet?

Durchführung

Sie bekommen für das Seminar einen Apple-Rechner zur Verfügung gestellt. Sie können jedoch auch Ihr eigenes Laptop nutzen. Bitte geben Sie dieses bei der Anmeldung an. Die maximale Teilnehmerzahl ist 10.

Zielgruppe

Dieses eintägige Seminar richtet sich an fortgeschrittene Photoshop-User, die Ihre Fähigkeiten im Bereich des Web-Design erweitern möchten.
Die Sprache des Seminars ist Deutsch. Die Schulungsunterlagen werden ebenfalls in deutscher Sprache bereitgestellt.

Dozent: Jonas Hellwig

Jonas HellwigJonas Hellwig arbeitet als Web Designer, Video-Trainer, Fachbuchautor und Dozent in Berlin. Neben Responsive Design hat er sich auf WordPress, Photoshop und Workflow-Optimierungen im Web Design spezialisiert und ist Gründer der Agentur kulturbanause® (kulturbanause.de). Auf blog.kulturbanause.de veröffentlicht er interessante Artikel, Tipps und Tutorials zum Thema Web Design. Jonas Hellwig ist regelmäßig als Sprecher auf Veranstaltungen zum Thema Web Design anzutreffen und unterstützt Web-Agenturen und Unternehmen bei der Planung und bei der technischen Umsetzung von Web-Projekten.

Kunden-Feedback zu unseren öffentlichen Schulungen

Ich verneige mich! Wunderbarer Vortrag wie das mit dem Design im Web heute funktioniert!

August 2015, David Hellmann – Quelle

Am 26.11. habe ich dem Tagesseminar Responsive Web Design - Die technische Umsetzung - mit Jonas Hellwig (kulturbanause) teilgenommen. Ich bin mit dem Anliegen angereist, als Lehrender meinen aktuellen Kenntnisstand zu überprüfen und durch die Erfahrungen und Entwicklungen aus der Agenturpraxis zu ergänzen. Das Seminar hat meine Erwartungen vollständig erfüllt. Dem Referenten ist es gelungen, den gepackten Stoff didaktisch augezeichnet aufzuarbeiten und trotz seiner manchmal vorhandenen Komplexität verständlich und nachvollziehbar zu vermitteln. Eine umfangreiche digitale Seminardokumentation hilft, die Inhalte noch einmal zu rekapitulieren.

Dezember 2015, Prof. Andreas Baumgart, Hochschule für Angewandte Wissenschaften Hamburg

Mit diesen Kunden haben wir bereits erfolgreich zusammengearbeitet.

Worauf warten Sie noch?

Sie haben bereits eine Idee für ein gemeinsames Projekt? Dann nutzen Sie unsere Online-Projektplaner!

Wir planen ein Web Design-Projekt
Wir planen ein Inhouse-Seminar

Bei allgemeinen Fragen, Anregungen oder Kritik nutzen Sie bitte das Kontaktformular.