Visual Designer:in und Adobe CC mit Grafikdesign

Kostenfrei für Dich

durch Förderung

Der Kurs erläutert die Erstellung von Webseiten mit HTML und CSS. Du lernst die Umsetzung von User Interfaces und die Analyse der User Experience. Du erwirbst Kenntnisse im Umgang mit Adobe Premiere, Adobe After Effects und Adobe-Software. Du erfährst, wie Künstliche Intelligenz im Beruf eingesetzt wird.
  • Abschlussart: Zertifikat „Visual Designer:in”
    Zertifikat „Grafikdesign mit Adobe CC“
  • Zusatzqualifikationen: Zertifikat „Webdesign mit HTML/CSS/Dreamweaver“
    Zertifikat „UI/UX-Design“
    Zertifikat „Videobearbeitung und Postproduktion mit Adobe Premiere Pro CC und After Effects CC“
  • Abschlussprüfung: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
  • Unterrichtszeiten: Vollzeit
    Montag bis Freitag von 8:30 bis 15:35 Uhr (in Wochen mit Feiertagen von 8:30 bis 17:10 Uhr)
  • Dauer: 20 Wochen

Webdesign mit HTML, CSS und Dreamweaver

HTML (ca. 5 Tage)

Grundgerüst

Tags zur Texterstellung (h1-h6, p, br)

Grundlagen CSS

Text-Format-Befehle

Gerüstbildende HTML-Tags (z. B. header, nav)

Grafiken einbinden und in Photoshop aufbereiten

Favicons

Verlinkungen

Interne-, Externe-, Tel.-, mailto-Links

Listen und Tabellen

Formulare in HTML

Formularelemente

Einbindung von Video- und Audioelementen

Einbindung von YouTube und Google-Maps

Unterschiede zwischen XHTML und HTML


Künstliche Intelligenz (KI) im Arbeitsprozess

Vorstellung von konkreten KI-Technologien im beruflichen Umfeld

Anwendungsmöglichkeiten und Praxis-Übungen


Grundlagen CSS (ca. 5 Tage)

Grundlagen Dreamweaver

Einbindungsmöglichkeiten von CSS-Angaben (intern, extern, inline-Style)

Textgestaltung mit CSS

CSS-Attribute zur Gestaltung von Bordern und Abständen (padding, margin)

Hintergrundgestaltung per CSS

Grundlagen float/clear

Spaltigkeit mit float

Farben mit CSS

Clearfix

Pseudoelemente (::before/::after)

Pseudoklassen (:nth-of-type)

Listen/display/Link-Pseudo-Klassen

Navigation mit ul/li (horizontal/vertikal)


CSS-Flexbox (ca. 5 Tage)

Spaltigkeit mit Flex

Ausrichtung von Elementen mit Flex

Spalten in Spalten mit Flex

Individuelle Schrift verwenden (@font-face)

Schriften mit Dreamweaver

Dreamweaver – CSS-Designer

CSS-Position

Positionen: relative/absolute/fixed

Möglichkeiten zur Formulargestaltung per CSS

CSS-Farbverläufe

CSS – transition/transform


Responsives Webdesign (ca. 6 Tage)

Breakpoints, Viewport, Media-Querys

Header und header-img responsiv gestalten

Picture-Elemente in HTML

Mobile Navigation mit hover

Hover in click auf Apple-Handys ermöglichen

Klick-Event per CSS (mittels checkbox)

Responsive Navigationen mit click

Animierter Burger-Button

CSS-Akordeon (mittels Radio-Buttons)

Drop-Down-Menü für Desktop und Mobile

Unterschiedliche Designs

CSS-Pseudoklasse :target

One-Page-Site – Seitenstruktur

Responsive Navigation mit :target-Steuerung

Vorteile von One-Page-Sites


JavaScript (ca. 9 Tage)

Anwendungen einbinden

Einstieg in JavaScript/jQuery

If-then-else

Variablen

Data Objekt

Array Datentyp

ScrollTop

For-Schleife

Math-Objekt

Sticky-menu (js/css)

Menu mit Scrollen ein-/ausblenden

Verwendung von vh/vw und calc

Pflichtangaben Impressum/Datenschutz

Cookiehinweis

Font-awesome – Symbol Bibliothek

CSS-Filter

CSS-Variablen

Optim. der Site für die Suchmaschinen (SEO)

Object fit – Rahmenfüllende Grafiken

CSS-Animation

CSS-Grid

Grid-template-areas

Einführung in CSS-Framework: Bootstrap


Projektarbeit (ca. 10 Tage)

Zur Vertiefung der gelernten Inhalte

Präsentation der Projektergebnisse

UI/UX-Design

Allgemeine Einführung in die Thematik (ca. 1 Tag)

UX, Usability, UI, Mental model, Human factors

Prinzipien der nutzerzentrierten Gestaltung

ISO 9241-210/HCD

Prozess zur Gestaltung gebrauchstauglicher interaktiver Systeme


HCD: Analyse – Verstehen und Festlegen des Nutzungskontextes (ca. 3 Tage)

Personae

Empathy Map

Customer Journey

Web Analytics

Fokusgruppen

Fragebogen


HCD: Spezifizieren der Nutzungsanforderung (ca. 1 Tag)

Szenariomodell

Aufgabenmodell

Kontextinterviews

Tagebuchstudien

Teilnehmende Beobachtung


HCD: Erzeugen von Gestaltungslösungen um Nutzungsanforderung zu erfüllen (ca. 1 Tag)

Richtlinien und Normen: 7 Dialogprinzipien der ISO 9241-110

10 Prinzipien des User Interface Designs nach Jakob Nielsen

Visuelle Wahrnehmung, Gesetzmäßigkeiten


HCD-Gestaltungslösungen: Taxonomie Informationsarchitektur & Navigationskonzepte (ca. 3 Tage)

Flow Chart

User Flow

Informationsarchitektur

Micro Informationsarchitektur

Conversion-Strategie

Navigationskonzepte

Sitemap

Card Sorting: Planung, Vorbereitung, Durchführung und Auswertung


Überblick agiles Projektmanagement (ca. 1 Tag)

Wasserfall-Modell vs. Agile

Einblick in agiles Management nach der Scrum-Methode

Epic, User Story und Task

Design Sprint Methode


HCD-Gestaltungslösungen: User Interface Design (ca. 1 Tag)

Styleguide, UI KITs, Pattern Library & Design System

UI Komponenten/Elemente & Formular

Farben, Schrift und Typografie im UI, Icons

Atomic Design

Mobile first Design


HCD-Gestaltungslösungen: Entwurfstechniken mit Figma & XD Adobe (ca. 2 Tage)

Figma vs. Adobe XD


Figma

Die Werkzeugpalette von Figma

Workflow

UI-Komponenten

Responsive Design

Scribbles, Wireframe

Interaktive Prototypen


Adobe XD

Die Werkzeugpalette von XD

Workflow

UI-Komponenten

Responsive Design

Scribbles, Wireframe

Interaktive Prototypen


HCD-Evaluierung des Designs gegen die Nutzungsanforderungen – Usability testing (ca. 2 Tage)

Ein Überblick über Usability-Testmethoden Thinking Aloud: Planung, Vorbereitung, Durchführung und Auswertung

(UEQ) User Experience QuestionnaireAttrakDiff

VisAWI – Visual Aesthetics of Websites Inventory

A/B-Testing


Künstliche Intelligenz (KI) im Arbeitsprozess

Vorstellung von konkreten KI-Technologien im beruflichen Umfeld

Anwendungsmöglichkeiten und Praxis-Übungen


Projektarbeit (ca. 5 Tage)

Zur Vertiefung der gelernten Inhalte

Präsentation der Projektergebnisse

Videobearbeitung mit Adobe Premiere Pro CC

Adobe Premiere CC (ca. 7 Tage)

Projektausrichtung und Formatdefinition

Programmoberfläche

Text- und Objektvorlagen

Projekt-, Schnitt- und Monitorfenster

Montage von Clips im Schnittfenster

Überblendungen und Effekte

Video-Retusche und -Filter

Erstellen von Titelsequenzen

Importieren von Bildern, Audiodateien und Verzeichnissen

Video-Filter

Kombination mit anderen Adobe-Programmen

Sounderstellung und -bearbeitung

Arbeiten mit Blenden

Exportfunktionen

Motion-Tracking

Import- und Exportfunktionen

Praktische Tipps und Tricks


Künstliche Intelligenz (KI) im Arbeitsprozess

Vorstellung von konkreten KI‐Technologien im beruflichen Umfeld

Anwendungsmöglichkeiten und Praxis‐Übungen


Projektarbeit (ca. 3 Tage)

Zur Vertiefung der gelernten Inhalte

Präsentation der Projektergebnisse

Postproduktion mit Adobe After Effects CC

Adobe After Effects CC (ca. 7 Tage)

Begriffe und Standards

Formatdefinitionen

Projektplanung und -organisation

Importieren und Verwalten von Rohdaten

Bewegungssteuerung

Arbeiten mit verschiedenen Ebenen

Kompositionen und Zeitleiste

Transfermodi, Schnittfunktionen

Erstellen von einfachen 3D-Animationen

Erstellen von visuellen Effekten

Arbeiten mit Keyframes

Rendering und Render-Einstellungen

Arbeiten mit Masken und Textwerkzeugen

Audiofunktionen und -bearbeitung

Zeitverzerrung

Vektor-Zeichenwerkzeuge und Retusche

Animierte Videoclips

Licht und Kamera, Farbkorrektur

Keying, Motion-Tracking

Import- und Exportfunktionen

Praktische Tipps und Tricks


Projektarbeit (ca. 3 Tage)

Zur Vertiefung der gelernten Inhalte

Präsentation der Projektergebnisse

Grafikdesign mit Adobe CC – Medienübergreifendes Arbeiten Digital/Print/Web

Einführung in die Adobe Creative Cloud (ca. 2 Tage)

Desktop Programme im Überblick: Photoshop, Illustrator, InDesign

Adobe Mobile Apps für Grafikdesign

Creative Cloud Bibliotheken

Farbtrends und Inspirationen (z. B. Adobe Stock, Adobe Color)

Adobe Bridge, Adobe Exchange


Grundlagen (ca. 1 Tag)

Kunst vs. Design

Designdisziplinen, Designprinzipien

Designprozess

Gestaltgesetze der Wahrnehmung

Blickverlauf und Anordnung

Figur-Grund-Beziehung

Optische Täuschungen und Phänomene

Interferenzeffekte, Hicks Gesetz

Perspektive und räumliche Wirkung


Form und Farbe (ca. 2 Tage)

Punkt, Linie und Fläche

Anordnung und Gewichtung

Format, Proportionen und Seitenverhältnisse

Farbenlehre und Farbsysteme

Eigenschaften, Wirkung und Bedeutung

Farbgestaltung (Harmonien, Kontraste)

Aufmerksamkeit durch Form und Farbe

Erstellung und Bearbeitung von Formen (Zeichen, Piktogramme, Icons)


Künstliche Intelligenz (KI) im Arbeitsprozess

Vorstellung von konkreten KI‐Technologien im beruflichen Umfeld

Anwendungsmöglichkeiten und Praxis‐Übungen


Bilder (ca. 3 Tage)

Bildkompetenz und Bildqualität

Pixel- und Vektorgrafik

Recherche, Idee, Moodboard

Eyecatcher und Storytelling

Der Mensch als Motiv

Bilder in der Unternehmenskommunikation

Bildgestaltung und Bildbearbeitung


Typografie und Layout (ca. 5 Tage)

Anatomie der Buchstaben

Schriftgeschichte, Schriftklassifikation

Schriftmischung

Lesetypografie, Detailtypografie

Workflow: Layout

Grundregeln guter Layouts

Satzspiegel und Gestaltungsraster

Dramaturgie, Blickführung und Fokus

Layoutideen umsetzen, präsentieren

Dateiausgabe im Überblick (Print, Digital)


Corporate Design (ca. 2 Tage)

Corporate Design vs. Corporate Identity         

Basisbausteine

Logodesign, Signets und Marken

Umsetzung – Wort-Bild-Marke

Das Corporate – Design-Manual (Styleguide)


Projektarbeit (ca. 5 Tage)

Zur Vertiefung der gelernten Inhalte

Präsentation der Projektergebnisse



Änderungen möglich. Die Lehrgangsinhalte werden regelmäßig aktualisiert.

Du kennst den kompletten Workflow für ein modernes Webdesign und produzierst benutzerfreundliche und anspruchsvolle Webseiten. Weiter beherrschst du Grundlagenwissen zu den Themen User Interface und User Experience und kennst die entscheidenden Richtlinien und Normen für grafische Benutzeroberflächen, sodass du diese auf ihre Nutzerfreundlichkeit testen und an die Nutzer:innen anpassen kannst. Auch kannst du die professionelle Produktion von digitalem Videomaterial mit Adobe Premiere und Adobe After Effects umsetzen. So beherrschst du verschiedenen Techniken, um Konzepte entsprechend grafisch umzusetzen.

Außerdem beherrschst du nach dem Lehrgang die Grundlagen gestalterischen Arbeitens und der visuellen Kommunikation. Du verstehst, wie Design, Werbung und Präsentationen funktionieren und verfügst über gestalterisches, methodisches und technisches Basiswissen.

Webdesigner:innen, Webprogrammierer:innen, Grafiker:innen, Mediengestalter:innen, Fachkräfte aus künstlerischen Berufen oder Personen, die bei der Konzipierung, Gestaltung und praktischen Umsetzung von Internet-Auftritten verantwortlich mitwirken und die dafür notwendigen Kenntnisse und Fähigkeiten erwerben wollen.

Personen, die bei der Konzipierung, Gestaltung und praktischen Umsetzung von Digital- und Printmedien mitwirken und die dafür notwendigen Kenntnisse und Fähigkeiten erwerben wollen.

Nahezu alle Unternehmen setzen heutzutage auf einen attraktiven Internetauftritt, der sie als Unternehmen repräsentiert. Als zukünftige Arbeitgeber:innen kommen vor allem Grafik-, Werbe-, Web-, Multimedia- oder Fullservice-Agenturen, aber auch Software- und Datenbankanbieter in Frage. Kenntnisse im Bereich Webdesign werden in nahezu allen Branchen gefordert. Mit entsprechendem Knowhow ist auch die berufliche Selbstständigkeit eine interessante Perspektive.

Dein zukünftiger Einsatzbereich kann in der Redaktion oder im Marketing für Digital- und Printmedien liegen, aber vor allem in der Gestaltung, Umsetzung und Erstellung von Werbemitteln bzw. Publikationen. Die erworbenen Kenntnisse sind in allen Bereichen der Druck - und Medienbranche vielseitig einsetzbar und nachgefragt.

Dein aussagekräftiges Zertifikat gibt detaillierten Einblick in deine erworbenen Qualifikationen und verbessert deine beruflichen Chancen.

Didaktisches Konzept

Deine Dozierenden sind sowohl fachlich als auch didaktisch hoch qualifiziert und werden dich vom ersten bis zum letzten Tag unterrichten (kein Selbstlernsystem).

Du lernst in effektiven Kleingruppen. Die Kurse bestehen in der Regel aus 6 bis 25 Teilnehmenden. Der allgemeine Unterricht wird in allen Kursmodulen durch zahlreiche praxisbezogene Übungen ergänzt. Die Übungsphase ist ein wichtiger Bestandteil des Unterrichts, denn in dieser Zeit verarbeitest du das neu Erlernte und erlangst Sicherheit und Routine in der Anwendung. Im letzten Abschnitt des Lehrgangs findet eine Projektarbeit, eine Fallstudie oder eine Abschlussprüfung statt.

 

Virtueller Klassenraum alfaview®

Der Unterricht findet über die moderne Videotechnik alfaview® statt  - entweder bequem von zu Hause oder bei uns im Bildungszentrum. Über alfaview® kann sich der gesamte Kurs face-to-face sehen, in lippensynchroner Sprachqualität miteinander kommunizieren und an gemeinsamen Projekten arbeiten. Du kannst selbstverständlich auch deine zugeschalteten Trainer:innen jederzeit live sehen, mit diesen sprechen und du wirst während der gesamten Kursdauer von deinen Dozierenden in Echtzeit unterrichtet. Der Unterricht ist kein E-Learning, sondern echter Live-Präsenzunterricht über Videotechnik.

 

Alle Lehrgänge werden von der Agentur für Arbeit gefördert und sind nach der Zulassungsverordnung AZAV zertifiziert. Bei der Einreichung eines Bildungsgutscheines oder eines  Aktivierungs- und Vermittlungsgutscheines werden in der Regel die gesamten Lehrgangskosten von Ihrer Förderstelle übernommen.
Eine Förderung ist auch über den Europäischen Sozialfonds (ESF), die Deutsche Rentenversicherung (DRV) oder über regionale Förderprogramme möglich. Als Zeitsoldat:in besteht die Möglichkeit, Weiterbildungen über den Berufsförderungsdienst (BFD) zu besuchen. Auch Firmen können ihre Mitarbeiter:innen über eine Förderung der Agentur für Arbeit (Qualifizierungschancengesetz) qualifizieren lassen.

Gerne beraten wir dich kostenfrei. 0800 5770577 Mo. - Fr. von 8 bis 17 Uhr
kostenfrei aus allen deutschen Netzen.
Kontakt
Gerne beraten wir dich kostenfrei. 0800 5770577 Mo. - Fr. von 8 bis 17 Uhr kostenfrei aus allen deutschen Netzen.