Become a Rad UI Designer without the bull­čĺę

Enroll Now
$59.99
  • 6.5+ hours of content
  • Beginner to Expert
  • Follow-Along Tuts
  • Lifetime Access

Rad UI Design

Beginner to Expert Tactician

Figma Pro Workflows

Learn my workflow & build your Figma skills with my Beginner to Intermediate Figma course.

My Course
Get Course

Information Architecture

The foundation of design is knowing what to prioritize. Learn tactics to build great IA patterns.

Typography Tactics

Learn the terms you need to know, where to find great fonts, and how to approach styling & branding with typography.

Spacing & Grouping

The biggest sign of an early designer is their use of spacing. Become a spacing guru with actionable techniques.

Color Techniques

Learn how to generate & build a great color palette, how to find accessible colors, and how to apply those colors in designs!

Build a Process

Learn ways to create and refine a process & mental approach that will help you create better work that gets stakeholder buy-in.

Who is this for?

You should know the basics of a program like Figma. Otherwise, you can join this course and learn the tactics gleamed through 13 years of experience.

1

Learn Figma

1

Learn Figma

2

Learn UI Design

2

Learn UI Design

3

Practice w/ 70Rad

3

Practice w/ 70Rad

Enroll Now
$59.99

Meet Your Instructor

Nolan Perkins

@radnolan

HeÔÇÖs been designing apps & websites since 2010 with most of his career being spent bringing early-stage products to life. His designs have helped raise millions in capital, and his apps have seen 100k+ users.

HeÔÇÖs worked in a design agency bringing to life apps and websites for airports and major universities, he freelanced for years full-time, and heÔÇÖs worked in multiple product teams where heÔÇÖs hired and managed designers in a Lead role.

Now, heÔÇÖs on a mission to help new designers hone their skills & think like startup founders so they can build the future.

Get the Course Now

$59.99

Getting work as a designer requires more than knowing UX Design tactics. You've got to be a great visual designer who knows Information Architecture tactics.

Nolan has included all his best tactics learned over 13 years as a web & product designer.

  • Understand how to leverage Information Architecture.
  • Gain a mastery of Typography and Color sourcing & application
  • Become a spacing guru who can make any type of content look stunning.
  • Build a process to create repeatable & killer designs that gets buy-in.
Enroll Now
$59.99

The Curriculum

Meticulously crafted to sharpen UI Design skills & build upon each other.

Intro to UI Design

Welcome! See what you'll be learning and understand why UI design is such an important part of the process.

  • Welcome!
  • Needs for the Course
  • Approach to the course
  • UI vs UX
  • Why UI┬áis so important

Building a Mental Approach

To be successful, you've got to have the right mental approach to help you be able to show up and deliver every day. Learn how to start building that approach!

  • Why a mental approach is needed
  • Building a flow state
  • Handling adversity

Information Architecture (IA)

IA is the practice of organizing & presenting information so that it is easy to understand. That's why this is such a foundational topic to UI, but one that gets grouped into UX design too often.

  • What is information architecture
  • ´╗┐´╗┐How IA connects to UX
  • ´╗┐´╗┐IA in vour workflow

Typography Foundations

Learn how to find great typography, pair fonts well, and tactics to create great designs & IA.

  • ´╗┐´╗┐Type Terms
  • ´╗┐´╗┐Type Libraries
  • ´╗┐´╗┐Typewolf
  • ´╗┐´╗┐Font Pairings
  • ´╗┐´╗┐Typography Best Practices
  • Work Study Intro
  • ´╗┐´╗┐Derail with me
  • ´╗┐´╗┐Typography Design
  • ´╗┐´╗┐Bring the vibes

Spacing & Grouping Tactics

IA needs "scannability" so you need to learn how to group things visually and space them appropriately.

  • Scannability
  • Spacing Grids
  • ´╗┐´╗┐Leveled Spacing.
  • ´╗┐´╗┐Fibonnoci Sequence
  • ´╗┐´╗┐Rad SpacingÔäó
  • ´╗┐´╗┐Spacing Work Study Intro
  • ´╗┐´╗┐Setting spacing patterns
  • ´╗┐´╗┐Grid Row
  • ´╗┐´╗┐The Graph
  • ´╗┐´╗┐Bringing it together

Box Model & Interaction

Learn to start styling your UI while thinking in boxes. (It's more important than it sounds, trust me)

  • ´╗┐´╗┐Why Think In Boxes?
  • ´╗┐´╗┐Box Model Breakdown
  • ´╗┐´╗┐Border Radius and Vibes
  • ´╗┐´╗┐Border Styles
  • ´╗┐´╗┐Boxes can be buttons
  • ´╗┐´╗┐Button Tactics
  • ´╗┐´╗┐Cashflow Work Study Intro
  • ´╗┐´╗┐The First Box
  • ´╗┐´╗┐Box Grid

Color Techniques

Learn to find great color palettes and how to apply them--including dark mode tactics!

  • ´╗┐´╗┐Color is Action
  • ´╗┐´╗┐Coolors and Color Application
  • ´╗┐´╗┐Accessibility Contrast
  • ´╗┐´╗┐Creating Lavered Palette
  • Shade Layering Tactics
  • ´╗┐´╗┐Dark Mode
  • ´╗┐´╗┐Color Work Study - Plant Ann Intro
  • ´╗┐´╗┐Building our Palette
  • ´╗┐´╗┐Coloring the Plant App

Mood Boarding Process

Where a great designer's process begins and ends. Learn to vizualize & align with stakeholders like a pro designer.

  • Intro to Mood Boarding
  • ´╗┐´╗┐What is a mood board?
  • ´╗┐´╗┐Where to find moods
  • ´╗┐´╗┐Alignment through Mood Boarding
  • C´╗┐client Mood Board Walkthrough
  • ´╗┐´╗┐2nd Client Mood Board Walkthrough

Consistency & Approach

Process and pointers to be a better designer in the real world.

  • ´╗┐´╗┐Design Thinking in Ul
  • ´╗┐´╗┐Warning on Design Thinking
  • ´╗┐´╗┐Thinking Like a Developer
  • ´╗┐´╗┐Consistency is Key
Enroll Now
$59.99