Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Skillshare

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

via Skillshare

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

Taught by

Muhammad Ahsan

Reviews

Start your review of Visual Design for Web UI Designers & Developers → Getting Better at Design

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.