YoVDO

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

Offered By: Skillshare

Tags

Web Design Courses Visual Design Courses Color Theory Courses

Course Description

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

Related Courses

Make Your Own App
Technische Universität München (Technical University of Munich) via edX
Build a Full Website using WordPress
Coursera Project Network via Coursera
Build an e-portfolio using google sites
Coursera Project Network via Coursera
Build Responsive CSS3 Flexbox Holy Grail Layout
Coursera Project Network via Coursera
Build a Website Map with Jumpchart
Coursera Project Network via Coursera