Visual Design for Web UI Designers & Developers → Getting Better at Design | Muhammad Ahsan | Skillshare

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

Muhammad Ahsan, UI UX Visual Designer

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

      1:27
    • Focal Point Of Every Design

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

      9:47
    • Colors and theme of Design

      5:34
    • Colors and Themes Examples

      8:46
    • Using Typefaces tips and tricks

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

      4:06
    • Using White Space properly in UI Design

      11:08
    • Block Level Design Technique

      5:36
    • Methods of Generating Design Ideas

      7:06
    • Examples of Generating Ideas

      6:14
    • Tone of your Design

      7:13
    • Scale of Importance in your Design

      11:01
    • Proximity In Design- Principle of Design

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

      5:34
    • Alignment in Design

      4:24
    • Examples of Alignment in Design

      6:18
    • Contrast in Visual Design

      3:32
    • Using Contrast Properly Examples

      12:44
    • Using Repetition in Design

      6:04
    • 08 Repetition Examples

      9:51
    • 08 Repetition Examples

      9:51
    • CASE STUDY - Grey scale Card Desgin

      12:36
    • CASE STUDY - Finalizing Card Design

      14:55
    • Project → Business Card Design

      1:36
    • Whats Next?

      0:37
    • The Framing Effect → Advanced Topic

      10:37

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

207

Students

--

Projects

  • --
  • Beginner
  • Intermediate
  • Advanced
  • All Levels
  • Beg/Int
  • Int/Adv

Level

Community Generated

The level is determined by a majority opinion of students who have reviewed this class. The teacher's recommendation is shown until at least 5 student responses are collected.

Muhammad Ahsan

UI UX Visual Designer

I started my Freelancing Career just 8 years ago and learned everything the hard way myself. I went from scratch to end up working for FORTUNE 500 companies like INTEL, PANASONIC and Coca-Cola.

In just 1 years of Serious UI Designing, I made my place on DRIBBBLE
Working with Art Directors from Coca-Cola and Project Managers from the UK, I learned a lot in short period of time.

Worked from App Icon Design to App UI Design, from wireframes, prototypes and Mockups Design. I have...

See full profile

Report class