All about creating design style guides
Style guide is a set of standards that establish and enforce style to improve communication. How you create a style guide can significantly impact the productivity of your team and the brand.
Mybridge AI evaluates the quality of content and ranks the top articles for professionals. In this observation, we’ve compared nearly 1,400 articles about creating style guides and picked the top 31 for designers.
1,400 -> 31. Only 2.2% chance to be included.
This list is competitive and carefully includes articles that walk you through the best practices and methodologies in creating a design style guide.
<Recommended Learning>
Learn Figma — UI/UX Design Essential Training: Learn how to design a beautiful, engaging app.
[1,745 recommends, 4.8/5 stars]
Sketch 3 from A to Z: Become a Paid Professional App Designer.
[10,334 recommends, 4.7/5 stars]
<Company>
No.1 ) GE’s Predix Design System. Courtesy of Jeff Crossman, Product Designer at GE
No.2 ) Building a Visual Language — Behind the scenes of Airbnb’s new design system. Courtesy of Karri Saarinen, Designer at Airbnb
No.3 ) Designing of Medium — the earlier version. Courtesy of Geoff Teehan, Product Design Director, Facebook
No.4 ) Managing Style Guides at Shyp. Courtesy of Micah Sivitz, Director of Design at Shyp
No.5 ) Eventbrite Design: An evolutionary process. Courtesy of David Scott, Creative Director at Eventbrite
<Atomic Design>
No.1 ) Best practices to creating web design style guides — Beyond Tellerrand Conference. Courtesy of Brad Frost
No.3 ) Designing Systems — Atomic Design (ch.1). Courtesy of Brad Frost
<UI>
No.1 ) How To Be More Organized While Designing UI. Courtesy of Marek Minor
No.2 ) Buttons in Design Systems . Courtesy of Nathan Curtis, Founder of UX firm Eightshapes.
No.3 ) Creating Style Guides to Keep the User Interface Consistent. Courtesy of Susan Robertson
No.4 ) Color in Design Systems for Web Design. Courtesy of Nathan Curtis
No.5 ) Visual connections in modular design systems. Courtesy of Alla Kholmatova
<General>
No.1 ) Designing a styleguide: Elements that go into building compelling products. Courtesy of Jonathan Z. White.
No.2 ) A more seamless workflow — style guides for better design and development. Courtesy of Ash Connolly and Free Code Camp
No.3 ) Creating A Living Style Guide. Courtesy of Steven Lambert
No.4 ) Quick Tip On Design Systems: Sell The Output, Not The Workflow. Courtesy of Smashing Magazine
No.5 ) 10 steps to creating a great Style Guide for Web Design. Courtesy of Tomas Laurinavicius and Inside Designmodo
No.6 ) Intro to Style Guides. Courtesy of Nicole Saidy
<Examples>
No.1) Product Style Guide, Visual guidelines for Salesforce1. Courtesy of Salesforce UX
No.2 ) IMB Design Language
No.3 ) Google Play Style Guide: How we solved Google Play’s design problems. Courtesy of Google
No.6 ) Medium Brand Development. Courtesy of Medium
That’s it for Design Style Guides.
If you like this curation, you can read Top 10 daily articles for your skills on iPhone & iPad.
If you don’t have an iOS device, signup on website and receive weekly Top 10 articles for your skills.
Mybridge is a free reading app for professionals. The AI technology ranks articles across the web and finds you the top articles.Read more and achieve!
Recommend & Share..