Introduction to UX and UI Design
- Overview of UX (User Experience) and UI (User Interface) design principles
- Understanding the difference between UX and UI design
- Importance of UX/UI design in creating user-friendly and visually appealing digital products
Introduction to Adobe XD
- Overview of Adobe XD as a UX/UI design tool
- Getting started with Adobe XD interface and tools
- Creating artboards and layouts for web and mobile applications
Designing User Flows and Wireframes
- Understanding user flows and user journey mapping
- Creating wireframes for web and mobile applications in Adobe XD
- Designing low-fidelity wireframes to outline the structure and layout of digital products
Prototyping and Interaction Design
- Introduction to prototyping in Adobe XD
- Creating interactive prototypes to simulate user interactions
- Adding transitions, animations, and micro-interactions to enhance user experience
Introduction to Figma
- Overview of Figma as a collaborative design tool
- Getting started with Figma interface and tools
- Exploring Figma’s collaborative features for team-based design projects
High-Fidelity UI Design
- Understanding the principles of high-fidelity UI design
- Creating UI components and elements in Adobe XD and Figma
- Applying visual styles, colors, typography, and icons to UI designs
Responsive Design and Adaptive Layouts
- Introduction to responsive design principles
- Designing responsive layouts for web and mobile applications
- Using Adobe XD and Figma features to create adaptive designs for various screen sizes
Collaboration and Design Systems
- Collaborating with team members and stakeholders using Adobe XD and Figma
- Creating design systems and component libraries for consistent UI design
- Streamlining the design workflow with version control and sharing features
User Testing and Feedback
- Conducting usability testing on Adobe XD and Figma prototypes
- Collecting user feedback and iterating on designs based on user testing results
- Incorporating user-centered design principles into the design process
Handoff and Design Documentation
- Generating design specifications and assets for developers
- Exporting assets and design specs from Adobe XD and Figma
- Communicating design decisions and rationale through design documentation
Portfolio Development and Presentation
- Compiling UX/UI design projects into a portfolio showcase
- Presenting design projects to peers and receiving feedback
- Reflecting on the learning journey and setting goals for future growth
Project Week
- Students work on a final UX/UI design project applying the skills learned throughout the course
- Guidance and assistance provided by the instructor
- Presentation of final projects to the class
