The Introduction to UX Design module will provide students with a solid foundation in the fundamental concepts and principles of user experience (UX) design. In this module, students will learn the key differences between UX and user interface (UI) design, as well as the importance of creating user personas and task flows. They will also learn how to use Adobe XD, a popular UX design tool, to create prototypes and wireframes. Through hands-on exercises and projects, students will gain practical experience in designing user-centric interfaces that meet the needs of users.
In the Wireframing & Low Fidelity module, students will learn how to effectively translate their initial design ideas into a low-fidelity wireframe, which can help them to test the functionality and layout of their website or app without getting bogged down in design details. The module will cover topics such as the importance of keeping wireframes simple and using basic shapes, typography, and color to create hierarchy and structure. Students will also learn how to use Adobe XD to create wireframes, including how to use artboards and the built-in wireframe kit. Additionally, the module will provide guidance on how to determine the appropriate width for their website or app and how to consider the needs of different screen sizes.
In this module, students will be introduced to the essential principles of typography, color theory, and iconography in UX/UI design. They will learn how to use typography and color effectively in their designs, and how to select and use appropriate icons. Through hands-on exercises using Adobe XD, students will gain practical experience in creating wireframes with effective typography and color schemes. By the end of the module, students will have a solid understanding of how to use typography, color, and icons to create visually appealing and effective user interfaces.
The Prototyping module in the UX/UI Design course is designed to teach students how to turn their wireframes into functional prototypes using Adobe XD. Students will learn about the importance of interactive design and user feedback in the design process. They will learn how to use Adobe XD to create prototypes with animations, transitions, and interactivity, and how to test their prototypes on mobile devices to get feedback from users. By the end of the module, students will have the skills to create functional prototypes that can be used for user testing and feedback, helping them to refine their designs and improve the user experience.
In the module on Animation in UX/UI design, students will learn how to use animation to create engaging and interactive user experiences. The module will cover the basic principles of animation, such as timing, easing, and motion paths. Students will also learn how to create auto-animations in Adobe XD, which allow elements on a screen to transition smoothly and automatically, without the need for manual user input. By the end of the module, students will have a strong understanding of how animation can be used to communicate ideas and create more intuitive and user-friendly designs.
The module on Feedback & Commenting in UX/UI design emphasizes the importance of collaboration and feedback in the design process. Students will learn about the benefits of gathering feedback from stakeholders and users and how to use Adobe XD’s commenting and sharing features to facilitate this process. The module will cover best practices for receiving and incorporating feedback, as well as strategies for communicating design decisions to stakeholders. Through practical exercises and case studies, students will gain valuable experience in incorporating feedback into their design process and refining their designs based on user input.
Moodboarding is an important part of the UI design process as it allows designers to explore different color schemes, typography, and design elements before committing to a final design. In this module, students will learn how to gather inspiration from various sources and use them to create a mood board that reflects the overall aesthetic and feel of their design. They will also learn how to work with columns and grids to create a balanced layout for their design elements. By the end of the module, students will have a better understanding of how mood boards can help them streamline the design process and create more cohesive and effective UI designs.
The module on Columns & Grids will provide students with an understanding of the importance of creating a structured layout in their designs and how to achieve this using columns and grids. Students will learn about the use of grids in graphic design and how they can help with creating alignment and consistency in their designs. They will also learn about the different types of grids, including the modular grid, hierarchical grid, and column grid, and how to use them to create a balanced and harmonious layout. By the end of this module, students will be able to apply the principles of columns and grids to their designs and create a visually appealing and well-structured layout.
The use of color in UI/UX design plays a crucial role in creating a visually appealing design. In this module, students will learn about the psychology of color and how to use color effectively to convey meaning and emotions in their designs. They will learn how to use the eyedropper tool in Adobe XD to select colors from images or other design elements, as well as how to create a custom color palette that is cohesive and consistent throughout the design. Students will also learn about creating gradients, which can add depth and interest to their designs. In addition, they will learn how to save and reuse color swatches for consistency and efficiency.
The Text & Fonts module in the Certificate in UX/UI Design course provides students with a comprehensive understanding of typography and how to effectively use it in web and app design. Students will learn about the different font types and how to choose the appropriate font size and style for their design. They will also learn how to use character styles to maintain consistency throughout their design and how to add plugins to Adobe XD to streamline their workflow. By the end of this module, students will be able to use typography effectively to communicate their message and create a visually appealing design.
In the Drawing module, students will learn how to create and modify shapes using Adobe XD. They will learn how to use the pen tool to create custom shapes and how to adjust the anchor points to achieve the desired shape. Additionally, students will learn how to add and adjust strokes and lines to create custom icons and buttons. The module covers the use of various tools and features in Adobe XD, such as the Pathfinder tool and the Boolean operations, to create complex shapes and icons. By the end of this module, students will have gained the skills necessary to create custom icons and buttons for their UI designs.
The Integrating with Illustrator module in the Certificate in UX/UI Design course is an important module that aims to teach students how to create high-quality vector graphics using Adobe Illustrator, and then seamlessly integrate them into their designs in Adobe XD. Students will learn how to use Illustrator’s powerful vector editing tools to create custom icons, logos, and illustrations, and then import them into XD for use in their projects. By the end of the module, students will have gained valuable skills in working with both Illustrator and XD, and will be able to produce visually stunning designs that incorporate high-quality vector graphics.
In the module on Images in UX/UI design, students will learn how to work with images effectively in Adobe XD. They will explore topics such as cropping and masking images, using free images from online resources, adjusting the opacity and blur of images, and other relevant concepts. Additionally, students will gain an understanding of how to optimize images for web and mobile devices, as well as how to create image galleries and carousels in their designs. By the end of the module, students will be able to incorporate images into their UX/UI designs to create visually engaging and effective user experiences.
The Integrating with Photoshop module is designed to teach students how to utilize Adobe XD with Photoshop to enhance their design projects. Students will learn how to seamlessly import and export files between the two programs, allowing them to easily integrate their designs with high-quality images and graphics created in Photoshop. Additionally, they will learn how to use images and create snack bar toast banners using masked images, providing them with the skills to create more dynamic and engaging user experiences.
In the Components & Instances module, students will learn how to create and use components to ensure consistency and efficiency in their designs. Components are reusable design elements that can be used throughout a project, and instances are duplicates of those components that can be edited independently. Students will also learn how to create hover states for components, allowing for more interactive and engaging designs. By mastering the use of components and instances, students can save time and effort in their design process while maintaining a cohesive and professional look.
This module focuses on teaching the students about using repeat grids and stacks in Adobe XD to speed up their design workflow and increase their productivity. Students will learn how to use repeat grids to create repeating elements like lists, grids, and image galleries quickly. They will also learn how to use stacks to create forms and other layouts that require stacking elements on top of each other.
The Micro Interactions & Animations module in the UX/UI Design course will provide students with an introduction to the fundamentals of micro interactions and animations in UI design. Students will learn about the difference between animation and micro interactions, and how to draw in Adobe XD. They will also gain knowledge in designing more complex animations, and create micro interactions, including a toggle switch and a burger menu, in Adobe XD. This module is designed to provide students with practical skills and knowledge to create engaging and interactive user experiences through micro interactions and animations in their UI designs.
The Exporting & Sharing module is an important component of the Certificate in UX/UI Design course as it teaches learners how to effectively communicate their designs to others. The module covers the different export options available in Adobe XD, including exporting designs for web and mobile platforms, generating CSS and HTML codes, and creating design specs for developers. Additionally, the module introduces the concept of style guides and how they can be used to document design guidelines and maintain consistency in design across different platforms and projects.
The Conclusion module serves as a way for students to reflect on their learning journey throughout the Certificate in UX/UI Design course. This module will summarize the key concepts covered in the previous modules, including design thinking, wireframing, prototyping, animation, and exporting and sharing. Students will also have the opportunity to apply their newly acquired skills and knowledge to a final project that demonstrates their proficiency in UX/UI design. Additionally, this module may provide guidance on how students can continue to develop their skills in UX/UI design beyond the course and explore potential career paths in the field.
