UI UX Course with Certificate
1.5 Months UI / UX Design Course
| Online Class | Physically Class |
|---|---|
| Course Title: UI / UX Designing Duration: 6 Weeks Lectures: 24 Weekly: Monday to Thursday Class Duration: 1:30 Hours Quizzes: 6 Certificate: Included Training in: English / Urdu | Course Title: UI / UX Designing Duration: 6 Weeks Lectures: 24 Weekly: Monday to Thursday Class Duration: 1:30 Hours Quizzes: 6 Certificate: Included Training in: English / Urdu |
UI / UX Course Outlines
- Figma
Class 1 :
- What is UI / UX Design?
- Difference between User Experience and User Interface Design?
- UI/UX Designer Vs. Developer?
- What is Figma?
- What is Prototype or Mockup?
- Why is Figma better than other tools for UI?
- Creating a Figma account.
- Creating & Naming a Figma design file?
- Introduction to Figma Menus, and Interface?
- Creating Frames & Frame Sizes in Figma File
Class 2 :
- Figma Shapes
- How to Draw Shapes in Figma?
- Editing Shapes in Figma
- Selection in Figma
- Colors in Figma
- Applying Colors in Figma
- Clipping Mask
- Playing the Prototype Mode
Class 3 :
- What is Color Theory?
- Generating Color Pallettes from Website
- Adding Color Pallettes to Figma File
- Using Color Pallettes on Design
- Saving Color as Styles
- Eye Dropper/Color Picker Tool
- Basic Type Tool
- Make a Poster and use Color Theory
Class 4 :
- What is Typography?
- Figma Type Tool, and its Properties
- Saving Fonts as Styles
- Installing your Own Fonts
- Task: Design a Brochure keeping in mind the studied principles
Class 5 :
- Use of Pen Tool in Figma
- Bend Tool
- Paint Bucket Tool
- Creating a Tree, and Leaves Using Pen Tool
Class 6 :
- Strokes and its properties in Figma
- What are Sitemaps?
- Website Navigation and its types
- Creating a sitemap in Figma
Class 7 :
- Introduction to Wireframing
- Hi-Fi & Low-Fi Prototype
- Wireframe’s role in User Experience
- Sketching the Wireframe for a shopping Website
Class 8 :
- Introduction to Layout Design
- What is a Responsive Website?
- Introduction to Layout Grid
- What is Grid’s role in UI?
- How to create a 12 Column Grid in Figma?
- Explore Figma Plugins
Class 9 :
- Jakob’s Law of Design
- Constraints in Figma
- Creating High Fidelity Webpage Prototype from the sketched Wireframe
Class 10 :
- Margins & Padding in UI
- Use of Auto Layout
- Creating a Responsive Webpage using Auto Layout
Class 11 :
- Create a Wireframe for Mobile App Page
- Designing a Mobile App Page in Figma
Class 12 :
- Introduction to Boolean Operations
- Design Shapes with Boolean Operations
- Design Icons in Figma with Boolean Operations
Class 13 :
- Introduction to Figma Components & Variants
- Making Components & Using them
- Creating Variants
Class 14 :
- Exploring the Interactive Component Properties
- What is Layer Component Property?
- What is Text Component Property?
- What is Swap Instance Property?
Class 15 :
- How to create responsive Designs for different screen sizes?
- Make a responsive web page design for Desktop, Tablet and Mobile
Class 16 :
- Prototyping in Figma
- Prototyping Basics
- Prototype View Preferences
- User Flows
- Basic Animations (Navigation, Hover, Click)
Class 17 :
- Advanced Prototyping
- Explore “After Delay”
- Create Mobile App Pages Animation
Class 18 :
- Introduction to Smart Animate
- Creating Slider Animation Website Using Smart Animate
- Create a Mobile App Using Smart Animate
Class 19 :
- Introduction to “Figmotion”
- Create animations using Figmotion
- Saving and Exporting Animations as Video or Gif Files
Class 20 :
- What is Material Design 3?
- What are Design Tokens?
- Types of Design Tokens?
- Why we use Tokens?
- Style Token Naming Conventions
- Exploring the “Token Studio” Plugin
Class 21 :
- Creating a “Typography Design System” using Token Studio
- Creating a “Color System” using Token Studio
- Explore “Material Design Theme Builder” Plugin
- Saving and Exporting Token Styles
Class 22 :
- Introduction to Freelancing & Freelance Platforms
- How to Create your Portfolio on Behance
- Difference between Upwork and Fiverr
- Fiverr Account Creation & Gig Making
- Tips & Tricks on Fiverr
Class 23 :
- Introduction to Upwork
- Upwork Account Creation
- Proposal Writing & Bidding Techniques on Upwork
- Mistakes to Avoid on Upwork as beginner
- Tips to win more Jobs on Upwork
Class 24 :
- More Topics on Freelancing
FAQ's
UX (User Experience) focuses on how a product works and feels to the user, making it smooth and easy to use. UI (User Interface) is about the look and style — the colors, buttons, and overall visuals. Together, they make products both beautiful and user-friendly.
Yes, UX/UI designers are in high demand worldwide as more companies focus on creating better digital experiences. Good design attracts customers and builds brand loyalty, making these roles crucial.
You can learn the basics of UX in 1.5 months and build simple projects to practice. However, becoming confident and job-ready usually requires more time and hands-on experience.
No, coding isn’t required to start in UI/UX design. However, understanding some basic code can help you communicate more effectively with developers and enhance your designs.
Essential skills include user research, wireframing, prototyping, and visual design. Soft skills like empathy, problem-solving, and communication are equally important to design effective, user-centered products.
A UX/UI designer researches user needs, creates wireframes and prototypes, and designs the final visual interface. They make sure a product is easy to use, looks appealing, and solves real user problems.
Yes, UI/UX design is generally a high-paying field, especially for experienced designers and those working in tech companies. Salaries can vary by country and skill level, but strong demand and the value of good design often lead to excellent compensation.
UI UX Course — Online & In-Person Classes
Want to turn your creative ideas and technical skills into a powerful UI UX design career? Our UI UX design course in Islamabad and Rawalpindi is designed to help you master the art of creating beautiful, user-friendly digital experiences. Whether you dream of designing intuitive apps, launching a new career, or enhancing your current skills, this course is your perfect starting point.
Our program takes you on a complete journey, from the basics to advanced concepts, so you can confidently create user-centred and visually appealing designs.
What You’ll Learn
By the end of this course, you will:
- UI UX Design Fundamentals: Understand the key principles behind creating clean, effective, and user-friendly interfaces.
- User Research & Analysis: Gain a deep understanding of your users through research and data, enabling you to design solutions that genuinely work for them.
- Hands-On Tools: Get practical experience with popular design tools like Figma and Adobe XD to build interactive wireframes and prototypes.
- Visual Design Techniques: Master modern design trends to create attractive, polished user interfaces.
- Usability Testing: Test your designs with real users and improve them based on valuable feedback.
Our UI UX course is ideal for beginners starting from scratch or experienced designers looking to refine their skills. Choose between online or physical classes, whichever fits your schedule best.
What You’ll Achieve
By the end of this course, you will:
- Master the core principles of UI and UX design, including design thinking and user-centred design.
- Develop research-backed design strategies to create products that are both aesthetically pleasing and functionally effective.
- Gain practical, hands-on skills using essential design tools such as Figma.
- Create designs that deliver seamless, enjoyable experiences across various devices and platforms.
- Learn how to analyse, improve, and refine your designs to meet user needs and business goals.
- Confidently manage complete design projects from concept to final implementation.
- Understand how design decisions align with business objectives and brand identity.
- Explore exciting career paths or freelance opportunities to put your new skills to work.
Why Choose Us
- Expert Instructors: Learn from seasoned UI UX design professionals with real industry experience.
- Practical Learning: Work on real projects, case studies, and user scenarios so you gain skills you can immediately apply.
- Recognised Certification: Receive a certificate that showcases your expertise and strengthens your portfolio.
- UI UX Internship Opportunities: Access exclusive internships to gain hands-on experience and make valuable connections after completing your course.
- UI UX Jobs & Placement Support: Take advantage of our dedicated job placement assistance to help you kick-start your UI UX career with confidence.
Join us at our UI UX academy in Islamabad and Rawalpindi, and take the first step toward becoming a professional designer ready to shape the digital world.
