Der neue Standard für erfolgreiches Webdesign!

Trailer Einführung ins Video-Training

Modernes Webdesign mit Jonas Hellwig

€ 39,90

Sofort verfügbar

€ 39,90

Sofort lieferbar

Video-Training, , Spielzeit 12 Stunden
ISBN 978-3-8362-3027-8
Video-Training, , Spielzeit 12 Stunden
ISBN 978-3-8362-3540-2

Sie möchten attraktive und zukunftsfähige Websites gestalten? Dann sollten Sie sich dringend dieses Training anschauen! Webdesign-Experte Jonas Hellwig erklärt, wie Sie im Zeitalter des mobilen Webs überzeugende Websites konzipieren und umsetzen, die auf jedem Gerät perfekt funktionieren. Mit modernen Gestaltungskonzepten, zahlreichen Praxistipps und aktuellen Designtrends wie Flat Design, Rapid Prototyping und Parallax Scrolling erhalten Sie mit diesem Training außerdem eine Fülle an Inspirationen für Ihre Projekte.

  • Von der Idee bis zur fertigen Website
  • Die aktuellen Designtrends – von Flat Design bis Rapid Prototyping
  • Konzepte und Workflows für Multi-Screen-Websites

Blicke ins Training

    Jonas Hellwig ist ein gefragter Experte für modernes Webdesign und gibt sein Wissen regelmäßig in Video-Trainings, Schulungen und Vorträgen weiter.

    Der Trainer
    • 01:40
      Trailer
    • 14:07
      2.5 Navigationskonzepte im Überblick
    • 18:18
      4.4 Responsive Gestaltungsraster ausarbeiten
    • 08:03
      6.5 Anpassungsfähige Typografie
    • 09:30
      7.8 Flexible Hintergrundelemente gestalten
    • 16:07
      10.7 Die Illustrationen skizzieren

    Was möchten Sie lernen?

    1. Moderne Webtechnologien richtig anwenden

      Rapid Prototyping, Responsive Design, Mobile First – in diesem Video-Training sehen Sie die neuen Workflows und Techniken der Webentwickler live in der Praxis und erfahren, wie Sie sie optimal anwenden.

    2. Multi-Screen-Layouts entwerfen

      Entwickeln Sie Webseiten, die auf allen Geräten und Auflösungen gut aussehen. Jonas Hellwig zeigt Ihnen, wie Sie nach den Regeln des Responsiven Designs gestalten. Machen Sie mit bei einem umfangreichen Praxisprojekt und lernen Sie, wie Sie Ihre Webseiten für die Zukunft fit machen.

    3. Webseiten planen und konzipieren

      Vom Briefing zum Designkonzept – Der Webexperte zeigt Ihnen, wie Sie ein professionelles Webprojekt mit modernen Mitteln umsetzen. Sie entwickeln blitzschnell Prototypen, erarbeiten das Layout, nutzen Web-Schriften, und optimieren Ihr Design für Retina-Displays.

    Inhaltsverzeichnis

    • 1. Moderne Arbeitsabläufe im Webdesign
      01:30 Std.
      • 1.1 Einleitung00:17 Min.
      • 1.2 Der Workflow für das responsive Webdesign11:17 Min.
      • 1.3 Aktuelle Design-Trends10:56 Min.
      • 1.4 Testen und optimieren mit Rapid Prototyping06:58 Min.
      • 1.5 Modulare Websites entwickeln06:03 Min.
      • 1.6 Kreative Entscheidungsfindung mit Style Tiles05:55 Min.
      • 1.7 Orientierung durch Style Guides07:09 Min.
      • 1.8 Im Browser gestalten20:23 Min.
      • 1.9 Graceful Degradation und Progressive Enhancement04:55 Min.
      • 1.10 Verfügbare Funktionen ermitteln mit »Modernizr«10:49 Min.
      • 1.11 Mobile First und Content First06:09 Min.
    • 2. Vom Briefing zum Design-Konzept
      01:00 Std.
      • 2.1 Einleitung00:20 Min.
      • 2.2 Flexible Layouts fehlerfrei planen09:20 Min.
      • 2.3 Inhalte choreografieren10:46 Min.
      • 2.4 Die Sitemap planen06:18 Min.
      • 2.5 Navigationskonzepte im Überblick14:07 Min.
      • 2.6 Der Inhalt im Fokus03:53 Min.
      • 2.7 Die Hardware im Blick – Touchscreens & Co.06:07 Min.
      • 2.8 Das Beispielprojekt planen09:15 Min.
    • 3. Die Weichen stellen mit Media Queries
      00:32 Std.
      • 3.1 Einleitung00:21 Min.
      • 3.2 Die klassischen Layouttypen05:50 Min.
      • 3.3 Breakpoints intelligent setzen04:37 Min.
      • 3.4 Multi-Screen-Layouts05:18 Min.
      • 3.5 Media Types und Media Queries09:45 Min.
      • 3.6 Das Mobile-First-Konzept technisch umsetzen06:31 Min.
    • 4. Gestaltungsraster und Prototypen
      01:16 Std.
      • 4.1 Einleitung00:23 Min.
      • 4.2 Klassische Gestaltungsraster08:32 Min.
      • 4.3 Gestaltungsraster für responsive Websites planen06:29 Min.
      • 4.4 Responsive Gestaltungsraster ausarbeiten18:18 Min.
      • 4.5 Das Box-Modell von CSS06:25 Min.
      • 4.6 Frameworks und Code-Vorlagen07:50 Min.
      • 4.7 Rapid Prototyping mit Bootstrap und Foundation13:06 Min.
      • 4.8 Prototypen erstellen mit Adobe Edge Reflow15:47 Min.
    • 5. Den Prototypen des Beispiel-Projekts entwickeln
      01:21 Std.
      • 5.1 Einleitung00:17 Min.
      • 5.2 Die Basis-Dateien anlegen11:30 Min.
      • 5.3 Inhalte einfügen und strukturieren13:01 Min.
      • 5.4 Das Raster planen04:07 Min.
      • 5.5 Das Raster mit CSS konstruieren07:25 Min.
      • 5.6 Die Smartphone-Ansicht erstellen07:29 Min.
      • 5.7 Das Layout zentrieren05:09 Min.
      • 5.8 Details und Abstände einbauen09:14 Min.
      • 5.9 Die Navigation gestalten08:08 Min.
      • 5.10 Den Navigations-Slider umsetzen11:02 Min.
      • 5.11 Fehler suchen und beheben03:59 Min.
    • 6. Typografie im Webdesign
      01:08 Std.
      • 6.1 Einleitung00:23 Min.
      • 6.2 Webfonts einbinden14:12 Min.
      • 6.3 Schriftgrößen definieren09:25 Min.
      • 6.4 Schrifteffekte mit CSS311:26 Min.
      • 6.5 Anpassungsfähige Typografie08:03 Min.
      • 6.6 Webfont-Icons verwenden10:25 Min.
      • 6.7 Die Typografie des Beispielprojekts14:46 Min.
    • 7. Stil und Farbe
      01:01 Std.
      • 7.1 Einleitung00:21 Min.
      • 7.2 Farbkonzepte entwickeln08:30 Min.
      • 7.3 Den Stil des Beispielprojekts entwickeln11:33 Min.
      • 7.4 Weißraum und Gestaltgesetze07:03 Min.
      • 7.5 Verläufe verwenden07:04 Min.
      • 7.6 Muster mit CSS3 umsetzen10:05 Min.
      • 7.7 Mehrere Hintergrundgrafiken verwenden07:07 Min.
      • 7.8 Flexible Hintergrundelemente gestalten09:30 Min.
    • 8. Layout und Einzelgrafiken
      01:01 Std.
      • 8.1 Einleitung00:21 Min.
      • 8.2 Schaltflächen mit Schlagschatten gestalten06:52 Min.
      • 8.3 Verknüpfte Smartobjekte in Photoshop12:16 Min.
      • 8.4 CSS-Export aus Photoshop, Illustrator & Co.14:45 Min.
      • 8.5 Photoshop und Reflow CC07:35 Min.
      • 8.6 Vektorgrafiken mit Illustrator erstellen08:57 Min.
      • 8.7 SVG-Grafiken verwenden06:24 Min.
      • 8.8 Webfont-Grafiken erzeugen04:31 Min.
    • 9. Web-Grafiken ausgeben
      00:46 Std.
      • 9.1 Einleitung00:23 Min.
      • 9.2 Farbraum und Dateiformat06:01 Min.
      • 9.3 Der Photoshop-Generator12:16 Min.
      • 9.4 Vektorgrafiken mit dem Generator exportieren03:42 Min.
      • 9.5 Die Performance verbessern mit CSS-Sprites15:18 Min.
      • 9.6 Bilder als Code einbetten02:55 Min.
      • 9.7 Bilder verlustfrei komprimieren05:57 Min.
    • 10. Das Design des Beispiel-Projekts
      01:18 Std.
      • 10.1 Einleitung00:09 Min.
      • 10.2 Der Navigationsbereich11:52 Min.
      • 10.3 Das Titel-Element04:26 Min.
      • 10.4 Schaltflächen und Teaser12:34 Min.
      • 10.5 Der Seitenkopf12:30 Min.
      • 10.6 Eine Designvorlage erstellen05:45 Min.
      • 10.7 Die Illustrationen skizzieren16:07 Min.
      • 10.8 Die Illustrationen ausarbeiten14:37 Min.
    • 11. Grafiken für hochauflösende Bildschirme optimieren
      00:22 Std.
      • 11.1 Einleitung00:18 Min.
      • 11.2 Das Retina-Problem04:40 Min.
      • 11.3 Pixelgrafiken optimieren und ausgeben05:12 Min.
      • 11.4 Grafiken richtig skalieren und komprimieren04:44 Min.
      • 11.5 Bildalternativen per CSS bereitstellen05:19 Min.
      • 11.6 Bilder automatisch austauschen01:46 Min.
    • 12. Einführung in Sass und SCSS
      00:38 Std.
      • 12.1 Einleitung00:14 Min.
      • 12.2 Die Konzepte DRY und OOCSS06:03 Min.
      • 12.3 Sass verstehen und einsetzen09:10 Min.
      • 12.4 Verschachtelung und Eltern-Selektoren05:12 Min.
      • 12.5 Die verschiedenen Ausgabestile01:48 Min.
      • 12.6 Variablen verwenden03:47 Min.
      • 12.7 Code wiederverwenden mit Mixins07:02 Min.
      • 12.8 Selektoren erweitern mit Extends04:54 Min.

    Pressestimmen

    »Ideal als Einstieg oder zur Fortbildung!«
    mediavalley.de, 17.09.2014
    »Gute, allumfassende Workshop-DVD für Webdesigner mit Grunderfahrung.«
    Braincache, 28.08.2014
    »Bietet ein breites Spektrum an Themen rund um moderne Webseiten.«
    Testmania, 12.09.2014
    ZIP-Datei zum Download (2,3 GB). Spielzeit 12 Stunden. HD-Auflösung (1280 x 720 Pixel). Vollbild- und Fenstermodus, komfortable Navigation, Unterteilung in übersichtliche Lernschritte, mit Lesezeichen, Suchfunktion und Index zum Nachschlagen. Für Windows (10, 8, 7, Vista), OS X (Intel) und Linux. Alle Videos lauffähig auf Android, iPad und iPhone.
    DVD-ROM, Spielzeit 12 Stunden. HD-Auflösung (1280 x 720 Pixel). Vollbild- und Fenstermodus, komfortable Navigation, Unterteilung in übersichtliche Lernschritte, mit Lesezeichen, Suchfunktion und Index zum Nachschlagen. Für Windows (10, 8, 7, Vista), OS X (Intel) und Linux. Alle Videos lauffähig auf Android, iPad und iPhone.

    Download

    € 39,90 inkl. MwSt.

    Sofort verfügbar

    DSAG Mitglieder
    Der Rabatt wird im Warenkorb sichtbar

    DVD

    € 39,90 inkl. MwSt.

    Sofort lieferbar

    Kostenloser Versand für Deutschland und Österreich

    DSAG Mitglieder
    Der Rabatt wird im Warenkorb sichtbar

    Kostenloser Versand
    Deutschland und Österreich
    Bequem zahlen
    Kreditkarte, PayPal, Rechnung oder Bankeinzug
    Schnelle Lieferung
    Auch per Express
    Wir sind gerne für Sie da
    Hilfe zur Bestellung

    Montag bis Freitag,
    09:00 bis 17:30 Uhr
    +49 228 42150-0

    service@rheinwerk-verlag.de