126 lines
5.5 KiB
HTML
126 lines
5.5 KiB
HTML
<h1 id="awesome-design-principles-awesome">Awesome Design Principles <a
|
||
href="https://github.com/sindresorhus/awesome"><img
|
||
src="https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg"
|
||
alt="Awesome" /></a></h1>
|
||
<p>A curated list of good design and experience principles.</p>
|
||
<blockquote>
|
||
<p>Design Principles are a tool for creating better and more consistent
|
||
designs and experiences. They are high level rules that guide detailed
|
||
design decisions. They are often written down within bigger style
|
||
guides, pattern libraries or design systems.</p>
|
||
</blockquote>
|
||
<p>Know a resource that isn’t listed below? Feel free to create a new <a
|
||
href="https://github.com/robinstickel/awesome-design-principles/pulls">pull
|
||
request</a>, or open an <a
|
||
href="https://github.com/robinstickel/awesome-design-principles/issues/new">issue</a>.
|
||
Please read the <a href="CONTRIBUTING.md">contribution guidelines</a>
|
||
before contributing.</p>
|
||
<h3 id="contents">Contents</h3>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/robinstickel/awesome-design-principles#principles-within-bigger-design-systems">Principles
|
||
within bigger Design Systems</a></li>
|
||
<li><a
|
||
href="https://github.com/robinstickel/awesome-design-principles#articles-about-design-principles">Articles
|
||
about Design Principles</a></li>
|
||
<li><a
|
||
href="https://github.com/robinstickel/awesome-design-principles#other-resources">Other
|
||
Resources</a></li>
|
||
<li><a
|
||
href="https://github.com/robinstickel/awesome-design-principles#credits-and-notes">Credits
|
||
and Notes</a></li>
|
||
</ul>
|
||
<h2 id="principles-within-bigger-design-systems">Principles within
|
||
bigger Design Systems</h2>
|
||
<ul>
|
||
<li><a href="https://ant.design/docs/spec/proximity">Alibaba Ant Design
|
||
Principles</a></li>
|
||
<li><a
|
||
href="https://developer.apple.com/design/human-interface-guidelines/">Apple
|
||
Human Interface Principles</a></li>
|
||
<li><a
|
||
href="https://atlassian.design/guidelines/brand/personality">Atlassian
|
||
Brand Personality</a></li>
|
||
<li><a
|
||
href="https://coop-design-manual.herokuapp.com/principles.html">Co-op
|
||
Design Principles</a></li>
|
||
<li><a
|
||
href="http://design.firefox.com/photon/introduction/principles.html">Firefox
|
||
Photon Design System Principles</a></li>
|
||
<li><a
|
||
href="https://material.io/guidelines/#introduction-principles">Google
|
||
Material Design Principles</a></li>
|
||
<li><a href="https://www.gov.uk/design-principles">GOV.uk Design
|
||
Principles</a></li>
|
||
<li><a href="http://harmony.intuit.com/voice-tone/">Harmony Design
|
||
System Voice & Tone Principles</a></li>
|
||
<li><a
|
||
href="https://www.carbondesignsystem.com/guidelines/accessibility/overview">IBM
|
||
Carbon Design Principles</a></li>
|
||
<li><a href="http://design-system.lostmy.name/design-principles">Lost My
|
||
Name Design System Principles</a></li>
|
||
<li><a
|
||
href="http://styleguide.mailchimp.com/writing-principles/">Mailchimp
|
||
Writing Goals and Principles</a></li>
|
||
<li><a href="https://design.trello.com/principles">Nachos - Trello’s
|
||
Design System Principles</a></li>
|
||
<li><a href="https://seek-oss.github.io/seek-style-guide/">Seek Style
|
||
Guide Principles</a></li>
|
||
<li><a
|
||
href="https://polaris.shopify.com/principles/principles#app">Shopify
|
||
Polaris Principles</a></li>
|
||
<li><a href="https://standards.usa.gov/design-principles/">U.S. Web
|
||
Design Principles</a></li>
|
||
</ul>
|
||
<h2 id="articles-about-design-principles">Articles about Design
|
||
Principles</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://www.cxpartners.co.uk/our-thinking/design-principles/">Design
|
||
Principles - a Guide</a> - Good introduction and best practices.</li>
|
||
<li><a
|
||
href="https://blog.asana.com/2013/10/design-principles/">Developing
|
||
Asanas Design Principles</a> - Inside article on how Asana developed
|
||
their principles.</li>
|
||
<li><a
|
||
href="https://www.invisionapp.com/blog/core-principles-of-ui-design/">The
|
||
Core Principles of UI Design</a> - Short excerpt from Fundamental UI
|
||
Design, an InVision e-course by Jane Portman.</li>
|
||
<li><a
|
||
href="https://medium.com/apegroup-texts/design-principles-a-guide-to-less-shitty-feedback-64e9541816c1">Design
|
||
Principles Guide to less shitty Feedback</a> - Short introduction and
|
||
practical guide on how to set design principles (with examples)</li>
|
||
</ul>
|
||
<h2 id="other-resources">Other Resources</h2>
|
||
<ul>
|
||
<li><a
|
||
href="https://github.com/BEICOOP/BEICPBLChallenge/blob/master/Phase3/Stakeholders_Roles/Designer.md">Built
|
||
Environment Innovation Design</a> - Lists professional design
|
||
disciplines associated with built environment ventures and describes
|
||
their roles (part of an open source project based learning challenge
|
||
curricula).</li>
|
||
<li><a href="http://learndesignprinciples.com/">Learn Design
|
||
Principles</a> - Learn how design principles can be applied from
|
||
architecture to product design.</li>
|
||
<li><a href="http://www.designprinciplesftw.com/">Design Principles
|
||
FTW</a> - “The biggest collection of Design Principles on the
|
||
Internet.”</li>
|
||
<li><a href="https://principles.adactio.com/">principles.adactio.com</a>
|
||
- Huge list with various types of more traditional design
|
||
principles.</li>
|
||
<li><a
|
||
href="http://bokardo.com/principles-of-user-interface-design/">Principles
|
||
of User Interface Design</a> - Long list with well explained principles
|
||
by Joshua Porter</li>
|
||
<li><a
|
||
href="http://bokardo.com/principles-of-product-design/">Principles of
|
||
Product Design</a> - Long list with well explained principles by Joshua
|
||
Porter</li>
|
||
</ul>
|
||
<h3 id="credits-and-notes">Credits and Notes</h3>
|
||
<p>This list is heavily inspired by <a
|
||
href="https://github.com/alexpate/awesome-design-systems">Awesome Design
|
||
Systems</a> by Alex Pate. As an UX designer I find myself writing design
|
||
and/or experience principles quite often. I created this list for
|
||
reference and to get inspiration for better design principles.</p>
|