In addition to the core curriculum, we offer an optional self-paced bonus module. This self-paced module is designed for students who wish to further their learning beyond the required lessons. This module is not mandatory and does not affect the graduation requirements. It serves as an additional resource for students to explore and apply UI design concepts at their own pace.
- Lesson 1 - The Basics of UI Design
This lesson covers the fundamental principles and elements of User Interface Design. Students will learn about the importance of user-centered design, the principles of visual design, and the role of UI within the broader context of User Experience (UX).
- Lesson 2 - Grid, Typography, Color, Gradient, and Shape
An exploration of the core components that make up a user interface. This lesson delves into grid systems for layout, typographic principles for readability and brand expression, color theory for visual impact, gradients for depth and dimension, and the use of shape in guiding user interaction.
- Lesson 3 - Auto-Layout
This lesson focuses on the dynamic aspect of UI design. Students will learn how to create flexible and responsive design layouts that adjust seamlessly to different screen sizes and orientations, enhancing the user experience across various devices.
- Lesson 4 - Button, Text Field, Icon, Photo, and Illustration
This lesson is a practical dive into the creation and implementation of interactive elements. Students will gain hands-on experience designing buttons, text fields, icons, and integrating photos and illustrations that are both functional and aesthetically pleasing.
- Lesson 5 - Card, White Space, Tone of Voice, and Navigation
An examination of how to effectively use cards in layout design, the strategic use of white space for clarity, the importance of tone of voice in UI copy, and best practices for designing intuitive navigation systems.
- Lesson 6 - Prototype
The final lesson focuses on bringing the UI design to life. Students will learn the process of prototyping, which involves creating a preliminary model of the final product to test and refine the design before development.