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 "Media design - with Adobe Photoshop, Illustrator, InDesign, Acrobat Pro CC"
    Certificate "UI/UX Design"
    Certificate "UI Design Advanced"
  • Examination: Practical project work with final presentations
  • 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

Media design with Adobe Photoshop / Illustrator / InDesign / Acrobat Pro (Adobe CC)

Adobe Photoshop CC (approx. 10 days)

File formats and color modes

Working with Adobe Bridge

Fill layers, patterns and brushes

Changing and optimizing image qualities (view, resolution, image size, workspace)

Transforming image elements

Content dependency

Selecting and masking

Working with layers

Layer styles, blending modes and opacity

Image composition with layer masks

Smart objects

Using color corrections effectively

Working with colors, gradients, Color CC

Repairing and retouching images

Filters and effects

Camera Raw and Bridge

Automating processes

Animation (frame, video sequence)

Outputting and sharing images (digital, print)


Artificial intelligence (AI) in the work process

Presentation of specific AI technologies

and possible applications in the professional environment


Adobe Illustrator CC (approx. 6 days)

Creating and editing artboards

Guides, rulers and grids

Draw and edit paths

Draw objects

Selecting, transforming and editing objects

Shaper tool, blending tool (blending)

Interlacing

Place, link and embed images

Converting images into vector graphics (tracing)

Working with colors and contours

Color palettes with Adobe Color

Color gradients and transparency

Layers and masks

Patterns, brushes and symbols

Filters and effects

Texts, typography and Adobe Fonts

Use of the perspective grid

Creating and designing diagrams

Use of libraries

Print preparation and PDF output

Data export and transfer for web and video


Adobe InDesign CC (approx. 12 days)

Page and document layout

Guides, grids, rulers

Creating page layouts with text/graphics

Frames, pen and pencil tools

Text editing, typography

Adding Adobe fonts

Tabs, bulleted lists and numbering

Master pages, nested master pages

Automatic page numbers and section markers

Working with formats and templates

Generating tables of contents

GREP, libraries, snippets

Placement of text, import/export options

Placing, linking and embedding images

Image import/export options

Table design in InDesign

Colors and gradients

Use of layers

Data merging for layouts (book)

Flow around objects (text flow)

Export via "Publish Online" as HTML

Export e-book as EPUB

Alternative layouts, liquid layouts

Create interactive PDF documents

Set up bookmarks

Hyperlinks, buttons, animations

Data check with preflight, soft proof

Print PDF export in detail

Integrate movie and audio files


Adobe Acrobat Pro (approx. 2 days)

Check PDF conformity (e.g. PDF-X3 standard)

Create PDF from file

Merging files

Editing text and images in PDF

Bookmarks and comments

Notes and stamps

Crop or rotate a PDF file

Manage pages

Page transitions and full screen mode

Protect PDF files

Create portfolios

Adding multimedia content to the PDF

Create interactive objects (e.g. buttons)


Project work (approx. 10 days)

To consolidate the content learned

Presentation of the project results

UI/UX design

General introduction to the topic (approx. 1 day)

UX, Usability, UI, Mental Model Guideline, Human factors Guideline Principles of user-centered design

ISO 9241-210/HCD

Process for designing usable interactive systems


HCD: Analysis - Understanding and defining the context of use (approx. 3 days)

Personae

Empathy map

Customer Journey

Web analytics

Focus groups

Questionnaire


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

Scenario model

Task model

Context interviews

Diary studies

Participant observation


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 & navigation concepts (approx. 3 days)

Flow Chart

User Flow

Information Architecture

Micro information architecture

Conversion strategy

Navigation concepts

Sitemap

Card Sorting: Planning, preparation, implementation and evaluation


Overview of agile project management (approx. 1 day)

Waterfall model vs. agile method

Insight into agile management according to the Scrum method

Epic, user story and task

Design sprint method


HCD design solutions: User Interface Design (approx. 1 day)

Styleguide, UI KITs, Pattern Library & Design System

UI components/elements & forms

Colors, font and typography in the UI, icons

Atomic design

Mobile first design


HCD design solutions: Design techniques with Figma & Adobe XD (approx. 2 days)

Figma vs. Adobe XD


Figma

The Figma tool range

Workflow

UI components

Responsive design

Scribbles, wireframes

Interactive prototypes


Adobe XD

The Adobe XD tool palette

Workflow

UI components

Responsive Design

Scribbles, wireframes

Interactive prototypes


HCD evaluation of the design against the user requirements - usability testing (approx. 2 days)

An overview of usability testing methods Thinking Aloud: planning, preparation, implementation and evaluation

User Experience Questionnaire (UEQ)

AttrakDiff

VisAWI - Visual Aesthetics of Websites Inventory

A/B testing


Artificial intelligence (AI) in the work process

Presentation of specific AI technologies and possible applications in the professional environment


Project work (approx. 5 days)

To consolidate the content learned

Presentation of the project results

UI Design Advanced

Advanced training in Figma and Adobe XD (approx. 2.5 days)

Repetition: Basic prototyping functions

Advanced animation techniques and interactions

Complex transitions and microinteractions

Creating prototypes for different devices (responsive design)

Integrating user testing and feedback loops


Artificial intelligence (AI) in the work process

Presentation of specific AI technologies

and possible applications in the professional environment


Axure RP (approx. 3.5 days)

Basic functions and advanced features of Axure

Creation of dynamic and interactive prototypes

Use of variables, conditional logics and dynamic panels

Simulating interaction between users and the interface

Handing over high-fidelity prototypes to development teams


Cross-tool workflows (approx. 2 days)

Using Figma, Adobe XD and Axure in combination

Optimize design handovers: From low-fidelity prototype to development

Collaboration and versioning in different 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.

Once you have completed the course, you will quickly and confidently master the use of Adobe Systems' Creative Cloud and thus have professional knowledge of the industry-standard software for modern media design. You will process images, graphics and texts into a representative and sophisticated layout.

In addition, convincing usability and a good user experience are the basis for customers' trust in interacting with the company. This course provides important basic knowledge on the topics of user experience and user interface and you will learn about key guidelines and standards for graphical user interfaces. Using the prototyping programs Figma and XD from Adobe, you will be able to create interactive designs that are tested and further developed using various methods.

In addition, you will be able to apply advanced prototyping techniques in Figma and Adobe XD and be confident in using 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 three tools.

Media designers, graphic designers, web designers, professionals from artistic professions, public relations, communication and marketing as well as architecture and photography who want to update their skills in creating media products (digital and print).

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.