DESIGN RULES: Principles + Practices for Great UI Design
This product hasn't been reviewed yet! Be the first to share your experience.
Top alternatives
Designing Trustworthy AI Experiences
Jason Cranford Teague
5.0(Verified Reviews: 11)How To Measure UX and Design Impact
Vitaly Friedman
5.0(Verified Reviews: 6)Product Design Portfolio Lab
Aliena Cai
5.0(Verified Reviews: 6)Figma Crash Course: From Basics to Pro in 4 Days
Erin Essex
5.0(Verified Reviews: 4)
Reviews, Scores & Student Outcomes
Unclaimed ProfileMastering user interface design requires a delicate balance between aesthetic form and functional usability. Created by veteran UX expert Joe Natoli, 'DESIGN RULES: Principles + Practices for Great UI Design' provides a comprehensive roadmap for creating visually compelling, highly usable digital interfaces for apps, sites, and complex systems. The course demystifies the structural layout rules that dictate how users interact with screens, focusing heavily on small-screen design and mobile constraints. Students dive deep into the fundamental principles of visual organization, including balance, alignment, dominance, proximity, rhythm, and harmony. You will explore how to make intentional, strategic choices around typography, color palettes, and imagery to dramatically improve cognitive accessibility and user comprehension. Furthermore, the curriculum tackles the complexities of data visualization, guiding you on how to turn dense information into clear, actionable layouts. Whether you are an aspiring designer looking to build a strong professional foundation, a web developer wanting to create more polished products, or a product manager aiming to communicate better with design teams, this masterclass equips you with the essential rules and 18 UI design mantras needed to confidently ship world-class interfaces.
About the creator
Joe Natoli
View full profileNot found
—
Reviews
Joe Natoli is a veteran User Experience (UX) consultant, author, and speaker with over three decades of real-world experience. He has spent his career helping Fortune 500 companies, startups, and government organizations design products that solve complex user problems while driving business growth. His teaching style is famously direct, practical, and devoid of academic jargon. Joe focuses on "the why" and "the how" of design, ensuring that students do not just learn tools but master the strategic, critical-thinking skills required to survive and thrive in the industry. Across his massive catalog of courses—ranging from Information Architecture and UX Audits to…Show more
Ratings & reviews
This product hasn't been reviewed yet! Be the first to share your experience.
Not enough reviews yet
0 reviews
Rating breakdown
Results mentioned in reviews are individual experiences and are not guaranteed or typical.
Program Overview
Learning format
Subcategory
Price
Price may change · updated within 1–2 weeks
Course language
Learning format
Subcategory
Price
Price may change · updated within 1–2 weeks
Course language
What You'll Learn
- Learn to create useful, usable and visually compelling UI design for any kind of app, site or system.
- Learn how to properly balance form and function
- Learn the critical rules for designing on small screens and mobile devices
- Learn how to effectively organize and economize visual information
- Learn how to apply the principle of Balance to create visual order
- Learn how to apply the principle of Rhythm to establish and reinforce comprehension
- Learn how to apply the principle of Harmony to shape disparate UI elements into a unified, consistent experience
- Learn how to apply the principle of Dominance to direct user focus and enhance UX
- Learn how to apply the principle of Alignment to lead the user's eye and speed task completion
- Learn how to apply the principle of Proximity to signal relationships between screen elements and decrease users' cognitive effort
- Learn to communicate with color, typography and imagery in the UI
- Learn how color communicates and influences interaction
- Learn how to choose the right colors for any UI design
- Learn how to apply contrast properly to guide users and call attention to critical UI elements and interactions
- Learn how to determine whether or not color and contrast are appropriate
- Learn and apply the fundamentals of typography as a design element
- Learn how to choose the right fonts and design appropriately with them
- Learn and apply 7 crucial rules for great typographic design
- Learn and apply 5 rules for choosing the right imagery
- Learn and apply a core set of DOs and DON'Ts when designing with images
- Learn how to create and simplify visual cues that direct user focus and interaction
- Learn the 3 kinds of data visualizations used in UI design and when they're appropriate
- Learn how the context of the data presented determines its visual form
- Learn and apply 6 rules for great data design
- Learn how to simplify visual information to clarify meaning and improve UX
- Learn how to visually separate content from controls to make interactions easier for users to understand and act on
- Walk away with a set of "18 UI Design Mantras" that you can apply to anything and everything you ever design!
Best For
- Aspiring UI/UX designers building a foundational understanding of visual hierarchy and design principles.
- Front-end developers looking to improve the aesthetic quality and usability of the interfaces they code.
- Product managers who need to communicate design intent and evaluate interface quality effectively.
- Designers who feel their work lacks professional polish or struggle with consistent visual organization.
Not For
- Advanced graphic designers looking for deep-dive tutorials on complex animation or motion design software.
- Complete beginners seeking a 'how-to' guide on using Figma tools or learning shortcut keys for software.
- Learners strictly focused on user research methodologies, personas, or customer journey mapping.
What's included
Still confused?
Get a reply from the creator within 24 hours.
Top alternatives
Compare Similar Figma Programs
Not sure DESIGN RULES: Principles + Practices for Great UI Design is the right fit? See how it stacks up against the top-rated alternatives in figma, all rated by verified students.
More categories
Before you buy
Compare alternatives
See how DESIGN RULES: Principles + Practices for Great UI Design stacks up against top-rated programs in figma.
Compare nowRun a credibility check
Use AllPros Guru Detector to review trust signals before you spend.
Open Guru Detector