DESIGN RULES: Principles + Practices for Great UI Design

BY
Udemy

Mode

Online

Fees

₹ 599 4099

Quick Facts

particular details
Medium of instructions English
Mode of learning Self study
Mode of Delivery Video and Text Based

Course and certificate fees

Fees information
₹ 599  ₹4,099
certificate availability

Yes

certificate providing authority

Udemy

The syllabus

Ground Rules: What You Need To Know Upfront

  • Design is Design is Design
  • Stop Solving Other People's Problems
  • Form Doesn't (and Shouldn't) Follow Function
  • Balancing Form and Function: Prescription vs. Description
  • Why Form Follows Function is NOT a UI Design Prescription!
  • Every Force Evolves Form (So Don't Follow the Prescription)
  • Less is More: Small Screens, Big Challenges
  • Five Rules for Effective UI Design on Small Screens

Organizing Visual Information

  • Balance: Creating Visual Order
  • Case Studies: Improving Balance in the User Interface
  • Rhythm: Establishing and Reinforcing Comprehension
  • Harmony: Shaping the Parts Into a Whole
  • Using Harmony to Create Directional Flow
  • Case Study: Using Harmony for Better Form Design
  • Dominance: Directing (and Maintaining) User Focus
  • Using Dominance to Increase Focus — and Decrease Cognitive Effort
  • Creating Dominance with Size, Negative Space and Contrast
  • Alignment: Leading the Eye Across the Screen
  • Case Studies: The Power of Alignment
  • Proximity: Showing and Communicating Visual Relationships
  • Using Proximity to Make Cognition Faster
  • Case studies: Using Proximity to Make Browsing Easier

Using Color and Contrast Appropriately

  • Color: Getting Attention and Communicating Emotion
  • How Color Influences Interaction
  • A Word on Color Theory — and Using Color Correctly
  • How to Choose the Right Colors for your UI: Common Associations
  • How to Choose the Right Colors for your UI: Emotional Impact
  • How to Choose the Right Colors for your UI: From the World Around You
  • How to Choose the Right Colors for your UI: From Brand Colors
  • The Power of Contrast
  • Using Contrast to Improve Readability, Attention and Focus
  • Three Essential Functions of Contrast in UI Design
  • How to Determine Appropriate Color and Contrast

Designing with Typography and Imagery

  • Typography 101: It's About Much More Than Choosing a Font!
  • Creating Emotional Impact with Typography
  • Choosing a Font Isn't Typography: The Importance of Pattern Recognition
  • The Importance of Proper Alignment, Leading and Kerning
  • Seven Rules for Great Typography
  • Five Rules for Choosing Imagery
  • Imagery DOs and DON'Ts

Creating and Simplifying Visual Cues

  • Working with Icons
  • Four Core Types of Icons (and How to Choose the Right Type)
  • Five Rules for Effective Icon Design
  • Dealing with Data
  • Five Rules for Great Data Design
  • Simplifying Visual Information Part 01
  • Simplifying Visual Information Part 02
  • Separating Content from Controls Part 01
  • Separating Content from Controls Part 02

Things to Remember

  • Recap: UI Design Mantras

Trending Courses

Popular Courses

Popular Platforms

Learn more about the Courses

Download the Careers360 App on your Android phone

Regular exam updates, QnA, Predictors, College Applications & E-books now on your Mobile

Careers360 App
150M+ Students
30,000+ Colleges
500+ Exams
1500+ E-books