Module 1: Introduction to UI/UX Design
- Understanding the principles of UI and UX design
- Key differences between UI and UX and their role in web design
- Introduction to the Design Thinking Process
- The importance of user-centered design in creating functional and effective interfaces
Module 2: Design Tools and Software
Photoshop for Web Design
- Learn to create and edit web elements like buttons, icons, and banners
- Image optimization techniques for the web
- Visual design best practices for web and mobile interfaces
Figma for UI/UX Design
- Understanding Figma's interface and tools
- Prototyping and wireframing using Figma
- Collaborating with teams in real-time through Figma's cloud-based platform
Module 3: Visual Design Fundamentals
- Color Theory and Typography for effective design
- How to create functional, aesthetically pleasing layouts using grid systems
- Applying responsive design principles for mobile-first designs
Module 4: Practical UI Design
- Based on Adham Dannaway's Practical UI, you'll learn how to:
- Apply design fundamentals such as color, typography, and layout to build clean, effective interfaces
- Focus on usability and accessibility to make designs easy to use for all users, including those with disabilities
- Create intuitive interfaces that reduce the learning curve for users
- Hands-on projects for designing common UI patterns and components, such as buttons, forms, and menus
- Using practical tips, examples, and case studies to apply design principles in real-world scenarios
Module 5: Advanced UX Principles
- User Research and persona development
- Information Architecture for clear navigation
- Conducting usability testing and iterating based on user feedback
- Ensuring designs are accessible, focusing on contrast, font size, and keyboard navigation
Module 6: Building a Professional Portfolio
- How to create a portfolio website that showcases your best work
- Learn the importance of presenting your designs with clear explanations and case studies
- Position yourself for success in your web design career
Module 7: Internship and Real-World Projects
- Gain hands-on experience with real-world web design projects during your internship
- Work on live design projects, gaining feedback from mentors and clients
- Learn about project management and collaboration in a professional environment