• +49 (0)911 49 52 23-0 anrufen
  • Blog
  • Videos
  • Online-Campus
  • Kontakt
  • Warenkorb
Webmasters Fernakademie

100% förderfähig

Teilnehmerbewertung

FernstudiumCheck

Teilnehmerbewertung

SEHR GUT

4.9 / 5.0 (31)

100% Weiterempfehlung

+49 (0)911 49 52 23-0

Fragen? Rufen Sie uns an, wir beraten Sie gerne.
(Mo–Fr 9:00–17:00)

Webmasters Fernakademie
  • Fernkurse
  • Webinare
  • Firmenkunden
  • So geht's
    • Häufige Fragen
    • Vorteile
    • Konzept & Ablauf
    • Studienvertrag
    • WE-Zertifizierungen
    • Prüfungsgebühren & Software
    • Fernstudium aus dem Ausland
  • Förderung
  • Kundenstimmen
  • Über uns
    • Profil & Leitbild
    • Grußwort
    • Akademieleitung
    • Tutoren
    • Zertifizierungen
    • Qualitätssicherung
    • Anfahrt
    • Wohnen
1

Im Interview mit Frank Schad — Neues zur Weiterbildung und Zertifizierung zum Webdesigner

Robert von Heeren

Mittwoch, 03. April 2019 um 11:04 von Robert von Heeren in Aktuelles

Webdesign & Usability

Heute sprechen wir mit Frank Schad über die Änderungen und Ergänzungen des Fernkurses zum Certified Webdesigner. Frank arbeitet seit vielen Jahren als Zeichner, Grafiker und Webdesigner in den unterschiedlichsten Projekten. Er ist Mitglied im Expertenrat des Webmasters Europe e. V. Seit 2003 leitet er an der Webmasters Akademie den Fachbereich Webdesign & Multimedia und ist ist für das Curriculum verantwortlich, unterrichtet, schreibt Lehrbücher und — last but not least — gestaltet Webseiten.

1. Was ist neu an der neuen Kursversion?

Wir haben Digitale Bildbearbeitung mit Photoshop bzw. Gimp aus dem Kurs herausgenommen. Moderne Websites und Web-Interfaces werden nahezu ausschließlich mit HTML und CSS gestaltet. Selbst Icons sind heutzutage meist Fonts oder vorgefertigte SVG-Grafiken. Fortgeschrittene Kenntnisse in Digitaler Bildbearbeitung sind heute keine Voraussetzung mehr, um eine anspruchsvolle Website zu gestalten.

Stattdessen haben wir den CSS-Preprocessor Sass und das Frontend-Framework Bootstrap ins Curriculum aufgenommen.

2. Warum gerade diese Themen?

Weblayouts müssen heute vollständig responsive sein. Dadurch schwindet die Bedeutung einer Webseite als monolithische Gesamtkomposition — der Begriff »Seite« im klassischen Sinne ist eigentlich gar nicht mehr zutreffend. Vielmehr gestalten wir heute einzelne Komponenten einer Website wie etwa ein Banner, eine Navigation, eine Produktauswahl, einen Warenkorb oder ein Formular. Man spricht hier auch von Microdesign.

Gleichzeitig wird die Designsprache digitaler Interfaces — nicht zuletzt durch die Trendsetter Apple (HIG) und Google (Material Design) sowie den anhaltenden Flat-Design-Trend — immer einheitlicher. Für viele Interface-Elemente gibt es mittlerweile einen Design-Standard, der von den Benutzer/innen auf jeder Website erwartet wird, und von dem abzuweichen kaum mehr möglich und auch nicht ratsam ist.

Material Design

Typische Interface Elemente in Googles Material Design. Bild: ©2019 Google Inc. (Apache License)

An diesem Punkt kommen Frontend-Frameworks wie Bootstrap ins Spiel. Sie bieten umfangreiche Sammlungen vorgefertigter, aufeinander abgestimmter Komponenten für nahezu jedes denkbare Web-Interface. Dadurch müssen wir nicht mehr für jede neue Website »das Rad neu erfinden«, sondern verfügen über einen kompletten Werkzeugkasten moderner, konsistenter CSS-Designs, die dem aktuellen UX-Standard entsprechen, inklusive JavaScript für dynamische, interaktive Bereiche.

Durch einheitliche Design-Standards und die Verwendung von Frontend-Frameworks werden sich Websites aber auch immer ähnlicher. Unsere Aufgabe ist es daher, das Design im Hinblick auf Farben, Formen, Typographie usw. zu individualisieren.

Zu diesem Zweck verwendet Bootstrap seit der Version 4 Sass. Sass bietet mit Hilfe von Variablen und sogenannten »Mixins« die Möglichkeit, bestimmte Aspekte des Designs, wie etwa das Farbschema oder die verwendeten Schriftarten, in einem Rutsch für die gesamte Website zu ändern.

Aber auch unabhängig von Bootstrap sollte Sass in keiner Webdesign-Werkzeugkiste mehr fehlen. Sass verfügt über zahlreiche Funktionen, von denen Sie in CSS nur träumen können: Es bietet Variablen und wiederverwendbare Stildefinitionen, eine effizientere Syntax, und eintönige Aufgaben lassen sich sogar automatisieren. Dadurch erleichtert Sass das Schreiben von Stylesheets ungemein. »If you’re still building websites without Sass, you’re doing it wrong.«

3. Wie wird sich Webdesign deiner Meinung nach in den nächsten Jahren weiterentwickeln?

Die Zeiten, in denen Webdesigner/innen Mockups in Photoshop, Illustrator oder Sketch erstellten, die dann ein/e »Programmierer/in« in HTML und CSS umzusetzen hatte, sind lange vorbei. Die Berufsbilder Webdesigner/in und Webentwickler/in verschmelzen zusehends zum/zur Frontent-Entwickler/in, bei der sowohl klassische Design-Skills als auch fundierte Code-Kenntnisse in HTML, CSS und JavaScript gefordert sind. Zur Zeit sehe ich jedoch einen besorgniserregenden Trend, dass diese Aufgabe — sei es aufgrund von Fachkräftemangel oder aus purem Pragmatismus — zunehmend von reinen Programmierern übernommen wird, die von Design wenig verstehen (oder sich nicht darum scheren). Also liebe Designer/innen: Lernt coden!

Das nächste große Ding im Grafikdesign sind Color Fonts. Sie bringen Farben, Schattierungen, Texturen und Transparenz in die digitale Typographie. Color Fonts (oder genauer Chromatic Fonts) sind OpenType-Schriften, die SVG-Daten enthalten. Dadurch können sie Vektorformen, Bitmap-Bilder oder sogar beides beinhalten. Den meisten von uns sind Color Fonts bereits seit geraumer Zeit als Emoji-Fonts bekannt, die jedoch bisher auf den verschiedenen Systemen meist in proprietären Formaten implementiert waren. Nun aber scheint sich mit OpenType-SVG ein neuer Standard zu etablieren, der bereits von neueren Systemen und Browsern unterstützt wird (Microsoft Edge 38 auf Windows 10, Safari 12 auf macOS 10.14 und iOS 12, Firefox 26).

Color Fonts sind noch recht selten zu finden. Eine größere Auswahl gibt’s auf Creative Market oder auf Fontself.

Color Fonts

Einen veritablen Trend erleben wir gerade bei der Sprachsteuerung. Immer mehr Nutzer/innen steuern ihre Geräte über diverse Sprachassistenten. Deshalb kommen wir nicht umhin, unsere Interfaces an diese neue Form der Interaktion anzupassen. In Zukunft sehen wir wohl Conversational Interfaces. Im Gegensatz zu grafischen Benutzeroberflächen, die die Aktionen der Nutzer/innen in Befehle übersetzen, die der Computer versteht, ahmen Conversational Interfaces die ursprünglichste und natürlichste Form der menschlichen Kommunikation nach: die Konversation.

Danke Frank für diese aufschlußreichen Informationen zu den Hintergründen und Trends im Bereich Webdesign und zu den Neuerungen im Webdesign-Curriculum.

Tags: Webdesign , Web Design , HTML5 , CSS3 , sass , Bootstrap , SCSS

Twittern Empfehlen +1 Xing

Kommentare

  • Persönlichkeitsfan

    Gut, dass es für diesen Beriech heute auch Zertifizierungen gibt. Früher hat man mal ein Seminar besucht und sich den Rest selbst angeeignet. Theoretisch war dann jeder Webdesigner, der man ein wenig an einer Homepage rumgebaut hat. Danke für die Infos!

    am Mittwoch, 29. Mai 2019, 16:02

Hinterlasse einen Kommentar:

:*

(notwendig)

:*

(notwendig, wird nicht angezeigt)

:*

(E-Mail wiederholen)

:

(optional, Spam und Werbe-Links werden gelöscht)

:*

Blog abonnieren

Kategorien

  • Webentwicklung
  • Aktuelles
  • Webdesign
  • Web-Administration
  • SEO & SEM
  • Arbeitsmarkt und Karriere
  • Dies und das
  • Fördermöglichkeiten
  • An der Kaffeemaschine
  • Lernen und Arbeiten

Autoren

  • Thorsten Schneider
  • Frank Schad
  • Marc Remolt
  • Ulrike Walter
  • Christian Eichhorn
  • Marco Emrich
  • Ruth Swienty
  • Robert von Heeren
  • Barbara Peter

Neue Kommentare

Im Interview mit Frank Stefan - Teilnehmer unseres Webdevelopment-Fernkurses
  • perserkatze27

    Das finde ich echt klasse, wenn sich jemand, um Menschen mit Behinderung helfen zu wollen, noch…


Dr. Thorsten Schneider im Interview: Infos über Förderprogramme und Tipps vom Profi für die berufliche Weiterbildung
  • Solo28

    Vielen Dank für die Informationen. Hatte auch mal überlegt mich ein wenig weiterzubilden oder ein…

Feed-Abo

Kommentare als RSS

Blog

  • Blog-Info
  • Blog-Regeln

Newsletter

  • Der Newsletter wird ca. 1 x monatlich versandt und enthält Informationen zu unseren Bildungsangeboten, Hinweise zu Blogbeiträgen und spezielle Spar-Angebote für unsere Newsletter-Abonnenten.

    Ihre hier eingegebenen Daten werden nicht an Dritte weitergegeben. Sie können sich jederzeit aus dem Newsletter heraus abmelden oder Ihre Einwilligung per E-Mail an widerrufen. Durch Absenden der von Ihnen eingegebenen Daten willigen Sie in den Newsletter-Empfang und die Speicherung Ihrer Daten zu diesem Zweck ein. Weitere Informationen zum Datenschutz finden Sie in unserer Datenschutzerklärung.

  • Kontakt

  • +49 (0)911 49 52 23-0
    (Mo–Fr von 9–17 Uhr)
  • Kontaktformular
  • Akademie

  • Impressum
  • Datenschutz
  • Newsletter
  • Folgen Sie uns

  • Twitter
  • Facebook
  • LinkedIn
  • Xing

Verwendung von Cookies

Um unsere Webseite für Sie optimal zu gestalten und fortlaufend verbessern zu können, verwenden wir Cookies. Durch die weitere Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu. Weitere Informationen zu Cookies erhalten Sie in unserer Datenschutzerklärung.

OK