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