Complete Web & Mobile Designer in 2021: UI/UX, Figma, +more (Udemy.com)
Become a Designer in 2021! Master Mobile and Web Design, User Interface + User Experience (UI/UX Design), HTML, and CSS
Created by: Andrei Neagoie
Produced in 2021
What you will learn
- Build beautifully designed web and mobile projects for your customers using modern tools used by top companies in 2021
- Get hired as a Designer or become a freelancer that can work from anywhere and for anyone. Designers are in high demand!
- Includes 100+ assets and premium design templates that you can keep and use to customize for all your future projects
- Master Figma for your design needs then learn to convert your designs into a live HTML an CSS website
- Have an amazing design portfolio customized and professionally completed by the end of the course (we provide it for you!)
- Master both Web and Mobile design principles and how to go from sketching to fully fledged high fidelity designs that will wow customers
- Learn to design for all types of devices using Figma and other tools used by some of the top designers in the world
- Learn to use HTML5 and CSS3 to make your designs come to life and create fully working websites
Quality Score
Overall Score : 94 / 100
Course Description
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 Andreis 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 Development01 GETTING STARTED Sketching, Inspiration + Structure1. SketchingIntro to sketchingSketching UX flowsSketching tips2. InspirationHow to stay inspiredHow to find inspiration online3. User FlowsWhat are user flows?
The dos and dontsSpeeding up our workflow with componentsCreating our own user flows (Registration) Part 1Creating our own user flows (Search) Part 2Creating our own user flows (Checkout) Part 34. SitemapsAn intro to sitemapsCreating a basic sitemapWhat you should be doing before you startCreating a sitemap (part 1)Creating a sitemap (part 2)Tips for getting started02 EXPLORE AND ITERATE Wireframes, Prototyping and Feedback1. WireframesWhat is a wireframe?
How do I create a wireframe?
Speeding up your workflow in FigmaCreating our home pageCreating a product pageCreating a checkout page2. PrototypingPrototyping 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 FigmaWorking on small interactions with Figma3. Getting feedbackWhy is feedback so important?
How to get constructive feedback03 VISUAL DESIGN Design Theory + Accessibility1. Grids + SpacingSpacing and Grid BasicsResponsive Grids in FigmaCreating our own grid in FigmaThe rules of the grid2. TypographyTypography basics Part 1Matching typefaces to an eraTypography basics Part 2Selecting the right typefaceTypography basics Part 3Picking a typefaceDoes your typeface suit your scenario?
Expanding an existing type systemChoosing typefaces in Google FontsNarrowing down your typography choicesCreating a type system in Figma3. ColorColor SchemesImportant questions to ask before picking colorsHelpful tips for creating color palettesCreating a monochromatic color paletteApplying a our simple color paletteExpanding a strict color paletteCreating our own color palette4. Forms + UI ElementsWhat are UI ElementsBest practices Part 1: FormsBest practices Part 2: Inputs Part 1Best practices Part 2: Inputs Part 2Best practices Part 2: Inputs Part 3Best practices Part 2: Inputs Part 4Best practices Part 3: ButtonsHow to create components in FigmaUsing atomic elements in FigmaUsing Instances in FigmaEditing instances to create new componentsUsing constraints to create responsive componentsCreating a registration form in Figma5. Imagery + IconographyResources and techniques to create great visual assetsWorking with photos in Figma Part 1Working with photos in Figma Part 2Working with illustrations in FigmaUsing Figma plugins to find Icons quicklyCreating our very own custom icons6. AccessibilityWhat is accessibility?
Assistive technologiesVisual patterns for accessibility (Part 1)Tools to make your design accessibleVisual patterns for accessibility (Part 2)04 DESIGN EXPLORATION Application Design + Design Systems1. Design PatternsWhat are design patterns?
Why are design patterns valuable?
How to apply design patternsAnalyzing design patterns togetherDissecting and choosing design patterns together2. Mobile DesignMobile design best practices (Part 1)Mobile design best practices (Part 2)3. Applying Visual DesignDesign FidelityStyle exploration (Navigation)Style exploration (Cards)Style exploration (Interests)Style exploration (New elements)4. MotionThe importance of motionThe purpose of motionIntro to Smart AnimateShowcasing the power of Smart Animate5. MicrointeractionsWhat 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 Figma1. Design SystemsWhat 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 CompositionsUsing our design system (Search)Using our design system (Product Description)Using our design system (Cart)06 FROMFIGMATOWEBSITE (take a Figma design and convert it to a live website using HTMLand CSS)07 HTML + HTML508 CSS+ CSS3 - CSS Basics, CSS Grid, Flexbox, CSS Animations09 PUTTINGYOURWEBSITEONLINEThis 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 dont 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 doesnt get outdated easily like most technical skills. Trends change, but the skills and fundam
Instructor Details
- 4.7 Rating
64 Reviews
Andrei Neagoie
Andrei is the instructor of the highest rated Development courses on Udemy as well asone of the fastestgrowing.His graduates havemovedon to work forsome of the biggest techcompanies around the world like Apple, Google, Tesla, Amazon, JP Morgan, IBM, UNIQLO etc...Hehasbeen working as a senior software developer inSilicon Valley and Toronto for many years,andis now taking all that he has learned,to teachprogramming skills andto help youdiscover the amazing career opportunities that being a developer allows inlife.
Having beena self taught programmer,he understands that there is anoverwhelming number of online courses, tutorials and booksthat 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 materialshould teach real life skills that are current andthey should not waste a student's valuable time.
Having learned importantlessons from working for Fortune 500 companies, tech startups, to evenfounding his own business, he is now dedicating 100% of his time toteaching others valuablesoftware development skillsin 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 wel
More courses by Andrei Neagoie
Complete React Developer in 2021 (w/ Redux, Hooks, GraphQL) (2021)
4.5 (462 Reviews)
Provider: Udemy
Time: 39.5h
$11.99
The Complete Web Developer in 2021: Zero to Mastery (2021)
4.8 (461 Reviews)
Provider: Udemy
Time: 35.5h
$11.99
Master the Coding Interview: Data Structures + Algorithms (2021)
4.7 (312 Reviews)
Provider: Udemy
Time: 19h
$11.99
Learning to Learn [Efficient Learning]: Zero to Mastery (2021)
4.7 (312 Reviews)
Provider: Udemy
Time: 5h
$11.99
More ux design courses
User Experience (UX): The Ultimate Guide to Usability and UX (2021)
4.9 (50 Reviews)
Provider: Udemy
Time: 10.5h
$11.99
Brand & UX Design: Intro to User Experience for Brands (2018)
4.9 (23 Reviews)
Provider: Udemy
Time: 1h
$11.99
The Complete Sketch 5 Course - Design Apps & Websites 2021 (2021)
4.8 (50 Reviews)
Provider: Udemy
Time: 15.5h
$11.99
Sketching for UX Designers - Boost UX work with pen & paper! (2021)
4.8 (50 Reviews)
Provider: Udemy
Time: 4.5h
$11.99
UX Design Career Toolkit Pt 1: Is UX Right For You? (2018)
4.8 (50 Reviews)
Provider: Udemy
Time: 1.5h
$11.99




![Learning to Learn [Efficient Learning]: Zero to Mastery](/programming/other/images/2771350_d87b_3.jpg?v=1789153414)









