From the course: CSS: Design Systems and Architectures
Join today to access over 22,600 courses taught by industry experts or purchase this course individually.
Defining design and development principles - CSS Tutorial
From the course: CSS: Design Systems and Architectures
Defining design and development principles
- [Instructor] Before building your design system, start by defining your design and development principles. These will be used as guidelines for creating a consistent experience that represents the goals of your product and your brand. Let's start with design. What are the universal values and standards for making sure each design pattern is created to be consistent? These principles will be used as general guidelines, so you don't need to get into specific details just yet, such as colors and fonts. Let's look at a few examples. Google Materials design principles can be found at material.io under Design Guidelines. They have documented their goals and principles, and defined what each point means, and why they've adopted these values. The Salesforce design principles can be found under Guidelines. They have four principles defined: clarity, efficiency, consistency, and beauty. Let's look at one more example. Under Design Principles, the U.S. Web Design System has five guidelines…
Download courses and learn on the go
Watch courses on your mobile device without an internet connection. Download courses using your iOS or Android LinkedIn Learning app.