Visual Design for Web UI Designers & Developers → Getting Better at Design

Go to class
Write Review

Free Online Course: Visual Design for Web UI Designers & Developers → Getting Better at Design provided by Skillshare is a comprehensive online course, which lasts for 3-4 hours worth of material. The course is taught in English and is free of charge. Visual Design for Web UI Designers & Developers → Getting Better at Design is taught by Muhammad Ahsan.

Overview
  • I have been teaching UI Design from the past 3 years and I have seen a lot of people getting and running after Pretty Interfaces and Pretty Designs rather than looking at the overall picture

    The Basic Understanding of all the elements you can use in your design is necessary to become a great UI Visual Designer. Also most Designer don't know the basic Principles of Design and how they apply in latest UI Design and Web Design

    Things you will learn with examples in this Class are

    • Focal Point of Design
    • Using Lines, Shapes and Curves
    • Color and theme of Design
    • Using Typefaces
    • Using White Space effectively
    • Block Level Design Technique
    • Generating Ideas
    • Getting the tone of your Design right
    • Scale of Importance in your Design

    Principles of Design with tons of Examples

    1. Proximity in UI and Web Design
    2. Alignment in UI Design
    3. Mastering Contrast in Design
    4. Using Repetition in your Designs

    In the end you will see me Design a business card from start to finish, my whole process along with my Design decision I made during this Design exercise

    • Business Card Design Case Study

    I hope this class will help you elevate your Design Skills and make you a better Designer

    Don't forget to share you projects inside this course

Syllabus
    • What this course will cover?
    • Focal Point Of Every Design
    • Using Line, Curves and Shapes in Design
    • Colors and theme of Design
    • Colors and Themes Examples
    • Using Typefaces tips and tricks
    • Examples Of using Typefaces in Web UI Design
    • Using White Space properly in UI Design
    • Block Level Design Technique
    • Methods of Generating Design Ideas
    • Examples of Generating Ideas
    • Tone of your Design
    • Scale of Importance in your Design
    • Proximity In Design- Principle of Design
    • Examples of Proximity usage in Web & Mobile App Design
    • Alignment in Design
    • Examples of Alignment in Design
    • Contrast in Visual Design
    • Using Contrast Properly Examples
    • Using Repetition in Design
    • 08 Repetition Examples
    • 08 Repetition Examples
    • CASE STUDY - Grey scale Card Desgin
    • CASE STUDY - Finalizing Card Design
    • Project → Business Card Design
    • Whats Next?
    • The Framing Effect → Advanced Topic