Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Subscribe
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Learn UI UX Design Adobe XD : Learn User Experience Design
Rating: 4.4 out of 5(709 ratings)
40,607 students

Learn UI UX Design Adobe XD : Learn User Experience Design

Learn UI UX Design with Adobe XD - Master UX/UI Design: Craft Engaging Experiences with Adobe XD
Created bySayman Creative Institute
Last updated 4/2026
English
English [Auto],Korean [Auto],

What you'll learn

  • Introduction to Adobe XD
  • Wireframing and Prototyping
  • Responsive Design
  • Typography and Color Theory
  • Icon and Illustration Design
  • User-Centered Design Principles

Course content

1 section • 17 lectures • 4h 10m total length

  • Introduction6:35

    Explore Adobe XD to learn UI UX basics, from workspace to tools. Master low-fidelity and high-fidelity wireframes, typography, shapes, colors, prototyping, animation, sharing, mood boards, and web design.

  • Introduction, Workspace and Interface17:56

    Explore Adobe XD for UI/UX design, mastering the workspace and interface, creating artboards, prototyping, and using libraries, plugins, and shareable links to collaborate.

  • Download Resource File
  • Basic tools and Lofi and Hifi wireframe in Adobe xd17:10

    Explore Adobe XD’s basic tools—from selection to pen and text—while comparing lo fi and hi fi wireframes to create practical UI/UX prototypes.

  • How to use type option in Xd New Update14:09

    Learn to use the text option in Adobe XD to create and format text boxes, adjust kerning, leading, font size and styles, and manage alignment and paragraph spacing.

  • Using Shapes in Xd12:45

    Master shapes in Adobe XD by creating and resizing rectangles and circles proportionally, adjusting corner radii, and stacking text in front of graphics while grouping elements for buttons and icons.

  • Strokes, Copy and Paste in Xd17:57

    Explore strokes in Adobe XD, learn how to set stroke width, color, dash patterns, and master copy-paste appearance and layering to create polished ui elements.

  • Free icons to use in Projects and existing UI kit22:34

    Discover free icons from Icon Finder and UI kits, compare licenses and png vs svg, and import svg icons into Adobe XD.

  • Grouping and Editing Icons18:19

    Learn how to group and ungroup icons in Adobe XD, import multiple icons, edit their size, color, stroke, and scale proportionally for precise ui/ux designs.

  • Prototyping in Adobe Xd18:01

    Learn to prototype in Adobe XD by linking pages, creating interactive flows, and applying auto-animate transitions with ease in/out to navigate from home to product and checkout pages.

  • Animation in Adobe Xd22:23

    Animate in Adobe XD by prototyping and auto animate between pages. Adjust duration, easing, and opacity to create smooth transitions, fades, and rotations.

  • How to share your Wireframe and comment New Update11:05

    Learn how to share your wireframes in Adobe XD, set access and review permissions, and collect comments to refine your UI/UX designs.

  • Colouring in Adobe Xd15:27

    Explore coloring in Adobe XD by building custom color palettes, applying linear, radial, and angular gradients, and using eyedropper, fill options, and color codes to style UI elements.

  • Images in Adobe Xd12:06

    Learn to work with images in Adobe XD, including importing, resizing, masking with shapes, and using the pen tool to export assets for web pages.

  • Class Project-17:08

    design and prototype a mobile app in adobe xd by creating 4 to 5 artboards, linking pages with auto-animate transitions, and applying icons, colors, fonts, and smart animations.

  • Class Project-211:00

    Create a mood board and three color palettes by importing images, arranging on an artboard, sampling colors with the eyedropper, and exporting mood board and palettes to the project panel.

  • Project on how to make a web page design26:23

    Design a complete NGO web page in Adobe XD by creating a 1920 by 1080 artboard, importing images, adding a five-option menu and donate form.

Requirements

  • Basic knowledge of computer
  • Understand English language

Description

Welcome to the ultimate Adobe XD Masterclass, where you'll transform your design ideas into stunning user interfaces and engaging user experiences! This comprehensive Udemy course is your ticket to becoming a proficient UI/UX designer, whether you're a beginner or an experienced professional looking to enhance your skills.

Course Highlights:

  1. Introduction to Adobe XD: Start your journey with a solid foundation in Adobe XD. Learn the interface, tools, and key concepts that make it a go-to choice for UI/UX design.

  2. Wireframing and Prototyping: Discover the art of wireframing and create interactive prototypes that bring your designs to life, allowing for user testing and feedback.

  3. Responsive Design: Master the techniques for designing responsive interfaces that adapt seamlessly to various screen sizes and devices.

  4. Typography and Color Theory: Dive into the world of typography and color psychology to create visually appealing and user-friendly designs.

  5. Icon and Illustration Design: Learn to create custom icons and illustrations that add personality and clarity to your designs.

  6. User-Centered Design Principles: Understand the principles of user-centered design, including usability testing, user personas, and user flows.

  7. Designing for Web and Mobile Apps: Explore the nuances of designing for both web and mobile applications, including platform-specific guidelines.

  8. Collaboration and Sharing: Discover how to collaborate with team members and clients by sharing your design files and gathering feedback efficiently.

  9. UI Animation: Elevate your designs with UI animations and micro-interactions that enhance the user experience.

  10. Real-World Projects: Put your skills to the test with hands-on projects that simulate real-world design challenges, from concept to final prototype.

  11. Stay Updated: Stay current with the latest features and updates in Adobe XD, ensuring your designs are always cutting-edge.

Whether you dream of designing sleek mobile apps, intuitive websites, or user-friendly software interfaces, this course will equip you with the knowledge and practical skills to turn your vision into reality. Join a community of aspiring and experienced designers, and unlock your potential in the exciting field of UI/UX design.

Who this course is for:

  • who want to learn user experience UIUX design

Report abuse