Kurzbeschreibung

Das Web hat sich verändert und Webdesigner sehen sich mit völlig neuen Herausforderungen konfrontiert. Doch nicht nur die Anforderungen sind gestiegen – es gibt auch neue Tools und Techniken, die Sie bei der Arbeit im Web unterstützen.

In diesem Seminar lernen Sie wie Websites heute gestaltet werden. Wurde eine Website vor kurzer Zeit noch vollständig in Photoshop layoutet, kommen heute unterschiedliche Grafikformate, Techniken und Programme zum Einsatz. Das Ziel ist eine optisch attraktive Website, die flexibel auf unterschiedliche Displaygrößen und Auflösungen reagieren kann und die sich unkompliziert pflegen lässt.

Anhand einzelner Übungen werden Sie mit Hilfe der Creative Cloud (Photoshop CC, Illustrator CC, Reflow CC etc.) und spannender Online-­Tools robuste Design-­Elemente entwerfen. Die verschiedenen Technologien wie Webfonts, CSS3, Vektor-­ und Pixelgrafiken kombinieren Sie anschließend im Browser für beste Ergebnisse. Der moderne, veränderte Web-­Workflow ist anschließend keine Hürde mehr.

Agenda

  • Die neuen Anforderungen
  • Die Auswirkung des Responsive Web Design auf die Gestaltung
  • Der neue Workflow – Prototyping & Co.
  • Lösungsansätze kennen: Pixel, Vektoren, SVG, CSS3, Webfonts etc.
  • Die Webdesign-­Funktionen von Photoshop CC & Illustrator CC
  • Ebenenstile und CSS3 verwenden
  • Vektoren mit Photoshop erzeugen
  • Design-­ und Kreativtechniken
  • Modulare Layouts
  • DataURIs und Code-­generierte Grafiken
  • Web-­Technologien kombinieren
  • Semantisch wertvolle Gestaltung
  • Webfont-­Icons
  • Muster & Strukturen
  • Der effektive Workflow in Photoshop CC
  • CSS-­Sprites
  • Performance-­Optimierung
  • Dateiausgabe
  • »Retina«-­Optimierung
  • Edge Reflow CC

Durchführung

Sie bekommen für das Seminar einen iMac zur Verfügung gestellt. Ein eigenes Notebook kann gerne mitgebracht werden. Bitte teilen Sie uns bei der Anmeldung mit, wenn Sie einen eigenen Computer verwenden möchten. Um eine optimale Lernatmosphäre zu gewährleisten ist das Seminar auf 10 Teilnehmer begrenzt.

Zielgruppe

Das Seminar richtet sich an Web- bzw. Screendesigner, die ihre Layouts flexibel und zukunftssicher gestalten wollen. Grundkenntnisse in Photoshop und Illustrator sowie HTML- und CSS-Kenntnisse sind hilfreich, aber nicht Voraussetzung.
Die Sprache des Seminars ist Deutsch. Die Schulungsunterlagen werden ebenfalls in deutscher Sprache bereitgestellt.

Dozent: Jonas Hellwig


Jonas HellwigJonas Hellwig ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.


Kunden-Feedback zu unseren öffentlichen Schulungen

[testimonials kategorie=“Oeffentliche Schulung“ posts_per_page=“2″]

Geschrieben von Jonas

Benutzerbild

Jonas ist Gründer der Agentur kulturbanause und des kulturbanause Blogs. Er arbeitet an der Schnittstelle zwischen UX/UI Design, Frontend und Redaktion und hat zahlreiche Fachbücher und Video-Trainings veröffentlicht. Jonas Hellwig ist regelmäßig als Sprecher auf Fachveranstaltungen anzutreffen und unterstützt mit Seminaren und Workshops Agenturen und Unternehmen bei der Planung, der Gestaltung und der technischen Umsetzung von Web-Projekten.

Jonas Hellwig bei Xing

Feedback & Ergänzungen – Schreibe einen Kommentar

Kommentar zu dieser Seite

Wir freuen uns über Anregungen, Ergänzungen oder Hinweise zu Fehlern. Wir lesen jeden Eintrag, veröffentlichen aber nur, was den Inhalt sinnvoll ergänzt.

Website-Projekte mit kulturbanause

Wir wissen wovon wir reden. Wir realisieren komplette Projekte oder unterstützen punktuell in den Bereichen Design, Development, Strategy und Content.

Übersicht Kompetenzen →

Schulungen von kulturbanause

Wir bieten Seminare und Workshops zu den Themen Konzept, Design und Development. Immer up-to-date, praxisnah, kurzweilig und mit dem notwendigen Blick über den Tellerrand.

Übersicht Schulungsthemen →