Media design, UI/UX design and UI design advanced

The course teaches you how to use Adobe Systems Creative Cloud for modern media design as well as the conception and implementation of user interfaces with a focus on user experience. You will deepen your knowledge of Figma, Adobe XD and Axure RP for advanced prototyping and interactive workflows and learn about the use of AI in everyday working life.
  • Certificates: Certificate "AI-supported media design with Adobe Creative Cloud"
    Certificate "UI/UX Design"
    Certificate "UI Design Advanced"
  • Examination: Praxisbezogene Projektarbeiten mit Abschlusspräsentationen
  • Teaching Times: Full-time
    Monday to Friday from 8:30 a.m. to 3:35 p.m. (in weeks with public holidays from 8:30 a.m. to 5:10 p.m.)
  • Language of Instruction: German
  • Duration: 14 Weeks

AI-supported media design with Adobe Creative Cloud

Adobe Photoshop CC - Image editing and AI (approx. 10 days)

Introduction and working environment

Color and brushes

Selection and cropping

Layers and smart objects

Tonal value and color correction

Montage and transformation

AI-based image editing, Firefly

Camera Raw and RAW optimization

Text, shapes and paths

Output and automation

Specialist knowledge


Adobe Illustrator CC - Vector graphics and AI (approx. 5 days)

Basics of vector graphics, workspaces, anchor points

Firefly in Illustrator, generative shapes, colors, symbols

Text to vector, generative recoloring and color psychology

Interlacing and 3D effects

Font identification with AI

Automatic shape corrections

Corporate design development

Icon design and UI components

Infographics and diagrams


Project work (approx. 5 days)

To consolidate the content learned

Presentation of the project results


Adobe InDesign CC - layout, typography and AI (approx. 10 days)

User interface, sample pages, layout grid

Smart Layout and Auto Style (AI), automatic design and text formatting

Typography, paragraph and character formats, variable fonts

Placing, adjusting and cropping images and graphics

Style transfer

Tables, data merging, GREP styles

Hyperlinks, buttons, ePUB, web export

Accessible design and PDF/UA


Adobe Acrobat Pro - Publishing, accessibility and automation (approx. 5 days)

Acrobat Pro interface and tools

PDF types, export, preflight, comment function

AI-supported accessibility: tags, alternative texts, structure check

Color management, proof, transparency check

Batch processing, smart actions, cloud workflows

Security and digital signatures


Project work (approx. 5 days)

To consolidate the content learned

Presentation of the project results

UI/UX design

General introduction (approx. 1 day)

UX, Usability, UI, Mental Model Guideline, Human factors Guideline

Principles of user-centered design

ISO 9241-210/HCD

Accessibility: Basic terms, legal requirements (BITV, EU directives), significance for UX design

Process for designing usable interactive systems

Types of AI tools in the UI/UX context (text, image, analysis)


HCD: Analysis - context of use (approx. 2 days)

Personae and empathy map

Customer journey

Overview of web analytics/questionnaire


HCD: Specifying the usage requirement (approx. 1 day)

Scenarios, user stories

Task model, task flows

Context interviews and observation

Diary studies


HCD: Creating design solutions to meet usage requirements (approx. 1 day)

Guidelines and standards: 7 dialog principles of ISO 9241-110

10 principles of user interface design according to Jakob Nielsen

Visual perception, regularities


HCD design solutions: Taxonomy, information architecture and navigation concepts (approx. 3 days)

Flow Chart

User Flow

Information Architecture

Micro information architecture

Conversion strategy

Navigation concepts and sitemap

Card sorting: planning, preparation, implementation and evaluation

Mobile navigation patterns (bootom navigation, hamburger menus, tabs)


Overview of agile project management (approx. 1 day)

Waterfall model vs. agile methods

Insight into agile management according to the Scrum method

Epic, user story and task

Design sprint method


HCD design solutions: User Interface Design (approx. 2 days)

Styleguide, UI KITs, Pattern Library and Design System

UI components/elements and forms

Colors, font and typography in the UI, icons

Accessibility: color contrasts and legible fonts, control elements (size, spacing, focus)

Automated testing of contrasts, legibility and alternative texts

Brief overview of the semantic structure (HTML/ARIA)

Atomic design

Mobile first design


HCD design solutions: Design techniques with Figma (approx. 3 days)

Structure and basics: pages and frames, layout grids, constraints

Components and variants (buttons, libraries, design systems)

Responsive design (frames, auto layout)

Scribbles, wireframes, mockups

Prototyping: interactions, transitions, overlays, prototype sharing

Use of AI functions in Figma and supplementary tools for quick creation and variation of designs


Usability testing and evaluation (approx. 2 days)

Overview of usability testing methods

Thinking Aloud: planning, preparation, implementation and evaluation

Questionnaires (UEQ, AttrakDiff, VisAWI)

A/B testing

Accessibility: tests with keyboard and screen reader

Use of aids and tools


Project work (approx. 4 days)

To consolidate the content learned

Presentation of the project results

UI Design Advanced

In-depth training in Figma (approx. 4 days)

Brief repetition of basic prototyping functions

Adobe Layout for complex and responsive layouts

Advanced interactions: Animations, interactive components and microinteractions

Creating prototypes for different devices

Use of variables and conditional logic

Dev handoff with Figma (Dev Mode/Inspect)

Integrating user testing and feedback loops

Figma AI in everyday life: generating content, rewriting texts, supporting layout suggestions


Artificial intelligence (AI) in UI design (approx. 1 day)

Application scenarios and limitations

External AI tools for UI design (e.g. AI-based UI generators and assistants)


Insight into Axure RP (approx. 2 days)

Basic functions and advanced features of Axure

Creation of dynamic and interactive prototypes

Use of variables and conditional logic

Working with dynamic panels

Simulating interaction between users and the interface

Handing over and publishing high-fidelity prototypes to development teams


Cross-tool workflows (approx. 1 day)

Collaboration and versioning in Figma (branches, libraries)

Transfer of designs to project management and development tools


Project work (approx. 2 days)

To consolidate the content learned

Presentation of the project results



Changes are possible. The course content is updated regularly.

After the course, you will be able to plan, design and implement creative projects independently, from image editing and vector graphics to layout and print production. You will work confidently with the central programs of the Adobe Creative Cloud (Photoshop, Illustrator, InDesign and Acrobat Pro) and use Adobe Firefly to optimize design processes, automate designs and develop new creative ideas.

Furthermore, convincing usability and a good user experience are the basis for customer confidence in interacting with the company. After this course, you will have comprehensive basic knowledge on the topics of user experience and user interface and will have mastered key guidelines and standards for graphical user interfaces based on the human-centered design process. Using the Figma prototyping program, you will be able to create interactive designs that can be tested and further developed using various methods. You will also have knowledge of agile working methods, usability tests and the use of AI tools in the UI/UX process.

In addition, you will be able to apply advanced prototyping techniques in Figma and be comfortable working with Axure RP. You will be able to create interactive and dynamic user interfaces with dynamic panels, variables and conditional logic in Axure and also carry out the entire workflow - from concept to prototyping to handover to the developers - and manage projects efficiently by integrating the tools.

Media designers, graphic designers, web designers, professionals from artistic professions, public relations, marketing and communication, architecture and photography as well as creative career changers who would like to familiarize themselves with the design of digital and printed media with the Adobe Creative Cloud.

Also web developers, web designers, app developers, software developers, user interface designers, project managers, graphic designers, media designers.

Your future area of application can be in the print and digital sector, but above all in the creation of advertising media. The knowledge you acquire is in demand across all sectors in all areas of design and graphics. With the appropriate know-how, self-employment is also an interesting prospect.

In addition, advanced knowledge of UI design will open up a wide range of career opportunities in graphics, web and software agencies. An understanding of modern prototyping techniques is in demand in almost all industries, giving you very good prospects as a UI designer or front-end developer.

Your meaningful certificate provides a detailed insight into the qualifications you have acquired and improves your career prospects.

Didactic concept

Your lecturers are highly qualified both professionally and didactically and will teach you from the first to the last day (no self-study system).

You will learn in effective small groups. The courses usually consist of 6 to 25 participants. The general lessons are supplemented by numerous practical exercises in all course modules. The practice phase is an important part of the course, as it is during this time that you process what you have just learned and gain confidence and routine in its application. The final section of the course involves a project, a case study or a final exam.

 

Virtual classroom alfaview®

Lessons take place using modern alfaview® video technology - either from the comfort of your own home or at our premises at Bildungszentrum. The entire course can see each other face-to-face via alfaview®, communicate with each other in lip-sync voice quality and work on joint projects. Of course, you can also see and talk to your connected trainers live at any time and you will be taught by your lecturers in real time for the entire duration of the course. The lessons are not e-learning, but real live face-to-face lessons via video technology.

 

The courses at alfatraining are funded by Agentur für Arbeit and are certified in accordance with the AZAV approval regulation. When submitting a Bildungsgutscheinor Aktivierungs- und Vermittlungsgutschein, the entire course costs are usually covered by your funding body.
Funding is also possible via Europäischen Sozialfonds (ESF), Deutsche Rentenversicherung (DRV) or regional funding programs. As a regular soldier, you have the option of attending further training courses via Berufsförderungsdienst (BFD). Companies can also have their employees qualified via funding from Agentur für Arbeit (Qualifizierungschancengesetz).

We will gladly advise you free of charge.

0800 3456-500 Mon. - Fri. from 8 am to 5 pm
free of charge from all German networks.

Contact

We will gladly advise you free of charge. 0800 3456-500 Mon. - Fri. from 8 am to 5 pm free of charge from all German networks.