Hands on: Responsive Design

ZIELGRUPPE

Designer

VORAUSSETZUNGEN

Erfahrungen in der Gestaltung von Webseiten, mit Grafikproduktion und Styleguides, Teilnahme am Training „Responsive Webdesign Basics“ empfohlen.

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.

ZUORDNUNG

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 umfassenden Blick auf die verschiedenen Aspekte, die zusammenspielen müssen, damit eine responsive Seite auf Smartphones, Tablets und Desktop-Rechnern optimal gelesen und bedient werden kann.

THEMEN

DAS KLEINE 1X1 DES RESPONSIVEN 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 ANSCHLIESSENDER DISKUSSION
  • Responsive Einflüsse auf ein (eigenes) Design überprüfen

ECKDATEN

AGD-Redaktion

Keine Gesprächsbeiträge

Hierzu ist es noch ruhig, wenn Sie möchten, starten Sie jetzt ein Gespräch.

Designer finden

Sie suchen einen Kollegen in einem bestimmten Fachbereich? Oder einen Designer für Ihre neue Website oder die Designstrategie Ihres Unternehmens? Dann finden Sie hier deutschlandweit rund 3.000 Kreative: Designer finden.

AGD-Mitglied werden

Die AGD, das deutschlandweit größte Kreativteam, und die Möglichkeiten, die sie ihren Mitgliedern bietet, haben Sie überzeugt. Dann gelangen Sie hier schnell und unkompliziert zum Mitgliedsantrag.

Design kalkulieren

Der VTV Design, die Web App unseres Standardwerkes VTV Design, bietet Ihnen vielfältige Möglichkeiten, Ihre Designprojekte zugeschnitten auf Ihre individuellen Bedürfnisse zu kalkulieren.

Designberatung

Designer aller Disziplinen erhalten hier Beratung und Tipps von AGD-Kollegen zu designrelevanten Themen. Kollegen beraten Kollegen.

Rechtsberatung

AGD-Mitglieder erhalten eine kostenlose juristische Beratung von unserem Justiziar Alexander Koch: 030 - 5552 2926, rechtsberatung(at)agd.de.

Steuerberatung

AGD-Mitglieder können sich mit steuerrechtlichen Fragen hierhin wenden: ECOTAX Ansgar Müller & Partner Steuerberatungsgesellschaft, Bernauer Straße 13, 16515 Oranienburg, Tel: 03301-85606, Fax: 03301-856085

Ich bin AGD-Mitglied, weil…

„… ich mich mit der AGD als Designerin weiterentwickeln kann. Die Webinare sind große Klasse und bei den Morning Talks entstehen die Themen spontan. Es ist schön, die Kollegen kennen zu lernen und sich mit Ihnen auszutauschen. Manchmal entstehen dadurch auch Freundschaften. So fühle ich mich nicht mehr so sehr als Einzelkämpferin, sondern mit Kollegen verbunden. Und nicht zuletzt ist es schön, wenn ich in einer anderen Stadt bin, diese Kollegen auch zu besuchen und zu sehen, wie sie arbeiten. Das ist immer sehr inspirierend und wichtig für meine Arbeit als Designerin. Damit das öfter passieren kann, muss ich mit meiner Arbeit Geld verdienen. Auch dabei hilft mir die AGD – z. B. durch politische Arbeit und Weiterdenken der Designzone.“

Helga van Veen

Neu auf AGD.de

Unterwegs, WissensWertes

KI und Kreativwirtschaft: AGD zu Gast im BMWK

Am 16. April 2024 versammelten sich rund 100 Vertreterinnen und Vertreter der Kultur- und Kreativwirtschaft, darunter auch die AGD, im Bundesministerium für Wirtschaft und Klimaschutz (BMWK) in Berlin. Gemeinsam wurde über die Potenziale, Chancen und Risiken der Nutzung Künstlicher Intelligenz (KI) Diskutiert. Eröffnung des Events & Paneldiskussion  Eröffnet wurde die Veranstaltung durch Michael Kellner, parlamentarischer […]

Weiterlesen
Vergütung

Honoraruntergrenzen bei öffentlichen Aufträgen

In einer selbstbewussten Stellungnahme bezieht der Deutsche Designtag Position zu den geplanten Honoraruntergrenzen für Künstler:innen, die von Einrichtungen der öffentlichen Hand beauftragt werden. Denn hier geht es um nicht viel weniger als die Abschaffung ausbeuterischer Verhältnisse für selbstständige Kreative, wenn sie für öffentliche Auftraggeber:innen arbeiten. Welche Honoraruntergrenze der Deutsche Designtag empfiehlt und warum und was das mit unserem VTV Design zu tun hat, erfahrt ihr in diesem Beitrag.

Weiterlesen

Newsletter

Ja, ich möchte den Newsletter per E-Mail zugesendet bekommen. Die Datenschutzerklärung habe ich zur Kenntnis genommen.

Nachoben