Launch Your Global Career with Maersk – Placement Drive 2025 @ ZebLearn | Applications Close In 0d 0h 00h 00s

    ZebLearn Certification Partners – Globally Recognized Credentials!

    ZebLearn partners with leading industry experts to offer genuine, career-focused certifications in SAP training, foreign languages, and professional development courses. Earn internationally recognized credentials, enhance your career prospects, and distinguish yourself with certifications valued by the industry.

    cisco
    apple
    esb
    abode
    Partner
    meta
    pmi
    ic3
    Partner
    Partner
    Partner
    Partner
    communication

    Course content

    About UI UX Designer Course Program

  • Meeting the Client
  • The 2 Paths
  • Exercise: Building Your Logo
  • Design Resources
  • Designer vs Developer
  • Skills to Be a Top Designer
  • ZTM Resources
  • Monthly Coding Challenges, Free Resources and Guides

  • Getting Ready For This Section
  • Introduction To Sketching
  • The Sketching Process
  • Sketching User Flows
  • Sketching Tips

  • How To Stay Inspired
  • How To Find Inspiration

  • Resources
  • Introduction
  • Plans and Signup
  • Where to Use Figma
  • Figma UI — Structure
  • Figma UI — Files
  • Figma UI — Toolbar
  • Figma UI — Left Sidebar
  • Figma UI — Right Sidebar
  • Shapes and Tools — Frames
  • Shapes and Tools — Groups
  • Shapes and Tools — Basic Shapes and Boolean Operations
  • Designing in Figma — Images
  • Designing in Figma — Getting Started with Text
  • Designing in Figma — Constraints
  • Designing in Figma — Using Auto Layout
  • Designing in Figma — Auto Layout Properties
  • Resources and Collaboration — Community Files
  • Resources and Collaboration — Community Plugins
  • Resources and Collaboration — Sharing and Comments
  • Project — What We Are Going to Build?
  • Project — Creating a Logo Using Basic Shapes
  • Project — Auto Layout Buttons
  • Project — Creating a Responsive Navigation
  • Project — Responsive Text
  • Project — Imagery and Gradients
  • Project — Strokes and Shapes
  • Project — Layout and Responsiveness

  • Getting Ready For This Section
  • User Flows Explained
  • The DOs and DON'Ts
  • What We Are Going To Build
  • Reusable User Flow Assets
  • User Flows in Figma — Onboarding
  • User Flows in Figma — Search

  • Introduction To Sitemaps
  • Creating A Basic Sitemap
  • What We Will Learn
  • Reusable Sitemap Assets
  • Figma Check In — Basic Components and Variants
  • Sitemaps in Figma — The Top Layer
  • Sitemaps in Figma — Digging Deeper
  • Sitemaps in Figma — Digging Deeper Cont.
  • Tips for Creating Great Sitemaps

  • Getting Ready For This Section
  • What Is A Wireframe?
  • How To Create A Wireframe
  • What We Will Learn
  • Figma Check In — Basic Button Component
  • Figma Check In — Variants
  • How to Use Our Wireframe Components
  • Wireframes — Home
  • Wireframes — Cart
  • Wireframes — Profile

  • Getting Ready For This Section
  • What We Will Learn
  • Figma Check In — Prototyping in Figma
  • Prototyping in Figma — Flows and Starting Points
  • Prototyping in Figma — Connections
  • Prototyping in Figma — Interactions
  • Prototyping in Figma — Animations
  • Prototyping in Figma — Prototype Settings
  • Prototyping in Figma — Prototype Presentation
  • Project — Navigation
  • Project — Removing an Item from Your Wishlist
  • Project — Finding a Product

  • Why Is Feedback Important?
  • Constructive Feedback

  • Getting Ready For This Section
  • What Is A Grid?
  • What We Will Learn
  • Figma Check In — Fixed and Fluid Grids
  • Figma Check In — Breakpoints
  • Figma Check In — Grid Style

  • Getting Ready For This Section
  • Serifs
  • Sans Serifs
  • Display & Mono
  • Picking Typefaces
  • What We Will Learn
  • Figma Check In — Text Properties

  • Getting Ready For This Section
  • Color Schemes
  • Important Questions To Ask
  • Creating Color Palettes
  • What We Will Learn

  • Getting Ready For This Section
  • Visual Assets Introduction
  • What We Will Learn
  • Figma Check In — Image Plugins
  • Figma Check In — Image Styles
  • Figma Check In — Masks
  • Exercise — Image Exploration
  • Exercise — Text and Imagery Working Together
  • Figma Check In — Illustration Plugins
  • Exercise — Adding Illustrations to Your Designs
  • Figma Check In — Icon Plugins
  • Figma Check In — Pen Tool

  • Getting Ready For This Section
  • What Are Forms + UI Elements?
  • What We Will Learn
  • Best Practices — Forms
  • Best Practices — Basic and Advanced Inputs
  • Best Practices — Inputs
  • Best Practices — Buttons
  • Figma Check In — Component Properties
  • Properties vs. Variants
  • Figma Check In — Button Component Properties
  • Figma Check In — Button Variants
  • Figma Check In — Combining Components
  • Figma Check In — Form Component Possibilities

  • Getting Ready For This Section
  • What Is Accessibility?
  • Assistive Technologies
  • Visual Patterns For Accessibility
  • Tools To Make Your Design Accessible

  • What Are Design Patterns?
  • Why Are Design Patterns Valuable?
  • How To Apply Design Patterns
  • Analyzing Design Patterns
  • Dissecting And Choosing Design Patterns

  • Mobile Design Best

  • What We Will Learn
  • Design Fidelity
  • Visual Exploration — Navigation
  • Visual Exploration — Buttons
  • Figma Check In — Effect Styles
  • Visual Exploration — Product Cards
  • Visual Exploration — Text Cards
  • Screen Design — Home
  • Screen Design — Product Page

  • The Importance Of Motion
  • What Is A Microinteraction?
  • Why Microinteractions Are Important?
  • What We Will Learn
  • Figma Check In — Intro to Smart Animate
  • Figma Check In — Smart Animate Properties
  • Exercise — Parallax
  • Exercise — New Message
  • Exercise — Overlays
  • Figma Check In — Interactive Components
  • Exercise — Interactive Buttons
  • Project — Parallax Welcome Screen
  • Project — Drag Onboarding
  • Project — Cart Overlay
  • Project — Button Microinteraction

  • What We Will Learn
  • Foundational Styles and Components vs. Product Specific Components
  • Building Fidelity and Organizing Potential Components and Styles
  • Foundational Styles and Components
  • Components — Buttons
  • Components — Cards
  • Components — Headers
  • Components — Inputs
  • Components — List Items
  • Components — Navigation
  • Components — Misc. Elements

  • What We Will Learn
  • Working Towards Our Final Designs
  • Execution — Introduction Screen
  • Execution — Onboarding Screens
  • Execution — Registration Screens
  • Execution — Home Screen
  • Execution — Wishlist Screens
  • Execution — Profile Screen
  • Execution — Cart and Checkout
  • Prototypes — Registration
  • Prototypes — Adding to Cart
  • Prototypes — Checkout
  • Prototypes — Lottie Files Plugin
  • Prototypes — Search and Filters

  • The Product Alignment Canvas
  • Project Goals
  • Target Users
  • User Journey Map
  • Risky Assumptions
  • What is a User Story Map?
  • Creating a User Story Map

  • Project Handoff
  • Next Step: Project Handoff
  • Thank You!
  • Learning Guideline
  • Become An Alumni
  • LinkedIn Endorsements

  • Getting Ready For This Section
  • How To Export And Place Designs
  • Content For Your Portfolio
  • Where To Host Your Web Portfolio

  • Quick Note: Upcoming Videos
  • Initial Setup - Figma Handoff
  • Build UI - Adding Image Assets
  • Build UI - Styling Image Assets
    • Why Should You Learn UI UX Designer Course Training?

    The annual salary of an UI UX Designer Course is $125k.

    Request more information

    What you will get at Zeblearnindia Learning?

    Zeblearnindia Learning is a premier institute offering training in SAP Online Courses, Web Designing, Data Science, Full-Stack Development, Salesforce, Workday, Machine Learning, Software Testing, and Video Editing. With the option to choose between online and offline (classroom) learning, our well-structured courses cater to students, working professionals, business owners, and entrepreneurs. Here’s what you can expect at Zeblearnindia Learning:

    •   Expert-Led Training
    •   Globally Recognized Certifications
    •   100% Job Placement Support
    •   Hands-On Learning
    •   Flexible Learning Options
    •   Affordable Course Fees
    •   Career Growth Opportunities
    View Courses  
    best-seller-min

    () 60 Minutes WEBINAR with CERTIFICATE

    Date Time IST (GMT +5:30) Event Free Sign Up

    Explore Our Courses Across India - Flexible batches

    We are proud to offer our UI UX Designer Course Program services across numerous states nationwide.

    Call Us
    WhatsApp
    Questions? WhatsApp us.
    Placements query?

    We use cookies to improve your experience and personalize our site. cookie policy