@2023 by Lingzhi Hu
Additional
Notifications
Course Progress
Tracker
Marketing Call to Action (Hero)
Cards
Navigation
Buttons
Work through a complete component design process, including ideation, design, and testing
Consider states and interaction
Consider accessibility
Design for contexts and variations
Design for user interactivity
Design Process
Design system components are pre-designed and pre-built elements that are used to create consistent and cohesive digital products in UX/UI design. They are reusable design elements that are created and managed as part of a design system. It includes visual elements such as typography, color palettes, icons, and graphics, as well as functional elements such as buttons, forms, and navigation menus. By using pre-designed components, designers can ensure that digital products have a consistent look and feel and are easy to use and navigate for users.
Design system components
After I created the brand style guide (last project), the client has a visual identity, and they want to build out their service. To do so, I designed a set of components that they can use in their web and app products, with the ultimate goal of enhancing the style guide. I already created it to become a full-fledged design system. I created high-fidelity mockups of a library of components, including any interaction or states, and documented guidelines for their usage.
Overview
Design System Components
