Best User Interface Courses

Find the best online User Interface Courses for you. The courses are sorted based on popularity and user ratings. We do not allow paid placements in any of our rankings. We also have a separate page listing only the Free User Interface Courses.

User Experience Design Essentials – Adobe XD UI UX Design

Use XD to get a job in UI Design, User Interface, User Experience design, UX design & Web Design

Created by Daniel Walter Scott - Adobe Certified Instructor & Adobe Certified Expert

"]

Students: 137690, Price: $139.99

Students: 137690, Price:  Paid

Are you excited to get into the world of UI/UX but you don't know where to start? This course will allow you to add UX designer to your CV & start getting paid for your new skills.

Hi there! My name is Dan & I’m an Adobe Certified Instructor. I’m here to help you learn Adobe XD efficiently and comprehensively. XD is a fantastic design tool used by industry professionals to product high quality & functional mockups. By the end of this course, you will be able to produce practical and effective User Experience (UX) and User Interface (UI) designs.

Throughout the course I’ll invite you to participate in a real-life freelance project which I’m working on. It’s a project that requires a fresh website and mobile app interface. This will prepare you for dealing with real world projects if you choose to move towards a UX/UI career path.

  • Aria: "This course is definitely above expectations so far. I didn't expect to get so much insight into the briefing and the communication between UX Designer and a client. It helps to see the brief and to learn that there are different tiers of income based on projects and experience. Love It!"

This course is aimed at people interested in UI/UX Design. We’ll start from the very beginning and work all the way through, step by step. If you already have some UI/UX Design experience but want to get up to speed using Adobe XD then this course is perfect for you too!

First, we will go over the differences between UX and UI Design. We will look at what our brief for this real-world project is, then we will learn about low-fidelity wireframes and how to make use of existing UI design kits.

I’ll go over all of the essential tools necessary for creating excellent wireframes, including: type, colours, icons, Lorem ipsum, artboards, prototyping, models and popups, symbols and repeat grids. We will even make use of the new prototyping app so that you can experience your prototype on your mobile device.

  • Kate: Excellent course - Dan is an excellent teacher and I thoroughly enjoyed following along with his videos. Highly recommend! July 2018: I have updated this review with an extra star because of how useful this course has been in the months following it's completion. I am using Adobe XD daily and Dan's instruction was instrumental to adding this feather to my front-end web development hat.

An important part of maximising your UX Design workflow is being able to utilise other software such as Photoshop and Illustrator. This is why I’ll be teaching you how to make use of both to help boost your XD productivity.

One of the awesome new features of XD is micro-interactions. I’ll be teaching you all about those and how to use them to grow icons and scenes. This is one of the parts of web design that’s growing and being adopted rapidly so you won’t want to miss out on learning it early.

  • Leigh: "I really enjoyed this course. I was a UX designer before the course and was looking for more information on XD and getting to know the program itself better, and this course really nailed it! It has great UX references and a few refreshing perspectives. As well as it really helps you learn XD in the process. The instructor is engaging and fun to listen to. Really really great course. I highly recommend to any new UX designers, as well as veterans looking for a refresh, or just to learn how to use XD."

There are two class projects for you to complete during this class, these will help develop your skills and will give you something for your own portfolio.

It is now time to upgrade yourself & learn Adobe XD.

Learn User Experience Design from A-Z: Adobe XD UI/UX Design

Learn how to become a professional UX/UI Designer and create beautiful websites and applications from scratch.

Created by Juan E. Galvan - Digital Entrepreneur | Marketer | Visionary

"]

Students: 98539, Price: $99.99

Students: 98539, Price:  Paid

Welcome to the Learn User Experience Design from A-Z: Adobe XD UI UX Design

Where you’re going to learn how to get started with User Experience and User Interface Design (UX/UI) Design and how to land your first job as a UX Designer even if you have no prior knowledge or experience.

In this practical, hands-on course our main objective is to give you the education not just to understand the ins and outs of UX and UI Design, but also to learn exactly how the web development industry works, the different roles within a team, how color psychology and color schemes work , so you can learn first hand exactly how to design websites and mobile apps in Adobe XD and create an amazing user experience as a UX & UI Designer.

Blending practical work with solid theoretical training, we take you from the basics of UX/UI Design in Adobe XD to mastery, giving you the training you need not just to create wireframes, mockups, and prototypes, but also the understanding of behavioral psychology and influence triggers so you can become a well-rounded UX/UI designer.

And we understand that theory is important to build a solid foundation, we understand that theory alone isn’t going to get the job done so that’s why this course is packed with practical hands-on examples that you can follow step by step.

My name Juan and I’m one of your instructors in this course. My background in the Tech space specifically with Digital Marketing and Web Development.

Arthur is your other instructor in this course and has over 5 years of experience in the graphic design space as a UX/UI designer.

Together we’re going to give you the foundational education that you need not just on how to design websites and mobile apps, but also how to get paid for your newly developed UX/Ui skills. The course covers 7 main areas:

1: LEARN UX/UI COURSE INTRODUCTION

This foundational section gives you a full introduction to the basics of UX/UI and what the current graphic design and UX/UI marketplace looks like.

  • UX vs UI

  • UX/UI Designer Marketplace

  • UX/UI Different Roles

2: INTRODUCTION TO THE WEB INDUSTRY

This section builds on the lessons learned in section one, showing you the different phases of the web development industry, roles and responsibilities for each team member, and various project management frameworks such as the linear model, the agile approach and the scrum framework.

  • The Phases of Web Development

  • Team Roles & Responsibilities

  • Project Management Frameworks

3: FOUNDATIONS OF GRAPHIC DESIGN

This section shifts the focus to graphic design with color psychology and color schemes. You'll learn how to use the font types, icons and various colors to create amazingly beautiful designs.

  • The Psychology of Color

  • Color Wheel & Color Schemes

  • Working w/ Fonts & Icons

4: UX DESIGN

In this section, you’re going to learn exactly how the UX design process works. You’ll learn about the customer journey and sales funnels as well as behavioral psychology and influence triggers so you can create an amazing user experience.

  • UX Design Process

  • Customer Journey vs Sales Funnel

  • Principles of Influence

5: UI DESIGN

In this section, you’re going to learn exactly how the UI design process works. You’ll learn about the different UI design types such as landing pages, websites, mobile applications and the various controls and components so you can create an amazingly beautiful user interface.

  • UI Design Process

  • UI Design Types

  • UI Components & Controls

6: OPTIMIZATION

In this section, you’re going to learn about optimization. Once you’ve designed a website or mobile app, you want to track the metrics so you can find areas to improve. You’ll also learn how to create a UX/UI usability report that will provide value to your potential clients.

  • Feedback & Getting Referrals:

  • Using Analytics/Heat Maps:

  • Creating UX/UI Usability Reports

7: STARTING A UX/UI CAREER

In this section, you’re going to learn how you can land a job using your new skills. We’ll also walk through how you can start freelancing, personal branding, and how you can position yourself as the go-to expert in your field. Then finally, some of the best places to find jobs.

  • How To Start Freelancing

  • Personal Branding

  • Best Places To Find Jobs

This course is comprehensive, showing you the ins and outs of UX/UI.

Together with the emphasis on practical examples that you can follow step by step benefiting from the excitement of hands-on learning.

This real-life learning is an invaluable part of your education, enabling you to become an elite UX/UI designer and stand out from the rest.

No matter what the scenario or how complicated a website or design may be, this course gives you the foundational training you need to design amazingly beautiful websites and applications – and start pursuing a career in a field that is increasingly in demand as the global reliance on technology grows.

Getting Started with Balsamiq Wireframes

Learn the basics of Balsamiq Wireframes, an invaluable tool for creating rapid user interface wireframes.

Created by Leon Barnard - Education Team Lead at Balsamiq

"]

Students: 43900, Price: Free

Students: 43900, Price:  Free

Are you a developer, product manager, designer or simply someone with an idea for a new website, mobile or desktop application?

Take your career to the next level and make sure your ideas are understood by learning Balsamiq Wireframes, the funnest, most loved wireframing tool on the market. In this course you will learn the basics of Balsamiq Wireframes, and create a sample application from idea to finished design. This is the only course created by the makers of Balsamiq.

Balsamiq Wireframes is the industry standard low-fidelity wireframing software that combines the comfort and simplicity of paper sketching with the power of a digital tool, so your work is easier to share, modify, and get honest feedback on. Wireframes look like sketches, so stakeholders won't get distracted by little details, and can focus on what's important instead.

If you work in the software industry you can benefit from this course by learning about creating wireframes for visual ideation, improved communication across disciples, and a better overall user experience. No prerequisites or expensive tools required.

After taking this step-by-step course you will be able to use Balsamiq Wireframes to explore different user interface ideas and convey them to other stakeholders quickly and effectively.

Happy Wireframing!

Learn to Use jQuery UI Widgets

A jQuery UI Tutorial that will show you how to use tabs, accordion, datepicker and more without having to learn jQuery!

Created by Marie Taylor - Web Developer & Educator

"]

Students: 43896, Price: Free

Students: 43896, Price:  Free

Are you a designer or "skinner" that wants to integrate things like tabs, accordion, or a datepicker into your UI but *don't* want to learn jQuery or javascript? Then this is the course for you!!

This course will guide you through:

  • How to install jQuery UI
  • Exactly what snippets you need to copy and paste for each widget to work
  • The pattern to follow in your HTML for each widget
  • How you can move existing HTML content into the format for the widget

Plus you will get:

  • An awesome static HTML & CSS website with a really cool look and feel that is for you to keep and use. This will give you a chance to try out each demonstration in the same website you are watching me work in.
  • Quizzes to test your knowledge on each widget
  • Additionally, the finished product that we create in this course is available to download.

Don’t know JavaScript? That’s okay. You can use jQuery UI Widgets with little or no experience with JavaScript. Don’t know jQuery? That’s okay too. As long as you know HTML and CSS, jQuery UI provides simple snippets that can be easily integrated into your code.

In this course you will learn everything you need to know to integrate the jQuery UI Widgets into your HTML to provide a rich user experience on your website. Join me, Marie Taylor, and learn how to use jQuery UI Widgets today!

The Complete App Design Course – UX, UI and Design Thinking

Learn App Design to Make Beautiful, Lovable Apps

Created by App Brewery Co. - in-Person & Online Development Bootcamp

"]

Students: 37070, Price: $119.99

Students: 37070, Price:  Paid

There are over 2 million apps on the App Store and growing. The only apps that do well are ones which are well designed both in terms of user interface and user experience. That's why it so important to learn the design skills that will make your app stand out in a crowd.

The App Design Course is great for people with absolutely no design experience or experienced designers who want to get up to speed quickly with mobile app design. We'll introduce you to the art of making beautiful apps. We'll explore key UI and UX concepts that are essential to building good looking and easy to use apps that are loved by users.

The course has a practical component that takes you step-by-step through the workflow of a professional app designer. From user flow diagrams to wireframing to mockups and prototypes.

Students completing the course will have the knowledge to create beautiful and lovable apps that leave people with a smile on their face.

Learn Figma – UI/UX Design Essential Training

Learn how to design a beautiful and engaging mobile app with Figma. Learn-by-doing approach.

Created by Caleb Kingston - User Interface teacher www.appdesigntips.com

"]

Students: 31629, Price: $119.99

Students: 31629, Price:  Paid

Figma is a very powerful application that runs online. There are virtually no platform boundaries when it comes to using figma because you can design within a web browser or using their desktop application made for windows and macs. Figma is similar to Sketch and Adobe XD but is the more powerful of the three when it comes to team collaboration and responsive, fast paced design. 

This course will cover user interface designing using the powerful tools within Figma. In the first section, I'll cover the Figma interface and where you can find powerful tools like constraints to make your designs responsive, and components to build a library of design elements to use throughout your projects. I'll also go over real-time team collaboration and how you can use figma to work closely with others in the same project.

Later on I will guide you through designing and prototyping a "Chef's Recipes" App which will include multiple artboards, custom icon designs, editing images and text, and everything else you need to create a polished realistic design.

Please join me as a beginner in design or as a seasoned UI/UX designer wanting to switch from other tools like Sketch or Adobe XD

DESIGN RULES: Principles + Practices for Great UI Design

Learn to design powerful user interfaces for apps, sites and systems

Created by Joe Natoli - 30-year UX + Design Veteran; Consultant, Author & Speaker

"]

Students: 28473, Price: $99.99

Students: 28473, Price:  Paid

When it comes to User Interface (UI) design, your job — whether you're a designer, developer, UXer or a mix of all those things — is to make sure that no aspect of someone’s onscreen interaction happens without explicit intent. The UI design choices we make have to reflect the user’s motivations, expectations, environment and possible actions.

All of those things manifest themselves in the User Interface — so what people see on the screen is usually the sum of their understanding about what this is and how it works.

So what we show them has to do a hell of a job communicating what’s there for them, how it’s organized, how they get to it and what they can do with it once they do.

The principles, practices and real-world techniques I'm going to show you here are the same ones that have informed graphic design for hundreds of years. And while that may sound like blasphemy to some of you, I guarantee you'll see why and how they apply equally to the world of digital designespecially for mobile devices and their small screens. 

I'm going to give you 50 lessons packed with timeless, ironclad, unchanging rules for good UI design that you can apply to anything and everything you ever work on. Trends will come and go, and it won't matter: your UI will still be useful, usable, appropriate and relevant for its users.

You'll learn how to make it easier for people to interact with what they see on the screen – whether they know what to tap, swipe or click, and whether what happens meets their expectations and moves them closer to their goals. You'll learn how to create and apply hierarchy, color, contrast, typography and gestalt principles to design appropriate visual cues so people know where and how to take action.

I'll show you how to make good visual decisions for even the most challenging applications, from simplifying complex visual information to designing with data. My goal with this course is to give you everything you need to know to make great UI design decisions, no matter what the content, context or product may be. 

From this point forward, you'll be equipped to make strategic, impactful User Interface designs that communicate, guide, encourage, motivate and educate. Anything else is decoration, and decoration has a very short shelf life.

By the time you finish Design Rules, you'll be able to do much more than create a more beautiful User Interface. Instead, you'll be able to design a UI that truly works for the people who use it. One that it allows them to easily figure out where to start and how to get what they need — quickly, efficiently and intuitively. 

Of course, it'll also just happen to be beautiful ;-)

Mobile App Design from scratch with Sketch 3 : UX and UI

The new, improved and updated best-selling step by step guide to learn how to design a great mobile app.

Created by Maxime Cormier - **********

"]

Students: 23407, Price: $24.99

Students: 23407, Price:  Paid

WELCOME TO THE NEW, IMPROVED AND UPDATED VERSION OF THE BEST SELLING MOBILE APP DESIGN COURSE ON UDEMY

This course is not just about creating a pretty app, it’s about designing an app that works great and happens to be beautiful. We'll teach you a complete design workflow that will allow you turn your idea into a fully designed and engaging mobile app using Sketch 3.

Learn to design engaging apps with this beginners mobile app design course 

  • Master the ins and outs of Sketch 3
  • Design a beautiful and user-friendly interface for your app
  • Learn UX Research techniques to craft an engaging app
  • Learn Design best practices to build your product efficiently
  • Outline your visual concept

A skill that will change your life
Mobile apps are everywhere, transforming our personal and profesionnal lives. And what makes an app successful is how well it is conceived. The demand for people able to design such engaging and well thought apps is constantly growing. That's why mobile app designers are averaging over $100k a year.
With Sketch 3 and this course, you'll have the skills to produce professional designs even if you have zero previous experience.

Content and Overview

This course is efficiency oriented and is taught with an example. Each lesson represents a step in the design process that will be applied to the app we will be building and that we'll help you apply to your own idea. You don't need any previous experience as a designer, we'll teach you everything you need to know along the way.

We'll begin by teaching you what UX is, how it affects the UI design and how you can use UX research techniques to craft a great app. We'll show you how to efficiently build a quick first version of your app and how to preview it on a device. This will get you used to Sketch and we'll give you exercises to build up your design skills.
We'll then work on the visual concept of your app, you'll learn about colors, fonts and how to properly use them. This will allow us to create the final design of our app, beautiful and functional. In this section we'll dive deep into Sketch amazing functions and best practices.
You'll even learn how to design an icon for the app and showcase your finished app !

By the end of this course you'll...

  • Be able to explore your idea in depth to find the right way to build your app
  • Have a full proficiency in design software
  • Have a very good understanding of design principles and how to use them
  • Be able to build graphic illustrations and icons even if you've never drawn anything in your life
  • Know how to choose the flow and navigation of your app
  • Know how to create a very clear layout that will serve your content
  • Know how to create the identity of your app and how to choose and use colors and fonts
  • Be completely autonomous as a designer
  • Save a lot of money and time by not needing to work with a freelance designer

Complete Web & Mobile Designer in 2021: UI/UX, Figma, +more

Become a Designer in 2021! Master Mobile and Web Design, User Interface + User Experience (UI/UX Design), HTML, and CSS

Created by Andrei Neagoie - Senior Software Developer / Founder of zerotomastery.io

"]

Students: 22073, Price: $89.99

Students: 22073, Price:  Paid

Just launched with all modern Design tools and best practices for 2021! Join a live online community of over 400,000+ students and a course taught by industry experts that have actually worked both in Silicon Valley and Toronto for top companies. A great Designer is becoming harder and harder to find and it isn't rare to find designers make $160,000+ salaries now because it is such a valuable skill. We will teach you how to get there!

Using the latest best practices in Web Design and Mobile Design as well as User Interface and User Experience Design (UI/UX), this course focuses on efficiently getting you from zero to a point where you can get hired or win freelance contracts. We will use in demand tools like Figma to show you a full workflow from start to finish. Graduates of Andrei’s courses are now working at Google, Tesla, Amazon, Apple, IBM, JP Morgan, Facebook, + other top tech companies.

The course also includes 100+ assets and premium design templates that you can keep and use to customize for all your future projects. We guarantee you this is the most comprehensive online resource on Design skills!

The curriculum is going to be very hands on as we walk you from start to finish of working as a Designer, all the way into learning how to create final professional designs and then converting them into actual websites or apps using HTML and CSS. 

The topics covered in the course are...

  • 00 Web & Mobile Design Principles +  Design vs Web Development

  • 01 GETTING STARTED – Sketching, Inspiration + Structure

    • 1. Sketching

      • Intro to sketching

      • Sketching UX flows

      • Sketching tips

    • 2. Inspiration

      • How to stay inspired

      • How to find inspiration online

    • 3. User Flows

      • What are user flows?

      • The do’s and don’ts

      • Speeding up our workflow with components

      • Creating our own user flows (Registration) Part 1

      • Creating our own user flows (Search) Part 2

      • Creating our own user flows (Checkout) Part 3

    • 4. Sitemaps

      • An intro to sitemaps

      • Creating a basic sitemap

      • What you should be doing before you start

      • Creating a sitemap (part 1)

      • Creating a sitemap (part 2)

      • Tips for getting started

  • 02 EXPLORE AND ITERATE – Wireframes, Prototyping and Feedback

    • 1. Wireframes

      • What is a wireframe?

      • How do I create a wireframe?

      • Speeding up your workflow in Figma

      • Creating our home page

      • Creating a product page

      • Creating a checkout page

    • 2. Prototyping

      • Prototyping basics in Figma (Device + Triggers)

      • Prototyping basics in Figma (Actions)

      • Prototyping basics in Figma (Overflow)

      • Prototyping basics in Figma (Presentation + Collaboration)

      • Linking together a quick user flow in Figma

      • Working on small interactions with Figma

    • 3. Getting feedback

      • Why is feedback so important?

      • How to get constructive feedback

  • 03 VISUAL DESIGN – Design Theory + Accessibility

    • 1. Grids + Spacing

      • Spacing and Grid Basics

      • Responsive Grids in Figma

      • Creating our own grid in Figma

      • The rules of the grid

    • 2. Typography

      • Typography basics Part 1

      • Matching typefaces to an era

      • Typography basics Part 2

      • Selecting the right typeface

      • Typography basics Part 3

      • Picking a typeface

      • Does your typeface suit your scenario?

      • Expanding an existing type system

      • Choosing typefaces in Google Fonts

      • Narrowing down your typography choices

      • Creating a type system in Figma

    • 3. Color

      • Color Schemes

      • Important questions to ask before picking colors

      • Helpful tips for creating color palettes

      • Creating a monochromatic color palette

      • Applying a our simple color palette

      • Expanding a strict color palette

      • Creating our own color palette

    • 4. Forms + UI Elements

      • What are UI Elements

      • Best practices Part 1: Forms

      • Best practices Part 2: Inputs Part 1

      • Best practices Part 2: Inputs Part 2

      • Best practices Part 2: Inputs Part 3

      • Best practices Part 2: Inputs Part 4

      • Best practices Part 3: Buttons

      • How to create components in Figma

      • Using atomic elements in Figma

      • Using Instances in Figma

      • Editing instances to create new components

      • Using constraints to create responsive components

      • Creating a registration form in Figma

    • 5. Imagery + Iconography

      • Resources and techniques to create great visual assets

      • Working with photos in Figma Part 1

      • Working with photos in Figma Part 2

      • Working with illustrations in Figma

      • Using Figma plugins to find Icons quickly

      • Creating our very own custom icons

    • 6. Accessibility

      • What is accessibility?

      • Assistive technologies

      • Visual patterns for accessibility (Part 1)

      • Tools to make your design accessible

      • Visual patterns for accessibility (Part 2)

  • 04 DESIGN EXPLORATION – Application Design + Design Systems

    • 1. Design Patterns

      • What are design patterns?

      • Why are design patterns valuable?

      • How to apply design patterns

      • Analyzing design patterns together

      • Dissecting and choosing design patterns together

    • 2. Mobile Design

      • Mobile design best practices (Part 1)

      • Mobile design best practices (Part 2)

    • 3. Applying Visual Design

      • Design Fidelity

      • Style exploration (Navigation)

      • Style exploration (Cards)

      • Style exploration (Interests)

      • Style exploration (New elements)

    • 4. Motion

      • The importance of motion

      • The purpose of motion

      • Intro to Smart Animate

      • Showcasing the power of Smart Animate

    • 5. Microinteractions

      • What are microinteractions?

      • Why are they so important?

      • Creating our own microinteractions (Part 1)

      • Creating our own microinteractions (Part 2)

      • Using Figmotion (Part 1)

      • Using Figmotion (Part 2)

  • 05 PUTTING IT ALL TOGETHER – Using our Design System and Hi-Fi prototyping with Figma

    • 1. Design Systems

      • What is a design system?

      • Foundation (color)

      • Foundation (grids and spacing)

      • Foundation (typography)

      • Foundation (iconography)

      • Components (buttons)

      • Components (Inputs)

      • Components (cards)

      • Recipes (card layouts)

      • Recipes (search)

      • Recipes (orders)

    • 2. Final Compositions

      • Using our design system (Search)

      • Using our design system (Product Description)

      • Using our design system (Cart)

  • 06 FROM FIGMA TO WEBSITE (take a Figma design and convert it to a live website using HTML and CSS)

  • 07 HTML + HTML5

  • 08 CSS + CSS3 - CSS Basics, CSS Grid, Flexbox, CSS Animations


  • 09 PUTTING YOUR WEBSITE ONLINE

This brand new course will take you from the very basics where we talk about principles and fundamentals of graphic design, all the way to creating beautiful products, learning about UX/UI and interactions, and creating a full design process for you to use with all of your future projects and clients. We pretty much cover it all so that the next time you are in charge of designing a product you have the step by step outline and guide to work as a professional designer.

We are going to teach you the skills that will allow you to charge a lot of money for your time. Not to compete for a few dollars an hour on some random freelancing websites. The goal is to give you the skills of a top designer, and along the way, we are going to design an actual product for a company that you will be able to add to your portfolio.

This course is not about making you just watch along without understanding the principles so that when you are done with the course you don’t know what to do other than watch another tutorial. No! This course will push you and challenge you to go from an absolute beginner to someone that is a top Designer that can get hired! Design is a valuable skill that doesn’t get outdated easily like most technical skills. Trends change, but the skills and fundamentals you learn in this course will take you many years into the future.

This course is for you if:
- You are a complete beginner looking to become a designer and freelance

- You are a designer who is looking to charge more for your work

- You are a developer who is looking to improve their design skills

Taught By:

Andrei is the instructor of the highest rated Development courses on Udemy as well as one of the fastest growing. His graduates have moved on to work for some of the biggest tech companies around the world like Apple, Google, Tesla, Amazon, JP Morgan, IBM, UNIQLO etc... He has been working as a senior software developer in Silicon Valley and Toronto for many years, and is now taking all that he has learned, to teach programming skills and to help you discover the amazing career opportunities that being a developer allows in life.

Having been a self taught programmer, he understands that there is an overwhelming number of online courses, tutorials and books that are overly verbose and inadequate at teaching proper skills. Most people feel paralyzed and don't know where to start when learning a complex subject matter, or even worse, most people don't have $20,000 to spend on a coding bootcamp. Programming skills should be affordable and open to all. An education material should teach real life skills that are current and they should not waste a student's valuable time. Having learned important lessons from working for Fortune 500 companies, tech startups, to even founding his own business, he is now dedicating 100% of his time to teaching others valuable software development skills in order to take control of their life and work in an exciting industry with infinite possibilities.

Andrei promises you that there are no other courses out there as comprehensive and as well explained. He believes that in order to learn anything of value, you need to start with the foundation and develop the roots of the tree. Only from there will you be able to learn concepts and specific skills(leaves) that connect to the foundation. Learning becomes exponential when structured in this way.

Taking his experience in educational psychology and coding, Andrei's courses will take you on an understanding of complex subjects that you never thought would be possible.

--------

Daniel is a design leader in tech with extensive experience in helping startups build and iterate on their products. Daniel is passionate about teaching and empowering designers and working with other disciplines to build purposeful products that meet both user and business goals.

His approach to design is always thoughtful and iterative. Daniel often finds himself working collaboratively with his team whether that is sketching concepts and flows or leading design strategy with team leads and external stakeholders.

Daniel is a multi faceted designer who’s expertise expands across multiple design disciplines. This includes User Experience and Visual Design, User Research, Product Strategy, Lean and Agile Design Methodologies and much more. HIs work has helped to shape different solutions for a variety of industries such as housing, blockchain and health.

When he is not building products, Daniel has spoke and mentored at different meetups and events. He aims to give back to the design community that he has learnt and continues to learn so much from. Daniel aims to always help, teach and support other designers in their careers.

See you inside the courses!

Adobe XD Mega Course – User Experience Design

UI Design, User Interface, User Experience design, UX design & Web Design

Created by Alan Ayoubi - 11 Year of experience in Graphic design & Animation

"]

Students: 21160, Price: $89.99

Students: 21160, Price:  Paid

Hi everyone welcome to Adobe XD mega course.

Before I jump into the details of the course I want to quickly tell what adobe xd is used for.

Adobe XD is a simple easy to use application dedicated to UI UX design we can call it user interface or user? basically, we use adobe xd to design mobile apps and websites

Just like our other mega courses this course is designed to take you from absolute beginner to advanced level in UI design.

This course is divided into 4 main parts, basics of design mode, basics of prototype mode, advanced technique and finally working with real projects.

In the design mode basics. We will start with downloading Adobe XD and installing then we will open it for the first time.

I will show you how to work with artboards, shape tools line tools, I will teach you how to use text tools, how to use images easily and effectively. After that, we will cover alignment tools and boolean operations. Then I will show you how to work with components and assets inside XD. later, we will cover a very exciting feature in XD which is a repeat grid. After that, we will cover responsive resize I will show how to use it and how to get an advantage from it for your designs. The last thing we will cover some free Plugins, we will cover the most useful ones. When you finish this part you will have a complete understanding of Adobe XD design tools, you will be ready to use what you have learnt to create some professional design. Together we are going to design two screens of a finance app, we will use all that we learnt in the design mode basics part.

After we covered and practised everything about design mode we will move to the prototype model. We will start with the basics and then we will cover all of the tools and settings in the prototype mode. We will cover time transition, component states, scrolling groups, overly animation, drag animation, sound, voice and keyboard triggers and much more. At the end we will cover an exciting prototype feature which is auto animate, we are going to animate the design we made in the design part with auto animate.

After we covered both design and prototype mode we will cover some advanced techniques. Like 3D transform and animation, Glassmorphisms, input prototype, scroll number scroll colours.

At the end of the course, we are going to create two projects together, the first one is a website homepage for a financial company, we will create it from scratch, we will start with the brainstorming and written form then we will design and prototype it.

The second project will be an e-commerce app, we will start this one from the brainstorming to the design and then to prototyping.

After you finish this course you will have a full understanding of Ui design and Adobe XD. You will be ready to use Adobe XD effectively and professionally. You will be ready to start your carrier with UI design.

InVision Studio for UI Designers

Interface Design and Prototyping all in one

Created by Greg Rog - learnux.io

"]

Students: 18539, Price: Free

Students: 18539, Price:  Free

InVision Studio isn't just another app for UI design. It's a complete solution for bringig your project from its early shape to a high fidelity prototype together with outstanding animations. Having it all under the hood of InVision platform lets you go even further. You can easily preview the prototypes on devices, share them with your clients and get their feedback as well as set up an easy handoff for your developer. Oh, and Studio is both for macOS and Windows. Plus, it's COMPLETELY FREE. And so is the course.

  • Studio tools and shortcuts

  • Practical app workflow

  • Working with Components

  • Animating your UI in Studio

  • Creating microinteractions

  • Export, preview and handoff

Basics in a breeze

Soon you'll find out that Studio is probably one of the easiest tools to master and most of the functions are simple and intuitive. Especially if you've previously used Sketch, transition to Studio is painless and all the tools and shortcuts works just as expected. This is why we won't spend much time explaining the interface, rather than jump right into creating a practical design in Studio. As you will find out this is the most effective and rewarding way of discovering Studio.

It just works

The overall user experience of Studio is great. There are dozens of little things that just works, without bothering you. You might even think - what is there to learn? Everythig is so simple. Thanks to this, the learning curve that you're about to take is focused on effective workflow, rather than the tool itself. My aim is to show you the tips and tricks to work even faster, better and more efficient.

One fits all

This is one of the rare examples where one solution gives you a spectrum of possibilities. For most of the time you won't have to leave InVision Studio. Even though you can create seamless transitions and advanced animations in you UI, the software itself feels light and responsive. We'll explore different parts of your workflow, from initial sketches, to a detailed design, to a prototype working on devices. All without leaving Studio.

Leverage the platform

InVision Platform is much more than Studio. Thanks to its capabilities you'll be able to easily export and share the prototypes and edit them after the rounds of feedback from your client or project owners. We'll explore those options together with the handoff capabilities and creating automated specs for developers.

Design elements

In the course I will explain the usage of colors, typography, grid and other basic UI design concepts combined with the tools and workflows available in Studio. We'll focus on the correct setup, creation of the Components and other good habits that will help you in professional UI design process.

Create beautiful UI

In the course I'd like to showcase Studio workflow based on a practical UI project of a Supercar Rental app. Thanks to this approach I'll be able to show you step-by-step design process in Studio that is closer to real life example.

Sketching for UX Designers – Boost UX work with pen & paper!

Learn how to boost your UX design workflow with sketching user interfaces, animations and storyboarding.

Created by Krisztina Szerovay - UX designer

"]

Students: 17601, Price: $94.99

Students: 17601, Price:  Paid

You will learn how you can boost your UX, UI or product design workflow with sketching.

Last update: new lecture  added on 16th  November 2019 - 12 Benefits of Sketching for UX - a Summary

Update: 17th October 2017 - new course material added: the Sketching for UX Designers WORKBOOK (24-page long, filled with useful sketching exercises)

Update: 5th June 2017 - new section added: a 40-minute long sketching practice activity through the different Gestalt principles.

The three main parts are

  1. Warming up and drawing basic shapes

  2. Sketching User Interfaces, User Flows and UI Animations

  3. Creating Storyboards.

Not only will I invite you to draw along with me throughout the course, I will also give you exciting exercises to quickly develop your skills.

You will be able to use your sketching skills in many more UX design or service design methods, like in creating Empathy Maps, User Journey Maps and Personas.

In addition, the course provides a great starting point for other areas of visual thinking, like graphic facilitation or sketchnoting, since in the section about Storyboarding I show you how to draw people, locations, objects, how to express process, use containers, color and effects, and so on.

Sketching skills are great for any product design process, but next to applying these skills in your professional workflow, you can improve your personal development as well for example by sketchnoting UX talks or podcasts.

Throughout the course I use pen and paper, so it won't provide you a complete workflow for using digitzier tablets for sketching, but I believe that almost everything I teach you can be applied for sketching on a tablet, so feel free to draw along with me or practice sketching with a digital tool.

Sketching is great because

  • this technique takes into account how our visual perception works - when we look at images, we understand them much faster than we read words;

  • it can reveal things we might have not seen before, connections we have not noticed;

  • it enables a mutual understanding;

  • it supports the fail fast approach;

  • it is a quick and cheap way to generate many ideas.

Important: This course is not about teaching how to use Sketch App by Bohemian Coding, but about sketching user interfaces with pen and paper!

Course update log:

Updated on the 17th October 2017: new course material (workbook)

Updated on the 5th June 2017: new section

Released on the 15th April 2017

Screens Essentials for UI Designers

Get to know formats, resolutions, DPI and more

Created by Greg Rog - learnux.io

"]

Students: 17010, Price: Free

Students: 17010, Price:  Free

Learn some of the most important terms and factors for successful UI design. We'll start from the tiniest element you design for - pixel. Then we move on to different screens, resolutions, we'll explore retina, DPI and so much more. You will get to know optimal formats for UI design as well as workflows that will let you create highest quality assets!

You will find plenty of tutorials and articles on how screen design essentials work with explanation of terms and key techniques. The thing is the more you read the more complicated this topic appears. Let's focus on theory and keep it short and to the point so it is most useful in your workflow.

We'll explain the difference, but also get deeper into the best ways for exporting design assets from software such as Sketch, Illustrator or Photoshop. You will see multiple benefits of working in vector-only environment but also there are some hints for Photoshop design flow.

You will also get to know some approaches to designing for hi-density screens such as Retina and therefore explore differences between Pixels, Points or Density Independent Pixels. It will all sum up to a modern way to start in 1x scale and then export the assets accordingly for different screens, if needed.

UI & Web Design using Adobe Illustrator CC

Build professional web & app designs using Adobe Illustrator CC

Created by Daniel Walter Scott - Adobe Certified Instructor & Adobe Certified Expert

"]

Students: 15408, Price: $99.99

Students: 15408, Price:  Paid

UI design skills are one of the most employable opportunities of our lifetime. In this course you’ll learn how to design a professional website in Adobe Illustrator CC. We’ll start right at the basics of Illustrator and work our way through to building professional UI designs. This course doesn’t cover how to code a website but focuses on the design processes that professional UI designers use when working.

This is a project based class for students who are new to the world of app & web design. I created this for people nervous about changing their careers into the world of user interface design.

Master Digital Product Design: UX Research & UI Design

A complete design education for product designers: Research the user experience, then design a great user interface

Created by Rob Sutcliffe - UI Designer 7 Developer

"]

Students: 15266, Price: $139.99

Students: 15266, Price:  Paid

Digital products are more abstract and complex than any product we've designed before. People are using their digital devices faster, with less conscious thought and more distracted than ever in history.

These issues present new challenges that require a new kind of design team to address. These design teams need to understand a complex range of behavioral psychology, perception, creativity, business. They need to understand what has come before, the history of design didn't start with the iPhone. The history of product design started with the history of products!

I created this course out of frustration. Frustration that design education has been reduced to a handful of feal good quotes, an ineffective standardised design process, unquestioned research activities and no mention of philosophy or critical thought. We are designing the most complex product in history for the most distracted users. We're expecting designers to work with an embarrassingly narrow understanding of design. I had to create this course for them, I had to create The Master Digital Product Design Course because no one else was doing it ;)

The Master Digital Product Design Course will give you everything you need to start designing products people love. It will take time and I advise you to work through all the exercises over a period over several months, leaving time for reflection and experimentation. This is not a fast track to any design job, this is a slow track to a great career.

What do I get with this course?

This course comprises of 12 modules, each around an hour long. Each module contains high-quality explainer videos with multiple activities and downloadable worksheets. Every video has resource links for further reading to ensure you get a range of opinions and allow you to dig deeper into topics that interest or apply to you.

The modules will cover a unique range of topics that I believe are missing from the majority of modern design curriculums. The 12 sections are:

  • Introduction: background into the industry and some of the problems

  • What is Design?: looking at, where design came from and some misconceptions about how to design

  • Design Process: the elements of a design process. You'll then create your design process

  • Critical Thinking: the core skill to design effectively, how to challenge ideas, especially your own

  • Experience Economy: experience is vital to create products people love, yet most people are ignoring it!

  • Creativity: you can learn to be creative, I'll show you what it is and how to get it!

  • Perception: looking at how people see the world and how we can design for them (people)

  • Usability: let's make sure your product is easy to use and doesn't frustrate

  • Figma: is a rapid design and prototyping tool, you'll learn to mock up your designs

  • Form & Function: why your product has to look good and what to do about it

  • Minimalism: minimalism is hard and we often get it wrong

  • Balance: you can have too much of anything. lets balance standards with trends

Is this course for me?

I created The Master Digital Product Design Course to fill many of the holes in other product design courses, for this reason, I believe it'll be useful for a seasoned designer.  I've also created it with the beginner in mind so if you have never designed anything you will be just at home (and everyone has designed something before, you just don't know it!).

As well as designers I also had in mind all the people who project manage, own or develop digital products. I believe there is a lot of interesting materials that will help the whole business think differently about creating digital products.

Fundamentals of User Interface Design

Learn to create slick UI's as you learn the fundamentals of design such as typography, color theory, design principles.

Created by Ahmet Efeoğlu - UI/UX Designer

"]

Students: 14959, Price: Free

Students: 14959, Price:  Free

Learn the fundamentals of user interface design as you master the following topics:

  1. Typography

  2. Color Theory

  3. Design Principles

  4. Basics Of AdobeXD

Once we get you to master each topic with assignments and some rules of thumb, we will build a  hands-on practice project where we will design a design agency website.   After this course, you will never be confused about which fonts work well together or what kind of color schema you should use. 

Apple Watch UX: Design Beautiful UI and User Experiences

Learn how to design and prototype smooth user experiences and beautiful interfaces for the Apple Watch in less than 2hrs

Created by Pablo Stanley - Product Designer

"]

Students: 14626, Price: Free

Students: 14626, Price:  Free

Hello, my name is Pablo Stanley and I want to teach you how to design beautiful and functional apps for the Apple Watch.

The Apple Watch is the most hyped product of the year and it's on track to be in the hands of more than 25 million people. Take this course to prepare yourself to design smooth experiences and beautiful interfaces in less than a couple of hours.

In this course, we'll go through the Apple Watch Human Interface Guidelines so we can understand the themes, anatomy, actionable notifications, glances, animations, and general interface principles.

I'll teach you how to think for the Apple Watch using simplicity and functionality. Stripping down an app to its core benefits and write user stories around it. After that, we'll design three different apps: a music player, a messaging platform, and a Udemy app for the apple watch.

And that's not all. Once our designs are ready, we'll create interactive prototypes to test our creations.

What makes me a good teacher?

  • Over 2,000 other students have already enjoyed two highly rated Udemy courses
  • Keeping the course engaging and relevant so you can have fun taking it is my main priority.
  • More than 15 years of experience in Design.
  • I just freaking love Design. It's my passion and I want to pass along my love for it.

Who is this class for?

  • Beginners welcome! No programming experience required. I want you to quickly understand the basics and get practicing.
  • Creators. Makers. People who want to design apps. I will be teaching you how to design and prototype apps that you can share and play with.
  • UX and Mobile Designers who are new to Apple Watch and want to design for the Apple Watch like a boss.
  • Freelancers and career development professionals who want to earn money via contract work, consulting or full-time employment.
  • Entrepreneurs who have the next big idea for an app but want to first see how it feels and show it to potential partners

Roadmap:

  • Music App Design section available in May 2015
  • Messaging App Design section available in May 2015

So, are you excited? Let's do this.

Semantic UI – A Complete Beginners Guide

Learn to create simple website with basics

Created by Aditya Giri - Freelace Programmer

"]

Students: 13334, Price: Free

Students: 13334, Price:  Free

This course will take you from knowing nothing about semantic UI to a point where you are cleared with basics and would be able to create a web application with some of the stuff that requires a lot of lines of code.

Semantic UI is a modular framework, and hence most of the stuff is ones where you have to experiment with. Semantic UI is given to you in a way lego pieces are given to you and you have to build what you can imagine with it. And basics are required in order to do that.

You will able to create a complete webpage with some of most basic functionalities implemented into it.

UI/UX design with Adobe XD: Design & Prototype a Mobile App

Learn how to design a beautiful and engaging mobile app with Adobe Experience Design (XD). Learn-by-doing approach.

Created by Luca Vavassori - UI/UX Designer

"]

Students: 10132, Price: $39.99

Students: 10132, Price:  Paid

Adobe XD is a brand new design and prototyping tool made by Adobe, totally dedicated to UI/UX designers.

In this course, I will teach you the basics of this new software and will show you step by step how you can design a beautiful and modern iOS mobile app.

In the first part of the course, you will see how the interface works, all the main tools and features, and the most common shortcuts which will dramatically increase your productivity.

Then we’ll jump right into design and we’ll start creating a dating-inspired mobile app, made of 7 great looking screens: home, login, signup, browse, sidebar menu, inbox, settings.  

Not only that, I'll teach you how you can give life to your design and create a working prototype directly within Adobe XD, without the need of any third party software.

The source .xd file of the app we designed will be included, along with the other resources I used.

This course has a learn-by-doing approach.  There won’t be much theory, it’s all about teaching you how to design a real world mobile product and showing you the full potential of Adobe XD.

By the end of the course, you will have a very clear picture of how Adobe XD works, and you will be able to apply the design techniques, productivity tips and all the skills you have learned in your future design projects.

Learn Adobe XD From Scratch

Design your First Website and Prototype in Adobe XD Today. Free UX UI Tutorial for Beginners with Award-winning designer

Created by Antony Conboy - Award-wining UX designer

"]

Students: 9424, Price: Free

Students: 9424, Price:  Free

Why join this course?

Are you looking to become a UX UI Designer? Where do you start as a beginner?

This free course is the perfect place to begin.

In this free course, you’ll:

  • Design and Prototype your first Website and App

  • Learn how to use Adobe XD (Professional UX Tool)

  • Follow along with a detailed tutorial from an award-winning designer

Updated for 2020

Implement High Fidelity Designs with Material-UI and ReactJS

Bridge the gap between Design & Development! Break down detailed designs and bring them to life with Material-UI/React.

Created by Zachary Reece - Software Entrepreneur

"]

Students: 8821, Price: $34.99

Students: 8821, Price:  Paid

Welcome to the #1 documentation recommended paid resource for learning Material-UI!

Across 35 hours and more than 200 lectures, I will teach you absolutely everything there is to know about building finely designed applications using hands-down the most useful tool I've learned since React itself -- Material-UI!

Take your web development skills to a whole new level and separate yourself from the average React developer by gaining the confidence to build professionally designed applications!

After learning React, I think many developers run into a common problem -- what are the best practices for actually building your own project!? You may have an idea in your head for a really cool application or website but feel like you wouldn't know exactly how to go about creating it with React. Are you supposed to build every little component and piece of functionality from scratch? Definitely not! Learn to let Material-UI do the heavy lifting for you with its comprehensive customizable component library with integrated styling, theming, grid, and responsive design systems.

Most of the courses you take while learning React are focused on teaching you the core concepts and fundamental syntax/structures necessary to understand and build React applications. This is usually done by building either a handful of small projects, each focused around a certain concept or by building a large project and incorporating each concept as you go. Learning like this is great, and absolutely essential to understanding the subject.

However, I have noticed that due to the focus on the underlying concepts and functionality, most of the designs and layouts aren't particularly interesting! None of the designs are bad by any means -- and that isn't the focus of pure React courses so this isn't a problem -- but they aren't usually something you would give to a paying client, so that does leave a bit of a gap when you begin working on your own. That's precisely why I made this course!

We're going to build two complete projects from scratch based on just design files -- including my own actual production website!

I'm going to walk you through the learning process that I went through when I built my first production application -- all the way from starting the project with a blank screen to deploying a fully responsive website. What I really try to emphasize is the way to think about structuring layouts in Material-UI. We'll first go over screenshots of the design we're about to build and visually breakdown the grid setup necessary to achieve each look, along with the corresponding code snippets! Then we actually hop into the code editor to put it into action.

We'll also be going over the documentation for each Material-UI component before we use it in our project so you'll be familiar with all the different capabilities, not just the features we use! Each component is extremely flexible and one of my goals for this course was giving you enough familiarity with the entire current ecosystem to be ready to understand any future updates.

A key part of building production applications is making sure that your styles and functionality don't just work on your system, but are flexible and responsive to any environment. That's why I drill responsive design practices so you'll understand not only the concepts to keep in mind but how to actually implement them with Material-UI and get perfect styles on the biggest, smallest, and every screen in between. This will hopefully become second nature and we'll all enjoy more optimized user-experiences across the web.

We will also be covering extra topics like SEO in React, switching our project over to Next.js and the benefits from doing so, hooking up Google Analytics to start making data-driven decisions, integrating animations from After Effects, and so much more!

The Course Content Includes:

  • Setting up a new project with create-react-app, React Router, and Material-UI

  • Guided explanations of the documentation for almost every Material-UI component followed by implementing them in our project

  • Different image optimization strategies

  • Creating a theme for your application by mastering Material-UI's centralized styling system

  • Learning how to use responsive design to ensure your applications look perfect on any screen size and orientation!

  • Using the Material-UI grid system to align complex layouts perfectly

  • Exporting animations from Adobe After Effects and efficiently importing them into a React application with react-lottie

  • Leveraging serverless functionality with Google Firebase Cloud Functions

  • Sending emails through Node.js

  • Making network requests in React while displaying feedback like loading spinners with Material-UI

  • Search Engine Optimization (SEO) in React applications

  • Migrating a project from create-react-app to Next.js and why

  • Cross-browser testing and support

  • Deploying a Next.js project and adding a custom domain name -- for two different hosting platforms

  • Incorporate Google Analytics to collect data about who is interacting with your application and what they're doing

  • Build custom organizational functionality to control data displayed in tables including search, filtering, delete, and undo

Along with lifetime access to over 35 HOURS of content, you'll also find easy access to support through active Q/A.

You've got nothing to lose -- this course comes with a 30-day money-back guarantee in case you aren't completely satisfied!

Tackle the challenge, blur the line between design and development, and learn to create the projects you've envisioned.

Get Started in UI/UX Design

Learn the Essentials of UI UX Design from a Sr. Designer with 8+ Years of Experience

Created by Pierluigi Giglio - Senior UI/UX Designer

"]

Students: 8049, Price: Free

Students: 8049, Price:  Free

In this getting started in UI UX for beginners course you will learn essential UI and UX design concepts from the ground up, together with Sketch App, which is one of the top design softwares out there.

You don’t need to have any prior experience with UI/UX design as this course will cover all the basics during the first section of the course.

This course is divided into two sections: in the first one you will learn the basic theory of UI and UX Design (and no prior experience is required) and in the second part you will learn the basics of Sketch App so that you can consolidate what you learned about UI/UX in the first part and see efficient workflows that will help you tackle design projects.

You will learn everything you need to know in order to get started to become familiar with the world of UI/UX design and the tools you’ll need to become a UI/UX Designer.

In just a bit more than 1 hour you will be able to understand basic UI/UX design workflow, key user experience design principles and interface design essentials using Sketch App as a primary design tool.

Most of these advanced techniques are the same used in large companies and will give you an edge as a designer so that you can work smart and not hard.

The best part about this is that these UI/UX principles don’t take a long time to learn, and it’s quite the opposite actually!

But why should you learn UI UX Design from me?

I’ll briefly introduce myself: my name is Pierluigi and I’m a full-time designer with over 8 years of experience.

After graduating with a BA Graphic Design from one of the top Design Universities in London I worked and managed hundreds of design projects for companies of all sizes and tech backgrounds, from Fortune 500 companies to Million-Dollar Companies that needed to raise their next round of funding.

On the side, I have also designed over 20 design products and my designs have been downloaded over 50000+ times

I also have a design channel on Youtube with over 300 videos and I’m active on Dribbble and Instagram with over 30000 followers.

I had a deep passion for design ever since I was in high school and since this industry gave me so much I want to give back by sharing the knowledge I gathered as a designer over all these years.

So join me today in this course and we’ll learn more about the exciting field of UI/UX design, so that you can bring your design career to the next level.

Learn Adobe XD essentials for UI/UX Design (2020)

Learn the Essentials of Adobe XD from a Sr. UI UX Designer with 8+ Years of Experience

Created by Pierluigi Giglio - Senior UI/UX Designer

"]

Students: 7686, Price: Free

Students: 7686, Price:  Free

In this Adobe XD UI UX essentials course for beginners you will learn how to use Adobe XD from the ground up.

You don’t need any prior experience with Adobe XD as this course will cover all the basics during the first section of the course.

You will learn everything you need to know to create any design project in Adobe XD, as well as ways to collaborate with team members and clients through Adobe XD using a clean and efficient workflow (suitable for both remote and local designers).

In just around 1 hour and a half you will be able to learn everything you need to start creating beautiful designs in Adobe XD, turning your ideas into reality and being able to perform efficiently at your job or in your freelance practice.

Most of these advanced techniques are the same used in large companies and will give you an edge as a designer so that you can work smart and not hard.

The best part about this is that Adobe XD’s essentials don’t take a long time to learn, and it’s quite the opposite!

But why should you learn Adobe XD UI UX from me?

I’ll briefly introduce myself: my name is Pierluigi and I’m a full-time designer with over 8 years of experience.

After graduating with a BA Graphic Design from one of the top Design Universities in London I worked and managed hundreds of design projects for companies of all sizes and tech backgrounds, from Fortune 500 companies to Million-Dollar Companies that needed to raise their next round of funding.

On the side, I have also designed over 20 design products and my designs have been downloaded over 50000+ times.

I also have a design channel on Youtube with over 300 videos and I’m active on Dribbble and Instagram with over 30000 followers.

I had a deep passion for design ever since I was in high school and since this industry gave me so much, I want to give back by sharing the knowledge I gathered as a designer over all these years.

So join me today in this course and let's learn Adobe XD, so that you can bring your designs to the next level.

Kendo UI Scheduler

Learn how the Kendo UI Web Scheduler widget helps you create and manage tasks and appointments very easily.

Created by Ayad Boudiab - Senior Application Developer / Technical Trainer

"]

Students: 7445, Price: Free

Students: 7445, Price:  Free

This course introduces developers to one of the latest Kendo UI Web widgets: the scheduler. Now, developers can build better web sites powered by the ability to create events (tasks/appointments) through a simple web widget. The ability to preview tasks in day, week, month, and calendar view is supported.

The author will follow a hands-on approach where all the features and options are shown through examples. The only tools needed are Notepad++ and a web browser (such as Google Chrome).

The course will start by introducing the scheduler and comparing the functionality to a similar scheduler (like Office Outlook). Then the scheduler features and options are discussed step-by-step using carefully selected examples.

By the time the user is done with this course, he/she will be well equipped to power his/her site with the new scheduler functionality.

Please note that since the scheduler is currently in beta release, some of the functionality might change, but the core concepts will remain the same.

Adobe XD UI/UX Design, prototype, and handoff from scratch

Learn how to design and prototype apps and webpages using Adobe XD

Created by Caleb Kingston - User Interface teacher www.appdesigntips.com

"]

Students: 7336, Price: $99.99

Students: 7336, Price:  Paid

Adobe XD is a powerful tool for UI/UX designers giving you the power to design and prototype an entire app, all from one program. 

This course starts off with Adobe XD basics and quickly gets up to speed on designing and prototyping a full fledged app with amazing images, colors, and animations.

You will learn:

  • How to navigate around the interface and toggle on/off the panels you wish to use

  • How to set up art boards to rapidly assemble wireframes

  • how to make your art boards responsive using auto-resize

  • How to design icons using the pen tool and boolean effects

  • How to convert icons and buttons into symbols to reuse across your entire project

  • How to apply text and color style presets and change on the fly

  • How to use the repeat grid to create fast, repeating columns and/or rows

  • How to prototype and test your prototype within seconds

  • How to share projects, prototypes, and design assets

  • and much much more

When you're through with this course, you will be able to share a complete design and prototype with friends and colleagues that they can interact with directly on their phone or desktop.

Who is this course for:

  • UI/UX designers who want to improve their skills and learn the latest design tools

  • Photoshop or Illustrator users who want to switch to a program dedicated exclusively for UX design

  • SketchApp users who want an all-in-one solution for designing and prototyping

  • Product Managers who want to increase their design skills to create better products and communicate more effectively with developers

Python Tkinter for making Graphical User Interface

BEST COURSE FOR LEARNING TKINTER

Created by Aryan Dawer - Aspiring Machine Learning Engineer and Pythonista

"]

Students: 7113, Price: Free

Students: 7113, Price:  Free

This course is for beginners who have just learnt python language as well as those with a keen sense of programming and design. Making GUIs is the basic step of design and this course gives you all the skills you need to make GUIs. It also inspires you to learn more and more features and make you own GUIs with creative color schemes and animations.

Adobe XD: UI & UX Design with 14 real world project 2020 tut

Adobe XD: User interface design and user exprience design professionaly with abobe xd from zero to hero course 2020

Created by Adrien Thomas - Fulll stack web developer working like 10 years

"]

Students: 6878, Price: $84.99

Students: 6878, Price:  Paid

in this course first we talk all about basic of UX design and next we go to basic of UI design

and then we go for Adobe XD in detail

after that we make a lot of example for mobile and web so we will learn all about adobe xd in detail with best example and practice that there is

example like:

  1. Audio Player

  2. Admin Dashboard

  3. Restaurant

  4. Local payment

  5. Navigation UI

  6. Speaker

  7. Sign In

  8. Roxio UI

  9. MailBox

  10. FreshFood

  11. AirMusic

  12. Shoping nike

  13. Travel mug

  14. UI Expert

Adobe Xd 2021 Basics – UI / UX Design Course

Learn all the basics of Adobe Xd 2021

Created by Aleksandar Cucukovic - UI / UX Designer

"]

Students: 6799, Price: Free

Students: 6799, Price:  Free

Adobe Xd 2021 is a UI / UX design tool created by Adobe and awesome thing about it is that it works on both Mac and Pc, it gets regular updates, you can design, prototype and share, all with one app, for free.

Go from wireframes to high fidelity prototypes, all in one app, and share your files with clients and developers with a single click.

In this free Adobe Xd 2021 Basics - UI / UX Design Course we are going to cover not just the basics, but also my design process, communication with clients and developers, best practices for case studies and so much more.

We are going to cover:

  • Basics Of Adobe Xd

  • Design Features

  • Prototyping Features

  • Communication With Clients

  • Sharing

  • Plugins

  • Repeat Grid

  • Masking Features

  • Adobe Xd Shortcuts

  • My Design Process

  • Great Case Studies

  • Awesome Design Systems

  • Best Exporting Practices

If you are just getting into the UI/UX field, this is the best time ever to do it, because tools and resources which are available now are better then ever, and the list of available resources keeps expanding. That's why Adobe Xd is one of the best tools out there because it gets regular updates, it's free to get started and it's so versatile if you combine it with other Adobe products.

I look forward to seeing you in course!

Have a creative day.

Alex

Design Mobile Apps: UI, UX & Prototyping in Adobe XD & PS

The Complete Guide to Designing Apps in Photoshop & Adobe XD! Create interactive prototypes WITHOUT any coding!

Created by Cristian Doru Barin - Certified Photoshop Instructor & Expert, Web & App Designer

"]

Students: 6272, Price: $94.99

Students: 6272, Price:  Paid

Do you want to design outstanding apps? Impressive prototypes that look like the real deal but without any coding? This course is a masterclass – a comprehensive approach to mobile app designing. I’ll teach you everything you need to know, from A to Z. We’ll use Photoshop, Adobe XD, Zeplin. I've taught over 220.000 students on Udemy and I'm a best-selling instructor!

You’ll learn about Material Design, the principles of color, spacing, and typography, tips and tricks, how to get design resources, and much much more. Get a life skill that’s high in demand in today’s job market, all for the price of a fancy coffee. Create beautiful apps, interactive prototypes, and supercharge your career.

You'll learn to:

  • Design beautiful mobile apps;

  • Create interactive prototypes without any previous knowledge;

  • Use Photoshop for mobile app design;

  • The principles of Material Design;

  • Learn Adobe XD from scratch;

  • Prepare all the files for developers through a special program called Zeplin;

  • How to size elements correctly on ALL phone types and sizes;

  • Typography best practices;

  • Where to get design resources like icons, custom graphics, photos, and more;

FAQ:

  1. Will I learn how to code them? Kotlin, Java, Swift, Android Studio, Xcode, Eclipse?

    No, that's not covered. However, I do teach you how to talk to developers and prepare everything. You won't have to slice or manually export your assets. I'll show you all my secrets as the CEO of my own Mobile App Design company, founded in 2013.

  2. What Photoshop version do I need to have?

    Any CC version will do. CS6 is not good enough, but you can get a free 7 day trial from Adobe's website. More than enough time to watch this course.

  3. Is this course for everybody?

    I don't assume you have any experience regarding mobile apps. You do need basic Photoshop skills. This is explained in detail in the lecture called "Requirements and your expectations". In short, if you're not a complete beginner in terms of Photoshop, you'll be fine.

  4. What will we design?

    We have a few projects, but there's a flagship app that's as real as they get. Over 70 screens in the final prototype - beautiful, sleek, interactive, modern. All the cutting edge techniques and best practices are used.

Final, personal note: I can honestly say there isn't anything like this anywhere out on the market. Believe me, I've looked long and hard. The course is PACKED full of knowledge I would have loved to have at the beginning of my career as a mobile app designer. I believe it's going to help a lot of people get a fantastic life skill. By far, this is the best course I've ever created. I hope you'll feel the same way.

The Complete Figma Course – Designing Mobile & Web App UI/UX

Learn how to use Figma to design beautiful mobile & web apps that make users feel amazing

Created by Nima Tahami - Entrepreneur & Designer • Founder of ShiftRide

"]

Students: 4872, Price: $109.99

Students: 4872, Price:  Paid

You will learn how to create beautiful mobile & web user interfaces that you can then turn into live prototypes with the help of Figma.

Figma is a leading design software, helping teams and individuals create designs faster and more efficiently. Figma is free and you can use it right on your web browser, on Mac and Windows.

Is this course for you?

You're in the right place if any of these apply to you:

  • You’re interested in user interface & user experience design (UI/UX) but not sure where to start.

  • You’re an entrepreneur with an app idea and want to turn your idea from a sketch to a realistic mockup and prototype.

  • You want to brush up your design skills to get the job that you want at companies like Airbnb, Google, Apple, etc.

  • You’re already designing and want to jump into Figma and take your designs to the next level.

  • You’re interested in earning income as a freelance designer.

  • You simply want to enter a new career path, and graphic design has interested you.

By the end of this course:

You will have learned the many great tools Figma has to offer and you will be able to design engaging mobile and web mockups, that you can turn into live interactive prototypes, for your own projects or for your clients.

What do I need?

This course is for both beginners & experienced designers looking to expand their skills.
All you need is a computer and a web browser.

About your instructor:

This course is taught by entrepreneur & designer Nima Tahami. Nima has more than 10 years of experience designing and developing dozens of mobile apps and web apps for both clients and startups of his own. Nima's current startup, ShiftRide, has been covered in many news outlets, including Forbes, where his app was highlighted for its ease of use.

Nima has created this course to help people become the best designer they can be. Design is part of the foundation of many things from great products & websites to great advertisements and everything in between. Nima has also designed and developed an open-source iPhone development library by the name of FCAlertView, helping 350,000+ app developers use beautiful customizable alert prompts within their applications.

Course Overview:

The course is broken down into 3 main parts: Learning all about Figma, Designing a Full Mobile Mockup, and Designing a Simple Web App Mockup.

Learning All About Figma:

  • Understanding why Figma is great

  • Signing Up for Figma

  • Going over the basics of the software

  • Importing Files from Sketch

  • Creating Frames, Shapes, and exploring with Drawing Tools

Designing a Full Mobile Mockup:

  • Designing the Mobile App UI for a laundry delivery service called Clean Kangaroo

  • Creating reusable design components

  • Using constraints to create responsive designs for any size mobile device

  • Applying easy-to-change styles for colors and typography

  • Turning our mockup into an interactive prototype

  • Testing our prototype on a real device

  • Sharing & Exporting our designs

  • Working live with a team inside Figma

Designing a Simple Web Mockup:

  • Designing a 3-Page Web App UI for Clean Kangaroo

  • Using Auto-Layout to create smart dynamic designs

  • Filling in our designs with sample data using Plugins

So what are you waiting for?

Let’s get started learning how to design real-world projects using Figma and take our design skills to a whole new level together.