UI Design 2700-M-API-D3PUI
Topics to be discussed:
1. Introduction to User Interface Design: color theory, typography, composition, heuristics
2. Introduction to Information Architecture, design patterns for mobile applications and websites
3. Overview of basic features of the Figma software, frames, artboards.
4. Masks and shapes
5. Components and auto-layout
6. Design Systems - UI kits
7. Interactive elements, effects
8. RWD
9. Prototyping and testing, user flow
10. AI-assisted design.
Practical exercises based on real implementation examples will be conducted during the course.
Type of course
Mode
Course coordinators
Learning outcomes
The graduate knows and understands:
• basic concepts and principles of user interface design
• features and tools available in the Figma software for UI design
• the significance of hierarchy, layout, colors, and typography in interface design
The graduate is able to:
• create consistent wireframe designs and interactive prototypes using Figma
• efficiently utilize various tools, including layers, components, and effects available in Figma
• develop responsive designs that adapt to different screen sizes and devices
Assessment criteria
Project, in-class activity
Practical placement
none
Bibliography
Arnheim, R. (2022). Sztuka i percepcja wzrokowa. Officyna
Badura, C (2022). UXUI. Design Zoptymalizowany. Helion
Krug, S. (2014). Nie każ mi myśleć! Helion
Kuang, C., Fabricant, R. (2022). User Friendly. Karakter
Norman, D. (2018). Dizajn na co dzień. Karakter
Rosenfeld, L., Morville, P., Arango, J. (2017). Architektura informacji w serwisach internetowych i nie tylko. Helion
Tidwell, J. (2012). Projektowanie Interfejsów. Sprawdzone wzorce projektowe. Helion.
Additional information
Additional information (registration calendar, class conductors, localization and schedules of classes), might be available in the USOSweb system: