惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

雷峰网
雷峰网
WordPress大学
WordPress大学
MyScale Blog
MyScale Blog
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
T
The Blog of Author Tim Ferriss
U
Unit 42
罗磊的独立博客
G
Google Developers Blog
Microsoft Azure Blog
Microsoft Azure Blog
The Cloudflare Blog
aimingoo的专栏
aimingoo的专栏
Vercel News
Vercel News
N
Netflix TechBlog - Medium
H
Hackread – Cybersecurity News, Data Breaches, AI and More
云风的 BLOG
云风的 BLOG
Hugging Face - Blog
Hugging Face - Blog
大猫的无限游戏
大猫的无限游戏
F
Fortinet All Blogs
博客园 - 聂微东
Stack Overflow Blog
Stack Overflow Blog
小众软件
小众软件
博客园 - 【当耐特】
H
Help Net Security
The GitHub Blog
The GitHub Blog

Articles on Smashing Magazine — For Web Designers And Developers

Stop Treating CSS Container Queries Like Traditional Media Queries — Smashing Magazine Building A UX ROI Case That Survives The Boardroom — Smashing Magazine The Death Of The Button: Why The Best Interface Is No Interface — Smashing Magazine The Many Faces Of September (2026 Wallpapers Edition) — Smashing Magazine Rethinking Data Visualisation: A UX Approach To Dashboards That Actually Drives Decisions — Smashing Magazine Why Your Website Should Never Stop Changing — Smashing Magazine Timing Charts: A Blueprint For SMIL Animations — Smashing Magazine New EU Guidelines For AI Labelling — Smashing Magazine Building Tactile UX: Honoring Intentional Design With Lottie — Smashing Magazine How Baseline Can Help You Ship Less JavaScript — Smashing Magazine Small Joys And Big Adventures (August 2026 Wallpapers Edition) — Smashing Magazine The Bull And Bear Case For Digital Design In The Age Of AI — Smashing Magazine Thinking Outside The Box: Digital Design In The AI Era — Smashing Magazine Weaponizing And Defending The React Flight Protocol: Deserialization Sinks In RSCs — Smashing Magazine When It Makes Sense To “Block” The Main Thread — Smashing Magazine No, People Don’t Want More AI In Their Life — Smashing Magazine From Kickoff To First Concept: How To Turn Brand Strategy Into Visual Direction — Smashing Magazine Designing For Distressed Users: Why Mental Health Apps Shouldn’t Follow Every UI Fashion — Smashing Magazine Meet Kirki: WordPress’s First Visual Builder With An Infinite Canvas — Smashing Magazine Users Don’t Need More Tools: They Need Seamless Integrations — Smashing Magazine Matching AI Modality To User Intent: Designing The Right Interface — Smashing Magazine Why Accessibility Is An Operational Capability, Not A Feature — Smashing Magazine Snapshots Of Summer (July 2026 Wallpapers Edition) — Smashing Magazine Designing With Uncertainty: How AI Supercharges Probabilistic Thinking — Smashing Magazine The Impact Of Humanoid Robots On Humanity — Smashing Magazine The Benefits Of Cognitive Inclusion In UX Research — Smashing Magazine How To Make Your Design System AI-Ready — Smashing Magazine June Is For Exploring (2026 Wallpapers Edition) — Smashing Magazine Algorithmic Theming Engines: Building Self-Correcting Color Systems With contrast-color() — Smashing Magazine Your Prototype Is Not Being Honest With Your Users (And Here’s How To Fix It) — Smashing Magazine
A Practical Guide To Design Principles — Smashing Magazine
About The Author · 2026-04-01 · via Articles on Smashing Magazine — For Web Designers And Developers

Design principles with references, examples, and methods for quick look-up. Brought to you by Design Patterns For AI Interfaces, friendly video courses on UX and design patterns by Vitaly.

We often see design principles as rigid guidelines that dictate design decisions. But actually, they are an incredible tool to rally the team around a shared purpose and document the values and beliefs that an organization embodies.

They align teams and inform decision-making. They also keep us afloat amidst all the hype, big assumptions, desire for faster delivery, and AI workslop. But how do we choose the right ones, and how do we get started? Let’s find out.

Real-World Design Principles

In times when we can generate any passable design and code within minutes, we need to decide better what’s worth designing and building — and what values we want our products to embody.

It’s similar to voice and tone. You might not design it intentionally, but then end users will define it for you. And so, without principles, many company initiatives are random, sporadic, ad-hoc — and feel vague, inconsistent, or simply dull to the outside world.

Design principles are guidelines and design considerations that designers apply with discretion — by default, without debating or discussing what has already been agreed upon.

One fantastic resource that I keep coming back to after all these years is Ben Brignell’s Principles.design. It has 230 pointers for design principles and methods, searchable and tagged, covering everything from language and infrastructure to hardware and organizations.

10 Principles Of Good Design

There is no shortage of principles out there. But the good ones are more than just being visionary — they have a point of view, and they explain what we don’t do as much as what we do. They also explain what we stand for in the world — beyond profits, stock prices, and all the hype and noise around us.

10 legendary principles for good design
10 legendary principles for good design, by Dieter Rams. Still relevant, after all these years. (Large preview)

Many years ago, I encountered Dieter Rams’ 10 principles of good design (see above), a very humble, practical and tangible overview of principles that were informing, shaping, and guarding his design work at Braun.

There are no visionary claims, and no big bold statements: just a clear overview of what we do, and where our ambition and care lie for the products we are designing. It’s honest, sincere, and in many ways beautifully humane.

Examples Of Design Principles

There are plenty of wonderful examples that I keep close:

Design Principles In Design Systems

How To Establish Design Principles

Design principles can be personal, but usually they are committed to and shaped by the entire product team. Design principles aren’t just for designers. User’s experience is everything from performance to support to customer service, and ideally, participants would cover these areas as well.

In practice, though, establishing principles might feel incredibly challenging. They are abstract and fluffy and often ambiguous, and often very difficult to agree upon.

Workshop kit for a design principles workshop
One of many workshop kits for a design principles workshop. (Large preview)

You can get started with a simple 8-step workshop (inspired by Marcin Treder, Maria Meireles and Better):

  1. Pre-session Research
    Study how users speak about the products, what they appreciate, and the words they use.
  2. Get Into Principles Mode
    Invite 6–8 participants, ask them to choose their favorite object, and describe it in 3 words.
  3. Product Analogies
    Compare product to tangible items (e.g., ‘A Porsche 911’ or ‘a Braun audio system’).
  4. Extract Attributes
    Individually, in silence, everyone writes 3–5 initial principles, which are then grouped by theme for review.
  5. Link Attributes To Research
    Link attributes to actual user pain points or desires, to make sure they are grounded in reality.
  6. Value Statements
    We write ‘We want X because of Y’ sentences that express the rationale behind our thinking.
  7. Move to Principles
    Remove analogies to create enduring rules that will guide our design process.
  8. Reality Check
    Search for both positive and negative examples in our products to see where principles are being met or ignored.
Variants of sentences for establishing design principles
Voting for the most relevant sentences in keyword groups. From Better. (Large preview)

Useful Starter Kits For Principles Workshops

Wrapping Up

Creating principles is only a small portion of the work; most work is about effectively sharing and embedding them. It’s difficult to get anywhere without finding ways to make design principles a default — by revisiting settings, templates, naming conventions, and output.

Principles help avoid endless discussions that often stem from personal preferences or taste. But design should not be a matter of taste; it must be guided by our goals and values. Design principles can help with just that.

Meet “Design Patterns For AI Interfaces”

Meet Design Patterns For AI Interfaces, Vitaly’s new video course with 100s of real-life examples and UX guidelines to design AI features that people actually use — with a live UX training later this year. Jump to a free preview.

Design Patterns For AI Interfaces promo picture
Meet Design Patterns For AI Interfaces, Vitaly’s video course on interface design & UX.

Useful Resources

Smashing Editorial (yk)