Learn to Design Beautiful, Accessible Interfaces

Learn to Design Beautiful, Accessible Interfaces

with

Matt D. Smith

Join design director Matt D. Smith for a live, interactive workshop session where you’ll have the opportunity to learn how to design visually beautiful interfaces—all while balancing functionality and accessibility.

Get notified when
this workshop comes online

Play video

Resume video

About the workshop

About the workshop

About the workshop

About the workshop

About the workshop

Session 1: Designing Beautiful Interfaces

Taught through a strong UX lens, in Designing Beautiful Interfaces you'll learn MDS’ trusted practices of typography, layout, color, and more. You’ll leave this Dribbble Workshop feeling more confident about your interface design decisions, as well as an over-the-shoulder live walkthrough of some of MDS’ client and personal project design files. Additionally, bring your toughest interface design questions for MDS in our Q&A session at the conclusion of the workshop.

  • Quick Keys

  • File Organization

  • Component Variants

  • Visual Design Tips & Tricks

  • Typography Systems

  • Box Model Process for Layout

  • Balancing Function & Accessibility

  • Optimizing Colors

Lastly, as a bonus you'll leave your session with an official Shift Nudge UI design checklist to apply your workshop learnings in all your future projects.

Session 2: Designing for Accessibility

Designers, accessibility is a crucial component of your work. It’s also one that all creative practitioners have a responsibility to consider—whether to satisfy legal requirements, provide your clients and their customers the best level of value, or simply to serve the greatest possible audience you can.

The good news is that understanding and implementing important elements of accessibility isn’t as difficult, expensive, or time-consuming as you might think. In Designing for Accessibility you’ll be shown how to consider accessibility from the very beginning of your projects, and how this mindset can enhance beauty of your design work as a whole, and make for a more efficient workflow.

Topics include:

  • How to start with accessibility

  • Understanding WCAG

  • Using contrast scores

  • 3 must-have colors in your designs

  • Form design techniques

  • Tips for input fields

  • Insights for visual affordance

  • Implementing an A11Y process

You’ll not only receive MDS’ actionable design insights, but you’ll also learn that creating accessible interfaces doesn't mean sacrificing visual aesthetics. After leaving this Dribbble Workshop you’ll be more confident in letting accessibility inform your creative process.

What you’ll learn
  • Component Variants

  • Visual Design Tips & Tricks

  • Typography Systems

  • Box Model Process for Layout

  • Balancing Function & Accessibility

  • Understanding WCAG

  • Insights for visual affordance

  • Implementing an A11Y process

Get notified when
this workshop comes online

Meet your instructor

Matt D. Smith

He’s led client projects around the world, served as an adjunct design professor at University of Georgia, guest lectured at Harvard, and taught workshops at conferences all over the US including Adobe MAX, Dribbble Hangtime and Epicurrence.

MDS co-created the popular MacOS menu bar app Contrast that provides over 8,000 designers—and counting—quick access to WCAG color contrast scores. He also created Flowkit, a component library that lets you create user flows inside of their favorite design tool.

His latest endeavor, Shift Nudge, has the mission of leading a new generation of interface designers to build the digital products of the future.

Related workshops