DESIGN RULES: Principles + Practices for Great UI Design
DESIGN RULES: Principles + Practices for Great UI Design, available at $109.99, has an average rating of 4.62, with 50 lectures, based on 14173 reviews, and has 55166 subscribers.
You will learn about 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! This course is ideal for individuals who are UI and Web Designers, Print Designers, Web and App Developers and anyone looking to take their UI work to the next level! It is particularly useful for UI and Web Designers, Print Designers, Web and App Developers and anyone looking to take their UI work to the next level!.
Enroll now: DESIGN RULES: Principles + Practices for Great UI Design
Summary
Title: DESIGN RULES: Principles + Practices for Great UI Design
Price: $109.99
Average Rating: 4.62
Number of Lectures: 50
Number of Published Lectures: 50
Number of Curriculum Items: 50
Number of Published Curriculum Objects: 50
Original Price: $89.99
Quality Status: approved
Status: Live
What You Will 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!
Who Should Attend
- UI and Web Designers, Print Designers, Web and App Developers and anyone looking to take their UI work to the next level!
Target Audiences
- UI and Web Designers, Print Designers, Web and App Developers and anyone looking to take their UI work to the next level!
The principles, practices and real-world techniques I’m going to show you here are the same ones that have informed graphic design for hundredsof years. And while that may sound like blasphemy to some of you, I guarantee you’ll see why and how they apply equally to the world of digital design — especially for mobile devices and their small screens.
I’m going to give you 50 lessons across 5 hours, packed with timeless, ironclad, unchanging rules for good UI designthat you can apply to anything and everything you ever work on. You’ll learn how to create and apply hierarchy, color, contrast, typography, and gestalt principles to design appropriate visual cues for your users — and that’s just for starters.
You’ll learn how to make it easier for people to interact with what they see on the screen – whether they know what to tap, swipe or click, and whether what happens meets their expectations and moves them closer to their goals. You’ll learn how to create and apply hierarchy, color, contrast, typography and gestalt principles to design appropriate visual cues so people know where and how to take action.
I’ll show you how to make good visual decisions for even the most challenging applications, from simplifying complex visual information to designing with data. My goal with this course is to give you everything you need to know to make great UI design decisions, no matter what the content, context or product may be.
Trends will come and go, and it won’t matter: your UI will still be useful, usable, appropriate and relevant for its users. From this point forward, you’ll be equipped to make strategic, impactful User Interface designs that communicate, guide, encourage, motivate and educate. Anything else is decoration, and decoration has a very short shelf life.
When it comes to User Interface (UI) design, your job — whether you’re a designer, developer, UXer or a mix of all those things — is to make sure that no aspect of someone’s onscreen interaction happens without explicit intent. The UI design choices we make have to reflect the user’s motivations, expectations, environment and possible actions.
All of those things manifest themselves in the User Interface — so what people see on the screen is usually the sum of their understanding about what this is and how it works.
So what we show them has to do a hell of a job communicating what’s there for them, how it’s organized, how they get to it and what they can do with it once they do.
By the time you finish Design Rules, you’ll be able to do much more than create a more beautiful User Interface. Instead, you’ll be able to design a UI that truly works for the people who use it. One that it allows them to easily figure out where to start and how to get what they need — quickly, efficiently and intuitively.
Of course, it’ll also just happen to be beautiful 😉
Course Curriculum
Chapter 1: Ground Rules: What You Need to Know Upfront
Lecture 1: Design is Design is Design.
Lecture 2: Stop Solving Other People's Problems
Lecture 3: Form Doesn't (and Shouldn't) Follow Function
Lecture 4: Balancing Form and Function: Prescription vs. Description
Lecture 5: Why Form Follows Function is NOT a UI Design Prescription!
Lecture 6: Every Force Evolves Form (So Don't Follow the Prescription)
Lecture 7: Less is More: Small Screens, Big Challenges
Lecture 8: Five Rules for Effective UI Design on Small Screens
Chapter 2: Organizing Visual Information
Lecture 1: Balance: Creating Visual Order
Lecture 2: Case Studies: Improving Balance in the User Interface
Lecture 3: Rhythm: Establishing and Reinforcing Comprehension
Lecture 4: Harmony: Shaping the Parts Into a Whole
Lecture 5: Using Harmony to Create Directional Flow
Lecture 6: Case Study: Using Harmony for Better Form Design
Lecture 7: Dominance: Directing (and Maintaining) User Focus
Lecture 8: Using Dominance to Increase Focus — and Decrease Cognitive Effort
Lecture 9: Creating Dominance with Size, Negative Space and Contrast
Lecture 10: Alignment: Leading the Eye Across the Screen
Lecture 11: Case Studies: The Power of Alignment
Lecture 12: Proximity: Showing and Communicating Visual Relationships
Lecture 13: Using Proximity to Make Cognition Faster
Lecture 14: Case studies: Using Proximity to Make Browsing Easier
Chapter 3: Using Color and Contrast Appropriately
Lecture 1: Color: Getting Attention and Communicating Emotion
Lecture 2: How Color Influences Interaction
Lecture 3: A Word on Color Theory — and Using Color Correctly
Lecture 4: How to Choose the Right Colors for your UI: Common Associations
Lecture 5: How to Choose the Right Colors for your UI: Emotional Impact
Lecture 6: How to Choose the Right Colors for your UI: From the World Around You
Lecture 7: How to Choose the Right Colors for your UI: From Brand Colors
Lecture 8: The Power of Contrast
Lecture 9: Using Contrast to Improve Readability, Attention and Focus
Lecture 10: Three Essential Functions of Contrast in UI Design
Lecture 11: How to Determine Appropriate Color and Contrast
Chapter 4: Designing with Typography and Imagery
Lecture 1: Typography 101: It's About Much More Than Choosing a Font!
Lecture 2: Creating Emotional Impact with Typography
Lecture 3: Choosing a Font Isn't Typography: The Importance of Pattern Recognition
Lecture 4: The Importance of Proper Alignment, Leading and Kerning
Lecture 5: Seven Rules for Great Typography
Lecture 6: Five Rules for Choosing Imagery
Lecture 7: Imagery DOs and DON'Ts
Chapter 5: Creating and Simplifying Visual Cues
Lecture 1: Working with Icons
Lecture 2: Four Core Types of Icons (and How to Choose the Right Type)
Lecture 3: Five Rules for Effective Icon Design
Lecture 4: Dealing with Data
Lecture 5: Five Rules for Great Data Design
Lecture 6: Simplifying Visual Information Part 01
Lecture 7: Simplifying Visual Information Part 02
Lecture 8: Separating Content from Controls Part 01
Lecture 9: Separating Content from Controls Part 02
Chapter 6: Things to Remember
Lecture 1: Recap: UI Design Mantras
Instructors
-
Joe Natoli
30-year UX + Design Veteran; Consultant, Author & Speaker
Rating Distribution
- 1 stars: 55 votes
- 2 stars: 128 votes
- 3 stars: 950 votes
- 4 stars: 4541 votes
- 5 stars: 8499 votes
Frequently Asked Questions
How long do I have access to the course materials?
You can view and review the lecture materials indefinitely, like an on-demand channel.
Can I take my courses with me wherever I go?
Definitely! If you have an internet connection, courses on Udemy are available on any device at any time. If you don’t have an internet connection, some instructors also let their students download course lectures. That’s up to the instructor though, so make sure you get on their good side!
You may also like
- Top 10 Video Editing Courses to Learn in November 2024
- Top 10 Music Production Courses to Learn in November 2024
- Top 10 Animation Courses to Learn in November 2024
- Top 10 Digital Illustration Courses to Learn in November 2024
- Top 10 Renewable Energy Courses to Learn in November 2024
- Top 10 Sustainable Living Courses to Learn in November 2024
- Top 10 Ethical AI Courses to Learn in November 2024
- Top 10 Cybersecurity Fundamentals Courses to Learn in November 2024
- Top 10 Smart Home Technology Courses to Learn in November 2024
- Top 10 Holistic Health Courses to Learn in November 2024
- Top 10 Nutrition And Diet Planning Courses to Learn in November 2024
- Top 10 Yoga Instruction Courses to Learn in November 2024
- Top 10 Stress Management Courses to Learn in November 2024
- Top 10 Mindfulness Meditation Courses to Learn in November 2024
- Top 10 Life Coaching Courses to Learn in November 2024
- Top 10 Career Development Courses to Learn in November 2024
- Top 10 Relationship Building Courses to Learn in November 2024
- Top 10 Parenting Skills Courses to Learn in November 2024
- Top 10 Home Improvement Courses to Learn in November 2024
- Top 10 Gardening Courses to Learn in November 2024