Become a Designer in 2020! Master Mobile and Web Design, User Interface + User Experience (UI/UX Design), HTML, and CSS
Web & Mobile Designer in 2021
What you’ll learn
Build beautifully designed web and mobile projects for your customers using modern tools employed by top companies in 2021
Get hired as a Designer or become a freelancer which will work from anywhere and for anyone. Designers are in high demand!
Includes 100+ assets and premium design templates that you simply can keep and use to customize for all of your future projects – Web & Mobile Designer in 2020
Master Figma for your design needs then learn to convert your designs into a live HTML an CSS website
Have a tremendous design portfolio customized and professionally completed by the top of the course (we provide it for you!)
Master both Web and Mobile design principles and the way to travel from sketching to completely fledged hi-fi designs which will wow customers
Learn to style for all kinds of devices using Figma and other tools employed by a number of the highest designers within the world – Web & Mobile Designer in 2020
Learn to use HTML5 and CSS3 to form your designs come to life and make fully working websites
Learn best practices that takes years to find out within the design industry
Learn to form professional logos and style choices for all branding needs
Learn UI/UX best practices using the newest trends within the industry
Learn to be a designer also as an internet developer at an equivalent time (a rare combination of skills that’s in high demand) – Web & Mobile Designer in 2020
Requirements
No requirements. We teach you and show you everything from scratch! From Zero to Mastery
Get ready to fall crazy with Design and making everything you touch into beautiful projects for the remainder of your life!
Description – Web & Mobile Designer in 2020
Just launched with all modern Design tools and best practices for 2021! Join a live online community of over 350,000+ students and a course taught by industry experts that have actually worked both in Silicon Valley and Toronto for top companies. an excellent Designer is becoming harder and harder to seek out and it isn’t rare to seek out designers make $160,000+ salaries now because it’s such a valuable skill. we’ll teach you ways to urge there!
Using the newest best practices in Web Design and Mobile Design also as interface and User Experience Design (UI/UX), this course focuses on efficiently getting you from zero to some extent where you’ll get hired or win freelance contracts. we’ll use in demand tools like Figma to point out you a full workflow from start to end . Graduates of Andrei’s courses are now performing 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 simply can keep and use to customize for all of your future projects. We guarantee you this is often the foremost comprehensive online resource on Design skills!
The curriculum goes to be very hands on as we walk you from start to end of working as a Designer, all the way into learning the way to create final professional designs then converting them into actual websites or apps using HTML and CSS.
The topics covered within 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 ought to be doing before you begin
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 fast 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 proper typeface
Typography basics Part 3
Picking a typeface
Does your typeface fit your scenario?
Expanding an existing type system
Choosing typefaces in Google Fonts
Narrowing down your typography choices
Creating a kind system in Figma
3. Color
Color Schemes
Important inquiries 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 make new components
Using constraints to make responsive components
Creating a registration form in Figma
5. Imagery + Iconography
Resources and techniques to make 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 seek out Icons quickly
Creating our very own custom icons
6. Accessibility
What is accessibility?
Assistive technologies
Visual patterns for accessibility (Part 1)
Tools to form 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 selecting 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 facility 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 at once – 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 fresh course will take you from the very basics where we mention principles and fundamentals of graphic design, all the thanks 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 just about cover it all in order that subsequent time you’re responsible of designing a product you’ve got the step by step outline and guide to figure as knowledgeable designer – Web & Mobile Designer in 2020
We are getting to teach you the talents which will allow you to charge tons of cash for some time . to not compete for a couple of dollars an hour on some random freelancing websites. The goal is to offer you the talents of a top designer, and along the way, we are getting to design an actual product for a corporation that you simply are going to be ready to increase your portfolio.
This course isn’t about making you only watch along without understanding the principles in order that once you are through with the course you don’t know what to try to to aside from watch another tutorial. No! This course will push you and challenge you to travel from an absolute beginner to someone that’s a top Designer which will get hired! Design may be a valuable skill that doesn’t get outdated easily like most technical skills. Trends change, but the talents and fundamentals you learn during this course will take you a great many years into the longer term .
This course is for you if – Web & Mobile Designer in 2020
– you’re an entire beginner looking to become a designer and freelance
– you’re a designer who is looking to charge more for your work
– you’re a developer who is looking to enhance their design skills
Taught By:
Andrei is that the instructor of the very best rated Development courses on Udemy also together of the fastest growing. His graduates have moved on to figure for a few of the most important tech companies round 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 several years, and is now taking all that he has learned, to show programming skills and to assist you discover the amazing career opportunities that being a developer allows in life.
Having been a self taught programmer, he understands that there’s an awesome number of online courses, tutorials and books that are overly verbose and inadequate at teaching proper skills. most of the people feel paralyzed and don’t know where to start out when learning a posh material , or maybe worse, most of the people don’t have $20,000 to spend on a coding bootcamp.
Programming skills should be affordable and hospitable all. An education material should teach real world skills that are current and that they shouldn’t 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’s now dedicating 100% of his time to teaching others valuable software development skills so as to require control of their life and add an exciting industry with infinite possibilities.
Andrei promises you that there are not any other courses out there as comprehensive and also explained. He believes that so as to find out anything useful , you would like to start out with the inspiration and develop the roots of the tree. Only from there’ll you be ready to learn concepts and specific skills(leaves) that hook up with the inspiration . Learning becomes exponential when structured during this way.
Taking his experience in educational psychology and coding, Andrei’s courses will take you on an understanding of complex subjects that you simply 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!
Who this course is for:
Anyone who wants to start a Web or Mobile Design business on the side as a freelancer, or work as a designer at a company
Web Developers and Mobile Developers wanting to add another valuable skill to their tool belt
Anyone who wants to get hired as a Web Designer, Mobile Designer, UI/UX Designer
Anyone who want to learn about the latest CSS3 features like Flexbox, CSS Grid and CSS Variables as well as HTML5
Size: 11.47GB
