Shift Nudge is a new online course—currently in Private Beta—that covers all the nitty-gritty details of crafting the visual side of UI. The course is taught through the lens of UX, with a focus on designing beautiful & functional user interfaces.

mds

Taught by MDS

8 Modules • 84 Lessons

Start

10 Lessons  •  1h 17m

  1. Welcome to the Course
  2. How Everything Works
  3. Pro-Designer Mindset
  4. Choosing Design Software
  5. UX vs. UI (A-•-•-•-B)
  6. Design Process Overview
  7. Using Reference Material
  8. Quick Keys for a Fast Workflow
  9. Organizing Design Projects
  10. Figma Organization

Typography

11 Lessons  •  4h 32m

  1. Font Size
  2. Font Weight
  3. Hierarchy
  4. Titles & Body
  5. Callouts
  6. Truncation
  7. Text Style Definitions
  8. Interactive Text
  9. Combining Text & Element
  10. Start With System Fonts
  11. Using Alternate Fonts

Layout

10 Lessons  •  4h 47m

  1. The Box Model
  2. Grids & Containers
  3. Implicit Grid
  4. Negative Space
  5. Alignment
  6. Optics vs. Math
  7. High & Low Density
  8. Scale, Weight, & Hierarchy
  9. Affordance
  10. Interactive Layouts

Color

10 Lessons  •  5h 25m

  1. Color Picking Methods
  2. Contrast & Accessibility
  3. Structural vs. Interactive
  4. First, Second, Third
  5. Strategic Definitions
  6. Amount & Modification
  7. Gradients
  8. Nifty Shades of Grey
  9. White & Almost White
  10. Secrets of Dark UI

Style

10 Lessons  •  5h 06m

  1. Design Direction
  2. Subtlety is Key
  3. Corner Radius
  4. Borders & Dividers
  5. Depth, Lighting and Shadow
  6. Opacity & Blur
  7. Deconstructing Styles
  8. Button Styles
  9. Marketing Site Style
  10. Form vs. Function

Imagery

11 Lessons  •  3h 08m

  1. Imagery Overview
  2. Static Images
  3. To Rasterize or Not
  4. Dynamic Images
  5. Blend Modes
  6. Photo Manipulation
  7. Resourceful Asset Collection
  8. Creating Icons
  9. Using Icons
  10. Simple Illustrations
  11. App Icons

Elements

(Not yet recorded)

  1. Navigation
  2. Authentication
  3. Lists & Cards
  4. Lists & Details
  5. Profile
  6. Settings
  7. Notifications
  8. Sorting, Filtering, & Editing
  9. Alerts, Modals, Interstitials
  10. Tables
  11. Forms & Input
  12. Component Abstraction (Design Systems)

Tactics

(Not yet recorded)

  1. No-stress Experiments
  2. Low-Fidelity Designs
  3. Mobile & Responsive
  4. Scaling Desktop to Mobile
  5. iOS Design
  6. Material Design
  7. Design Doc Organization
  8. Leading Design Reviews
  9. Animation & Prototyping
  10. Developer Handoff
  11. Getting Work

Get Notified

Be the first to know when it's available

Shift Nudge enrollment is closed for testing with Private Beta Students. Hop on the list below to get notified when enrollment is available. Once you're on the list, you'll get access to a free lesson to check out the format.

  • In-Depth and Intensive Training
  • Best Practices of Interface Design
  • Real World Practical Examples
  • Shift Nudge Slack Community
  • 80+ Design Lessons
  • Over 16 Hours of Video Content
  • Downloadable Design Files
  • Lifetime Access

Sign up and get the Organizing Design Projects lesson sent to your inbox.

    Really grateful for the course you’ve put together. I'm learning a lot from the lessons and enjoying them. Thank you!

    hasan
    —Hasan

    Just finished the typography module and wow, I learned so much! Very grateful for the quality of content and great editing.

    dan
    —Dan

    I'm so happy I found this course. It's short, clean, clear, and well organized. Thanks for having me in the private beta!

    anipier
    —Anipier

    The COURSE IS FREAKING LIT.

    denis
    —Denis

    Hey! Thanks again for this course. Slowly learning a ton. It's giving me confidence to slowly redesign a client's full website.

    david
    —David

    I'm in love with your course and the way you explain things. Thanks again!

    kakau
    —Kakau