Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

UX Foundations: Style Guides and Design Systems

via LinkedIn Learning

Overview

Learn how to create a style guide and design system that agencies, contractors, and staff can use to create user experiences that fit your brand.

A style guide is the document that sets the tone for how your organization communicates and how it designs its products. It incorporates branding, company philosophy, and an understanding of your customers and your market. It may describe the visual, written, and sometimes even spoken styles you use. Agencies, freelancers, designers, and developers will employ the guide to make sure they are on message and on brand—and avoid wasted time and effort. Join UX specialist Chris Nodder, as he leads you through building a style guide that describes your UX strategy in a unified way that everyone can understand. Learn how to build in consistency, creativity, and flexibility so your team can build amazing user experiences that reflect a coherent and recognizable company voice. Plus, discover how to create a design system of reusable interface components, complete with code snippets, to ensure your company's design language is consistent from product to product.

Syllabus

Introduction
  • Setting the bar with style guides and design systems
1. What Are Style Guides and Design Systems?
  • Communicating user experience standards
  • More than just a couple of documents
  • The design system
  • The style guide
  • Where to start
2. Style Guide Basics
  • Why have a style guide?
  • Who in a company uses a style guide?
  • What about small companies?
3. What's in a Style Guide?
  • Brand and company philosophy
  • Defining your audience
  • Personality and tone of voice
  • Visual elements
  • Links to resources
4. Creating Your Style Guide
  • Check out your existing resources
  • Get buy-in from relevant groups
  • Start writing
  • Promoting and enforcing the guide
5. Design System Basics
  • Controlling interface chaos
  • What a design system looks like
  • Who is a design system for?
6. Components of a Design System
  • Design philosophy
  • Index of components
  • Submission and commenting system
  • The underlying process
7. Creating Your Design System
  • Justifying the need
  • Setting up a team to build your system
  • Deciding on a platform
  • Build, review, and release schedules
  • Populating the system
  • Socializing the idea
  • Politics of adoption
Conclusion
  • Next steps

Taught by

Chris Nodder

Related Courses

Reviews

Start your review of UX Foundations: Style Guides and Design Systems

Never Stop Learning!

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free