Hands-on: Responsive Design

Das Ziel:
Das Seminar hilft Ihnen bei der Wahl geeigneter Tools und macht Sie mit verwendbaren Grafikformaten und CSS3-Möglichkeiten bekannt. Außerdem lernen Sie, wie Sie Dateien und Informationen für die Programmierer aufbereiten.
Zu­ordnung:
Responsive Webseiten passen sich den unterschiedlichen Bildschirmseiten an. Wer bereits erste Schritte in diese Richtung unternommen hat, wird festgestellt haben, dass es nicht damit getan ist, Inhalte zusammenzuschieben. Dieses Seminar bietet einen detaillierten Blick auf das Design und die Grafikproduktion für responsive Webseiten. Im Allgemeinen und auf Ihre Problemstellungen im Besonderen bezogen.
Dauer:
1-Tages-Training
Zeit:
9:00 – 18:00 Uhr, Mittagspause von 13:00 – 14:00 Uhr
Teil­nehmer:
minimal 3, maximal 4
Ziel­gruppe:
Designer
Voraus­setz­ungen:
Erfahrungen in der Gestaltung von Webseiten, mit Grafikproduktion und Styleguides, Teilnahme am Training “Responsive Webdesign Basics” empfohlen.
Zertifi­kat:
Für jeden Teilnehmer wird eine Teilnahmebestätigung inklusive der Seminarinhalte erstellt.
Kurs­material:
Die Teilnehmer erhalten Zugriff auf die Folien, Notizen und Linksammlungen auf Spacedeck.

 
Sie können sich online oder über ein PDF-Formular für diesen Kurs anmelden!

  • Inhalte

    Die folgenden Inhalte werden in dem Workshop behandelt:
    • Das kleine 1x1 des responsiven Design-Workflows
      • In welchem Programm soll ich gestalten?
      • Welche Vorteile bietet welches Programm für den Export?
      • In welcher Größe soll ich arbeiten?
      • Welche Angaben muss ich an die Entwicklung geben?
    • Bitmap oder Vektor? Tricks der Grafikproduktion
      • Bitmap vs. Vektor
      • Was ist bei den verschiedenen Bitmap-Formaten zu beachten?
      • Bitmap-Sprites erzeugen und vermaßen
      • Tipps und Tricks für SVG-Erzeugung
      • Vektor-Sprites: verschiedene Möglichkeiten
    • Farbräume in CSS und SASS
      • Hexadezimal, RGBa, HSLa
      • Farben im SASS-Code manipulieren
    • Schriften und Typographie
      • Quellen für Webfonts
      • Mit Fallbackschriften gestalten
      • Erstellung von Webfont-Icons (ein- und mehrfarbig)
    • CSS3, Progressive Enhancement und Gracefull Degradation
      • Welche gestalterisch nützlichen CSS3-Eigenschaften gibt es?
      • Wie sähe ein Design ohne CSS3 aus?
      • Welche Eigenschaften sollten nur in Verbindung mit Modernizr eingesetzt werden?
      • Welche Angaben brauchen die Entwickler?
    • Responsive Konzepte interpretieren
    • Developer briefen
    • Praxisarbeit mit anschließender Diskussion
      • Responsive Einflüsse auf ein (eigenes) Design überprüfen
  • Für wen das Seminar geeignet ist

    Der Seminarplan ist speziell für Web-Designer und Mediengestalter zusammengestellt. Wenn Sie sich für Ihre Mitarbeiter eine stärkere inhaltliche Ausrichtung auf einzelne Gewerke wünschen, könnte ein Inhouse-Training mit individuellem Seminarplan für Sie interessant sein.
  • Aufbau des Seminars

    An diesem Tag können Sie Ihr eigenes Projekt mitbringen und wir besprechen gemeinsam ihre konkreten Fragestellungen.
  • Arbeitsmittel

    Für Notizen wird ein „Beutebuch“ gestellt. Vordrucke, Stabilos und Copics stehen zur Verfügung. Ein Rechner wird nicht dringend benötigt, Sie können jedoch gerne einzelne Kniffe direkt ausprobieren.
  • Preise

    Kategorie
    netto  
    brutto
    Normalpreis
    510 €  
    606,90 €
    Ermäßigt*
    470 €  
    559,30 €
    Frühbucherpreis**
    420 €  
    499,80 €

    * Der ermäßigte Preis gilt für Studenten, AGD-Mitglieder und selbständige Designer die bei Designer-Dock gelistet sind (Bitte Nachweis beilegen).
     
    ** Bei Anmeldung bis sechs Wochen vor dem Termin wird ein Frühbucherrabatt gewährt.
     
    Einzelne Rabattaktionen für bestimmte Termine finden Sie über der Terminübersicht, die auf jeder Seite sichtbar ist. Sie sind nicht mit dem Frühbucherrabatt und anderen Vergünstigungen kombinierbar. Skonto wird nicht gewährt.
  • Fachbegriffe und Stichworte

    Responsive Webdesign, Media Queries, Progressive Enhancement, Adaptive Images, Retina Bilder, plattformübergreifendes Design, Workflow, Tablet-Besonderheiten, Typographie im responsive Webdesign, UX-Design, Screendesign, Konzeption, Umsetzung, Usability, Wireframes, Smartphones, Mobiltelefone, Handys, iPhone, Android, Webkit-Browser, Weiterbildung, Fortbildung, Mitarbeiterschulung, Mitarbeiterqualifizierung, Seminar, Training, Workshop, Kurs, Theorie, Know-How, Praxisbezug, praktische Gruppenarbeit, praktischer Projektbezug
  • Termine 2016

    03.03.
    in Berlin
    10.03.
    in Hannover
    23.03.
    in Frankfurt
    26.05.
    in Berlin
    09.06.
    in Hannover
    30.06.
    in Köln
    01.09.
    in Hannover
    10.11.
    in Hannover
    17.11.
    in Frankfurt
    24.11.
    in Berlin