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

Muhammad Ahsan, UI UX Visual Designer 10+ Years

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
27 Lessons (3h 18m)
    • 1. What this course will cover?

      1:27
    • 2. Focal Point Of Every Design

      10:05
    • 3. Using Line, Curves and Shapes in Design

      9:47
    • 4. Colors and theme of Design

      5:34
    • 5. Colors and Themes Examples

      8:46
    • 6. Using Typefaces tips and tricks

      7:06
    • 7. Examples Of using Typefaces in Web UI Design

      4:06
    • 8. Using White Space properly in UI Design

      11:08
    • 9. Block Level Design Technique

      5:36
    • 10. Methods of Generating Design Ideas

      7:06
    • 11. Examples of Generating Ideas

      6:14
    • 12. Tone of your Design

      7:13
    • 13. Scale of Importance in your Design

      11:01
    • 14. Proximity In Design- Principle of Design

      4:39
    • 15. Examples of Proximity usage in Web & Mobile App Design

      5:34
    • 16. Alignment in Design

      4:24
    • 17. Examples of Alignment in Design

      6:18
    • 18. Contrast in Visual Design

      3:32
    • 19. Using Contrast Properly Examples

      12:44
    • 20. Using Repetition in Design

      6:04
    • 21. 08 Repetition Examples

      9:51
    • 22. 08 Repetition Examples

      9:51
    • 23. CASE STUDY - Grey scale Card Desgin

      12:36
    • 24. CASE STUDY - Finalizing Card Design

      14:55
    • 25. Project → Business Card Design

      1:36
    • 26. Whats Next?

      0:37
    • 27. The Framing Effect → Advanced Topic

      10:37
20 students are watching this class

About This Class

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

3a04c84b

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