Visual Design for Web Designers, UI Designers and Developers

Video description

Improve your UI designs by mastering Design Theory, Design principles, and Secret Techniques

About This Video

  • Realize the purpose of high-quality designing
  • Follow a step by step process to polish your design
  • Explore visual design principles in a comprehensive manner

In Detail

Design is more science than art and can be created effectively by learning and strengthening your command over graphic design principles and techniques.

The course begins with making you understand the significance of design and how an inspiration could be taken from standard examples. You will explore design theory from a UI design perspective and become independent of the design tools. As you progress through the sections, you will understand the applications of line, shapes, typeface, and colors. In the concluding modules, you will explore the concepts of proximity, alignment, and contrast in design.

By the end of this course, you will be proficient in upgrading your designs to an advanced level with the help of visual design principles.

Publisher resources

Download Example Code

Table of contents

  1. Chapter 1 : Introduction to Design and its Essence
    1. What is Design and Can I learn it? 00:02:30
    2. Don't Depend on Design Tools 00:02:37
    3. Business Side of Design 00:03:10
    4. Purpose and Goal of Design 00:03:00
  2. Chapter 2 : Overcoming Blank Canvas Fear
    1. Blank Canvas Fear - First thing you encounter 00:01:20
    2. Never Design without Content 00:02:26
    3. Examples of Designing without Content 00:04:40
    4. Expose yourself to Good Design 00:10:07
    5. Stealing Design Ideas 00:07:16
    6. Ways of Generating Ideas 00:07:06
    7. Examples of Generating Ideas 00:06:15
    8. Work on Details Later on 00:08:11
    9. Importance of Simple Designs 00:04:56
  3. Chapter 3 : The Elements of Design → with UI and Web Design Examples
    1. Focal Point of Every Design 00:10:05
    2. Lines, Shapes and Curves 00:09:48
    3. Using Colors and theme in your Design 00:05:34
    4. Examples → Colors and Themes in your Design 00:08:47
    5. Using Typography in Design - Tips and Tricks 00:07:07
    6. Examples of Typography Contrast in Design 00:04:06
    7. Using White Space effectively in Design 00:11:06
    8. BLOCK Design Technique 00:05:36
    9. Tone of your Design 00:07:11
    10. Scale of Importance in your Designs 00:10:58
    11. Impact of Premium Images, Illustrations and Icons in your UI Design 00:10:14
  4. Chapter 4 : Principles of Design you must know
    1. Principle of Proximity in Design 00:04:40
    2. Examples of Proximity in UI Design 00:05:32
    3. Alignment in Design 00:04:24
    4. Examples of Alignment in Design 00:06:17
    5. Using Contrast in Design 00:03:33
    6. Examples of Contrast in Design 00:12:43
    7. Repetition in Design 00:05:51
    8. Examples of Repetition in Design 00:09:56
    9. Balance in your Design - Symmetry and Asymmetry 00:19:14
  5. Chapter 5 : Case Study → Designing a Business Card by using Design Principles
    1. Grey Scale Design → Design a Business card using Photoshop 00:12:37
    2. Adding Colors and theme to our Grey Scale Design 00:14:25
  6. Chapter 6 : Advanced Visual Design Topics
    1. The Framing Effect - use in Web Design and UI Design effectively 00:10:36
    2. All about using Grids in Web Design 00:14:58
    3. Using Grids in Mobile App Design 00:09:18
    4. Mastering Subtle Differences in UI Design 00:11:02
    5. What to do NEXT? 00:00:07

Product information

  • Title: Visual Design for Web Designers, UI Designers and Developers
  • Author(s): Muhammad Ahsan Pervaiz
  • Release date: January 2020
  • Publisher(s): Packt Publishing
  • ISBN: 9781800200852