Fundamentals of Web Graphic Design

Course overview

Course Objective The Fundamentals of Web Graphic Design course introduces the design of digital graphics for web interfaces and is situated in the field of visual communication and user interface design. It covers central basic concepts of digital image editing, vector graphics, and typographic formatting for use in websites and web applications. The goal is to systematically convey workflows from conception to exportable graphic files. Additionally, the course addresses fundamental technical conditions for web use such as file formats, resolutions, and basic performance aspects. Content Introduction to visual fundamentals of the web: color spaces for digital media, contrast and readability, grid and layout principles, iconography, and simple pictogram development Digital image editing: non-destructive editing, layer and mask techniques, retouching and extraction, export for different screen sizes Vector-based work: building paths and shapes, scalability, symbol and component logic, creation of logos, icons, and UI elements Typography on the web: selection and combination of web fonts, hierarchy formation, micro-typography, reading flow, and accessibility aspects in text representations File formats and delivery: use of SVG, PNG, JPG, WebP, compression, transparencies, responsive graphics, and simple asset organization Workflow and handover: naming conventions, style guides and small design systems, export presets, handover to development, and version control Learning Objectives - Analyze web interfaces regarding color contrast, readability, and graphic hierarchy - Identify suitable image and vector formats (SVG, PNG, JPG, WebP) for defined use cases - Apply layer, mask, and retouching techniques to create web-compatible image graphics - Create scalable UI elements and icons based on vector-based work - Design simple style guides with color and typography specifications for web projects - Integrate exported assets into a handover workflow including naming and documentation Career Prospects The course content is applicable in fields such as web design, where layout development, asset creation, and typographic formatting are required. Typical areas of activity include UI design and interface design, particularly the creation of icons, components, and graphics for design systems. The course addresses content for roles such as digital media designer, who implement image editing, vector creation, and file output for websites. Summary The Fundamentals of Web Graphic Design course covers the creation and preparation of digital graphics for web interfaces, including image editing, vector graphics, typography, and file formats. This training systematically conveys workflows from conception to asset handover to development. The topics taught are relevant to professional fields such as web design, UI design, and digital media design.

Upcoming dates

• 2026-08-02T22:00:00.000Z · 2026-12-09T23:00:00.000Z · Leipzig · Combined Learning
• 2026-08-02T22:00:00.000Z · 2026-10-05T22:00:00.000Z · Leipzig · Combined Learning
• 2026-08-31T22:00:00.000Z · 2027-01-07T23:00:00.000Z · Leipzig · Combined Learning
• 2026-08-31T22:00:00.000Z · 2026-11-03T23:00:00.000Z · Leipzig · Combined Learning