Nächster Start der Lehrgänge

05. September 2022

Noch Plätze frei

04. Oktober 2022

 

02. November 2022

 

28. November 2022

 

Weiterbildung von der Agentur für Arbeit gefördert.

Köln-Westhoven

Köln-Westhoven

xx. Weiterbildungsangebot

Visual Designer:in

StartEndeDauerOrtTeilnehmerzahlLehrgangsinhalte
04.10.202227.01.202316 WochenKöln-Westhovenin der Regel 6 - 16, bis 25Seite drucken
Unterrichtszeiten: Montag bis Freitag von 08:30 bis 15:35 Uhr (in Wochen mit Feiertagen von 8:30 bis 17:10 Uhr)
Weihnachtsferien vom 24.12.2022 - 01.01.2023
Zertifizierter Lehrgang. Bitte rufen Sie uns an, wir informieren Sie gerne bezüglich Ihrer Maßnahmenummer.

 

04.10.202216 Wochen

Visual Designer:in

Der Lehrgang erläutert medienübergreifendes Wissen für Visual Designer:innen für die grafische Umsetzung von Konzepten. Zunächst wird die Erstellung von professionellen Webseiten behandelt, indem HTML-Kenntnisse vermittelt werden. Weiter wird mit CSS (Cascading Stylesheets) die Gestaltung einer Webseite erläutert.

Im Anschluss führt Sie der Lehrgang in die professionelle Konzeption und Umsetzung ansprechender User Interfaces sowie in die Analyse der User Experience ein. Die Nutzererfahrung spielt bei der Entwicklung von Webseiten, Software und Apps eine wesentliche Rolle für den Erfolg.

Abgerundet wird der Kurs mit dem Thema Videobearbeitung und Postproduktion: Mit Adobe Premiere pro erstellen und bearbeiten Sie professionelle Filme, editieren, schneiden und vertonen diese. Mit Adobe After Effects werden zusätzliche 3D-Grafikanimationen und visuelle Effekte für den multimedialen Einsatz erstellt.

Abschlussprüfung: Praxisbezogene Projektarbeiten mit Abschlusspräsentation

Zertifikat: alfatraining-Zertifikat “Visual Designer:in”

Lehrgangsinhalte

 

Webdesign mit HTML, CSS, Dreamweaver und Photoshop

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

 

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 für One-Page-Sites


JavaScript (ca. 9 Tage)
Anwendungen einbinden
Einstieg in JavaScript/jQuery
If-then-else
Variablen
Data Objekt
Arry Datentyp
ScrollTop
For-Schleife
Math-Objekt
Sticky-menu (js/css)
Menu mit dem scrollen ein-/ausblenden
Verwendung von vh/vw und calc
Pflichtangaben Impressum/Datenschutz
Cookiehinweis
Front-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 mit Adobe XD

Prinzipien der Nutzerzentrierten Gestaltung (ca. 1 Tag)

ISO 9241-210: Prozess zur Gestaltung gebrauchstauglicher interaktiver Systeme

Design Thinking

Überblick agiles Projektmanagement

Nutzungskontext beschreiben

Überblick Usability Research

Methoden

Web Analytics

Mapping-Methoden

 

Analyse Nutzungskontext (ca. 3 Tage)

Kontextdokumentation

Nutzungsanforderungen beschreiben (Use Case)

Richtlinien und Normen

Usability-Definition und Zusammensetzung des Nutzungskontextes nach ISO 9241-11

Konzeption eines Fragebogens

Spezifizierung des Nutzungskontextes

Human/User Centered Design mit Mental Models

Zielgruppen, Nutzertypen, Personas

Personas erstellen

Arbeitshypothese formulieren

Customer Journey und Empathy Map

Agiles Anforderungsmanagement

User Stories

 

Card Sorting (ca. 1 Tag)

Sortieren in Teams

Auswertung im Team

Feedbackrunde

 

Entwurfstechniken (ca. 1 Tag)

Adobe XD

Einführung

Flow Chart

Wireframe

Prototyping

Komponenten

UI KITs

 

User Interface Design (ca. 3 Tage)

Visuelle Wahrnehmung, Gesetzmäßigkeiten

10 Prinzipien des User Interface Designs nach Jakob Nielsen

Brandfilter

Moodboard

Styleguide und Designsysteme

Navigationskonzepte

Kognition

Schrift und Typografie im UI

Rastersysteme, responsives Design

Formulare

Farben im UI

Icons

 

Prototyping (ca. 3 Tage)

 

Evaluierung/Testing (ca. 3 Tage)

Usability Testmethoden

Labortests

Thinking Aloud

Online/ Crowd Tests

Usability Review

Test Summery

 

Projektarbeit (ca. 5 Tage)

Zur Vertiefung der gelernten Inhalte

Präsentation der Projektergebnisse

 

 

Videobearbeitung und Postproduktion mit Adobe Premiere Pro, After Effects

Adobe Premiere CC (ca. 5 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

 

Adobe After Effects CC (ca. 5 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 3-D-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

 

Premiere und AfterEffects (ca 5 Tage)

DV-Bearbeitung

Animierte Videoclips

Licht und Kamera, Farbkorrektur

Keying, Motion-Tracking

Import- und Exportfunktionen

Praktische Tipps und Tricks

 

Projektarbeit (ca. 5 Tage)

Zur Vertiefung der gelernten Inhalte

Präsentation der Projektergebnisse

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

 

Lehrgangsziel:

Sie kennen den kompletten Workflow für ein modernes Webdesign und produzieren benutzerfreundliche und anspruchsvolle Webseiten. Weiter beherrschen Sie Grundlagenwissen zu den Themen User Interface und User Experience und kennen die entscheidenden Richtlinien und Normen für grafische Benutzeroberflächen, so dass Sie diese auf ihre Nutzerfreundlichkeit testen und an den Nutzer anpassen können. Auch können Sie die professionelle Produktion von digitalem Videomaterial mit Adobe Premiere und Adobe After Effects umsetzen. So beherrschen Sie verschiedenen Techniken, um Konzepte entsprechend grafisch umzusetzen.

 

Zielgruppe:

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.

 

Berufsaussichten:

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 Know-how ist auch die berufliche Selbstständigkeit eine interessante Perspektive.

Das aussagekräftige Zertifikat von alfatraining gibt detaillierten Einblick in Ihre erworbenen Qualifikationen.

 

Konzept & Ausstattung:

Allen Teilnehmenden steht während des Lehrgangs ein ergonomischer Arbeitsplatz mit einem leistungsfähigen PC, Flachbildschirm und Internetzugang zur Verfügung. Unsere Dozenten/innen sind sowohl fachlich als auch didaktisch hoch qualifiziert und werden Sie vom ersten bis zum letzten Tag unterrichten (kein Selbstlernsystem).

 

Präsenzlehrgänge mit Videotechnik der neuesten Generation

Der Einsatz von Videokonferenzsystemen gehört zum Lehrgangskonzept von alfatraining. Diese Form von Unterricht trainiert das Arbeiten in einer vernetzten Arbeitsumgebung, wie sie in Industrie und Wirtschaft existiert. In der globalisierten Arbeitswelt arbeiten Firmen heutzutage sowohl firmenintern als auch mit anderen Unternehmen deutschlandweit, europaweit oder weltweit über moderne Kommunikationstechniken und Netzwerke zusammen. Sie lernen im Unterricht den Umgang und Einsatz dieser modernen Techniken kennen.

 

Wie funktioniert der Unterricht bei alfatraining?
Bei alfatraining findet der Unterricht via alfaview®, einer Videokonferenzsoftware, statt. Die Dozierenden und die Teilnehmenden können sich gegenseitig sehen, hören und miteinander sprechen – live, lippensynchron und in Fernsehqualität! Über den virtuellen Klassenraum alfaview® ist es möglich, dass Sie sowohl mit Dozierenden als auch mit allen Teilnehmerinnen und Teilnehmern Ihres Kurses sprechen und im Team standortübergreifend gemeinsam an Projekten arbeiten. Zusätzliche separate Online-Besprechungsräume eignen sich zur vertraulichen Kommunikation in Kleingruppen.

 

Lernen von zuhause: Kursteilnahme im Homeoffice

Über das Videokonferenzsystem alfaview® nehmen Sie von zuhause aus am Kurs teil.

Mehr Informationen

 

Förderungsmöglichkeiten:

Unser Lehrgangskonzept ist von der Agentur für Arbeit anerkannt und nach der Zulassungsverordnung AZAV zertifiziert, eine Förderung mit Bildungsgutschein oder Aktivierungs- und Vermittlungsgutschein ist möglich.
Eine Förderung ist auch über den Europäischen Sozialfonds (ESF), die Deutsche Rentenversicherung (DRV) oder über regionale Förderprogramme möglich.
Für Zeitsoldaten 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.

 

alfatraining Köln-Westhoven

Bitte rufen Sie uns an, 

wir beraten Sie gerne.

 

0800 3456-500

 

Montag bis Freitag von 8 bis 17 Uhr

Weiterbildung bei alfatraining

Lernen Sie das innovative Unterrichtskonzept von alfatraining kennen. Live-Unterricht mit Videotechnik.

 

Mehr Informationen