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

YouTube

Practical Solutions to Common UI Design Problems - Refactoring UI

Web Conferences Amsterdam via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Explore practical solutions to common UI design problems in this insightful conference talk from CSS Day 2019. Learn how to refactor poorly designed interfaces and elevate them to a polished look through small cosmetic changes. Discover strategies for improving text contrast, balancing whitespace, using shadows effectively, creating depth with color, and thinking beyond database constraints. Gain valuable insights on font selection, color usage, and element overlapping to enhance your design skills. Apply these techniques to various UI challenges, from simple forms to complex data presentations, and understand the reasoning behind effective interface design choices.

Syllabus

Intro
Practical Solutions to Common UI Design Problems
Give text consistent contrast
Don't use grey text on colored backgrounds
Use perceived brightness
Start with too much whitespace
Balance weight and contrast
Supercharge the defaults
Overlap elements to create depth
Use shadows to convey elevation
Shadows can have two parts
Create depth with color
Use fewer borders
Think outside the database
Alternate backgrounds
Greys don't have to be "grey"
Use good fonts

Taught by

Web Conferences Amsterdam

Reviews

Start your review of Practical Solutions to Common UI Design Problems - Refactoring UI

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.