Coding & Digital Design FT
Apply Icon

Design 2: Digital Design Tools

level of course unit


Learning outcomes of course unit

The students can
- create various forms of visualization of digital media themselves.
- implement basic editing and design steps in Adobe programs (Photoshop, Illustrator, or XD)
- apply wireframing technologies and technologies
- design mockups with the help of Adobe programs
- design icons and pictograms according to specific requirements

prerequisites and co-requisites


course contents

Editing and design basics in Adobe, such as
- General program functions and work interfaces
- Drawing tools
- Layer technique
- Selection functions
- Crop tools
- Colors and formatting
- objects
- Image editing
- Composing
- Texture/ Patterns/ Artboards
- Alienation
- Backgrounds
- Text editing
- Template creation
- Rulers, guides, grids
- Import / export / vectorization
- Wireframing, handling wireframing technologies
- Mockup design and implementation using Photoshop, Illustrator, or XD
- Icon and pictogram design: Dos and don'ts

recommended or required reading

- MediaFarbe - analog und digital: Farbe In Der Medienproduktion, ISBN: 978-3642622618
- Screen Design und visuelle Kommunikation: Gestaltung interaktiver Oberflächen, ISBN: 978-3778527375
- Wahrnehmungspsychologie: Der Grundkurs, ISBN: 978-3642550737
- Die Macht der Farben: Bedeutung & Symbolik, ISBN: 9783854364337
- Adobe Photoshop: Das umfassende Standardwerk zur Bildbearbeitung, ISBN:383628619X
- Adobe Illustrator: Das umfassende Handbuch: Ihr Standardwerk zum Lernen und Nachschlagen, ISBN:383627292X
- Design Your first Website in Adobe Xd: How To Use Adobe's Design and Protyping Tool, ISBN:979-8448382741
- Wireframing Essentials , ISBN: 1849698546

assessment methods and criteria

Portfolio review

language of instruction


number of ECTS credits allocated


eLearning quota in percent


course-hours-per-week (chw)


planned learning activities and teaching methods

Presentations, group work, presentation and discussion of task

semester/trimester when the course unit is delivered


name of lecturer(s)


course unit code


type of course unit

integrated lecture

mode of delivery


work placement(s)