DESIGN RULES: Principles + Practices for Great UI Design
- الوصف
- أقسام الدرس
- رأي
The principles, practices and real-world techniques I’m going to show you here are the same ones that have informed graphic design for hundreds of 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 design that 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 😉
-
1Design is Design is Design.درس فيديو
-
2Stop Solving Other People's Problemsدرس فيديو
-
3Form Doesn't (and Shouldn't) Follow Functionدرس فيديو
-
4Balancing Form and Function: Prescription vs. Descriptionدرس فيديو
-
5Why Form Follows Function is NOT a UI Design Prescription!درس فيديو
-
6Every Force Evolves Form (So Don't Follow the Prescription)درس فيديو
-
7Less is More: Small Screens, Big Challengesدرس فيديو
-
8Five Rules for Effective UI Design on Small Screensدرس فيديو
-
9Balance: Creating Visual Orderدرس فيديو
-
10Case Studies: Improving Balance in the User Interfaceدرس فيديو
-
11Rhythm: Establishing and Reinforcing Comprehensionدرس فيديو
-
12Harmony: Shaping the Parts Into a Wholeدرس فيديو
-
13Using Harmony to Create Directional Flowدرس فيديو
-
14Case Study: Using Harmony for Better Form Designدرس فيديو
-
15Dominance: Directing (and Maintaining) User Focusدرس فيديو
-
16Using Dominance to Increase Focus — and Decrease Cognitive Effortدرس فيديو
-
17Creating Dominance with Size, Negative Space and Contrastدرس فيديو
-
18Alignment: Leading the Eye Across the Screenدرس فيديو
-
19Case Studies: The Power of Alignmentدرس فيديو
-
20Proximity: Showing and Communicating Visual Relationshipsدرس فيديو
-
21Using Proximity to Make Cognition Fasterدرس فيديو
-
22Case studies: Using Proximity to Make Browsing Easierدرس فيديو
-
23Color: Getting Attention and Communicating Emotionدرس فيديو
-
24How Color Influences Interactionدرس فيديو
-
25A Word on Color Theory — and Using Color Correctlyدرس فيديو
-
26How to Choose the Right Colors for your UI: Common Associationsدرس فيديو
-
27How to Choose the Right Colors for your UI: Emotional Impactدرس فيديو
-
28How to Choose the Right Colors for your UI: From the World Around Youدرس فيديو
-
29How to Choose the Right Colors for your UI: From Brand Colorsدرس فيديو
-
30The Power of Contrastدرس فيديو
-
31Using Contrast to Improve Readability, Attention and Focusدرس فيديو
-
32Three Essential Functions of Contrast in UI Designدرس فيديو
-
33How to Determine Appropriate Color and Contrastدرس فيديو
-
34Typography 101: It's About Much More Than Choosing a Font!درس فيديو
-
35Creating Emotional Impact with Typographyدرس فيديو
-
36Choosing a Font Isn't Typography: The Importance of Pattern Recognitionدرس فيديو
-
37The Importance of Proper Alignment, Leading and Kerningدرس فيديو
-
38Seven Rules for Great Typographyدرس فيديو
-
39Imagery DOs and DON'Tsدرس فيديو
-
40Working with Iconsدرس فيديو
-
41Four Core Types of Icons (and How to Choose the Right Type)درس فيديو
-
42Five Rules for Effective Icon Designدرس فيديو
-
43Dealing with Dataدرس فيديو
-
44Five Rules for Great Data Designدرس فيديو
-
45Simplifying Visual Information Part 01درس فيديو
-
46Simplifying Visual Information Part 02درس فيديو
-
47Separating Content from Controls Part 01درس فيديو
-
48Separating Content from Controls Part 02درس فيديو