UI/UX Design (Figma, Adobe XD & Codux)

Register Now

This course provides a comprehensive introduction to the principles and practices of UI (User Interface) and UX (User Experience) design. Ideal for those new to design, this course covers foundational concepts, tools, and techniques needed to create visually engaging and user-friendly digital products. Students will learn how to think from a user’s perspective, design effective interfaces, and understand the end-to-end UX design process. By the end of this course, participants will have completed their first portfolio-ready project and gained practical skills in UI/UX design.

Advisor: Mahnoor Khalid
Level: Advance
Lectures: 16
Duration: 2 Months
Location: Online
Certificate Icon Certificate

Introduction to UI/UX Design

  • What is UI/UX Design?
  • Difference between UI and UX
  • Importance of UI/UX in digital product success
  • Overview of the UI/UX design process (research, ideation, design, testing, iteration)

Understanding User Experience (UX) Basics

  • Basics of user-centered design
  • Conducting user research: surveys, interviews, and personas
  • Defining user needs, goals, and pain points
  • Creating user personas and journey mapping

Fundamentals of User Interface (UI) Design

  • Basic design principles: color, typography, spacing, alignment, and contrast
  • Introduction to UI elements: buttons, forms, icons, and navigation
  • Layout principles and visual hierarchy
  • Designing for accessibility and inclusivity

Wireframing and Prototyping

  • What are wireframes and prototypes?
  • Low-fidelity vs. high-fidelity wireframes
  • Hands-on wireframing in Figma or Adobe XD
  • Creating interactive prototypes and testing user flows

Introduction to Design Tools

  • Overview of popular UI/UX tools: Figma, Adobe XD
  • Setting up a design workspace and basic tool navigation
  • Using components, grids, and guides for consistency
  • Tips for effective workflow management

Usability Testing and Feedback

  • Importance of usability testing in the design process
  • Conducting basic usability tests (remote vs. in-person)
  • Analyzing feedback and iterating on designs
  • Refining designs based on user insights

Building a Portfolio Project

  • Choosing a simple app or website concept for a beginner project
  • Applying learned skills to design the interface and user experience
  • Final project presentation and feedback session
  • Preparing a portfolio-ready case study

Next Steps in UI/UX

  • Overview of advanced concepts (design systems, advanced prototyping)
  • Introduction to career paths in UI/UX
  • Building a beginner design portfolio and showcasing work
  • Tips on staying updated with industry trends and tools

The UI/UX design course offers a comprehensive introduction to the principles of user interface and user experience design. It effectively combines theoretical concepts with hands-on projects, allowing students to apply their learning in practical scenarios. The engaging content and supportive community make it a valuable resource for aspiring designers looking to enhance their skills.

Amna Javed

student

The UI/UX design course offers a comprehensive exploration of design principles and user-centered strategies, making it perfect for aspiring designers. Through hands-on projects and real-world case studies, students gain valuable insights into creating intuitive and visually appealing interfaces. With engaging content and expert guidance, this course effectively equips learners with the skills needed to excel in the dynamic field of UI/UX design.

Inara

student