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

Course Name : Complete Web & Mobile Designer: UI/UX, Figma, +more
Students : 162,609
Duration : 25 hours & 15 downloadable resources
Avg Rating : 4.5 (33,370 ratings)
Original Price : $119.99
Discount Price : $15
Instructor / Provider : Andrei Neagoie, Udemy
Course Type : Self Paced Online Course. Lifetime Access
Coupon : Click on ENROLL NOW to apply discount code

You’ll Learn How to:

• Create Stunning Web & Mobile Projects: Learn to design and build visually appealing projects for clients using cutting-edge tools utilized by top companies in 2023.
• Career Opportunities: Gain the skills to become a sought-after designer or freelancer who can work from anywhere in the world. Designers are in high demand!
• Exclusive Resources: Access 100+ premium assets and design templates to customize for all your future projects.
• Master Figma: Become proficient in Figma and learn to transform your designs into fully functional HTML and CSS websites.
• Build Your Portfolio: Finish the course with a professional design portfolio tailored to impress potential clients or employers.
• Web & Mobile Design Principles: Understand the fundamentals of designing for various devices, from sketching initial concepts to creating high-fidelity, polished designs.
• Responsive Design: Learn to adapt your designs for multiple screen sizes and devices.
• HTML5 & CSS3 Development: Bring your designs to life by creating interactive and visually appealing websites.
• Industry Best Practices: Master techniques and strategies that professionals take years to develop.
• Branding Expertise: Create professional logos and make informed design choices for comprehensive branding.
• UI/UX Mastery: Explore the latest trends and best practices in user interface and user experience design.
• Dual Skillset: Combine design and development skills to become a hybrid professional, making you highly valuable in the job market.

Course Overview

1. Web & Mobile Design Fundamentals

• Understand the difference between design and development.
• Explore web and mobile design principles, ensuring your projects cater to a diverse range of devices.

2. Getting Started: Sketching, Inspiration & Structure

• Sketching: Learn the basics, tips, and process for creating user flows and capturing design ideas.
• Inspiration: Discover how to stay inspired and find ideas online.
• Figma Basics: Dive into Figma’s interface and tools, including frames, groups, shapes, text, auto layout, and community plugins.
• Projects: Design logos, responsive navigation, buttons, and imagery.

3. Explore & Iterate: Wireframes, Prototyping & Feedback

• Wireframes: Create low-fidelity designs for home, cart, and profile pages using reusable components.
• Prototyping: Learn to build interactive flows, animations, and presentation-ready prototypes in Figma.
• Feedback: Understand the importance of constructive feedback for refining your designs.

4. Visual Design: Theory & Accessibility

• Grids and Spacing: Master the rules of grid design for both mobile and desktop layouts.
• Typography: Explore font types, pairings, and text systems to elevate your brand’s look and feel.
• Color Theory: Learn to create cohesive color palettes and apply them effectively in your designs.
• Imagery & Iconography: Use images, illustrations, and custom icons to enhance your projects.
• Forms & UI Elements: Create accessible and user-friendly forms and components.
• Accessibility: Design for inclusivity by using assistive technologies and best practices.

5. Design Exploration: Patterns, Motion & Microinteractions

• Design Patterns: Analyze and implement design patterns for effective UI/UX.
• Mobile Design: Apply best practices for mobile-first designs.
• Motion & Microinteractions: Use Figma’s Smart Animate and interactive components to add polish and engagement.
• Projects: Build parallax screens, interactive buttons, and dynamic overlays.

6. Design Systems & High-Fidelity Prototypes

• Design Systems: Organize foundational styles, components, and templates for scalable design workflows.
• Final Design Execution: Create and prototype polished designs for onboarding, registration, home, wishlist, and checkout screens.

7. From Figma to Website

• Transform your Figma designs into fully functional websites using HTML and CSS.

8. HTML5

• Learn the structure and basics of HTML to create semantically correct web pages.

9. CSS3

• Master CSS fundamentals, including Grid, Flexbox, and animations to style and enhance your web pages.

10. Publishing Your Website

• Learn how to put your finished website online to showcase your skills to the world.

FAQs on Udemy Coupon