Shift Nudge is a new online course—currently in production—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.

I'm Interested!

Sign up and get a free lesson

mds

Taught by MDS

8 Modules • 84 Lessons

Start

9 Lessons

  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 Key Workflow
  9. Organizing Design Projects

Typography

10 Lessons

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

Layout

10 Lessons

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

Color

10 Lessons

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

Style

10 Lessons

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

Imagery

11 Lessons

  1. Imagery Overview
  2. Blend Modes
  3. Dynamic Images
  4. Asset Collection
  5. Icon Design
  6. Background Images
  7. Text on Images
  8. Photo Manipulation
  9. Simple Illustrations
  10. Photo Usage Protips
  11. Using Video

Elements

12 Lessons

  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. Interactive Elements
  11. Forms & Input
  12. Component Abstraction

Tactics

12 Lessons

  1. Putting Everything Together
  2. No-stress Experiments
  3. Interface Copywriting
  4. Responsive Design
  5. Mobile First
  6. iOS Design
  7. Material Design
  8. Design File Organization
  9. Animation & Prototyping
  10. Developer Handoff
  11. Leading Design Reviews
  12. Getting Work

Get Notified

Hop on the list

Be the first to get notified when the Private Paid Beta is ready for enrollment. Beta students will have exclusive early access to the course, and frequent interaction with MDS to answer questions, give critique, and provide feedback. The Private Paid Beta will be limited to 100 spots only.

  • Private Beta will include:
  • Exclusive Early Access • 100 Spots
  • In-Depth and Intensive Training
  • Best Practices of Interface Design
  • Shift Nudge Slack Commumity
  • Direct Feedback from MDS
  • ~16 Hours of Video Content
  • Downloadable Design Files
  • Lifetime Access

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