Foundations of Liferay Design - Introduction

A design system is a set of tools, standards, and components that streamlines product development and ensures consistency across solutions. Organizations require robust design systems to produce predictable and visually cohesive experiences for their users. Design systems also foster collaboration between designers and developers by providing a shared framework of guidelines and capabilities that they can use to create engaging, accessible solutions.

So far, you’ve learned about Clarity Vision Solutions and set up your course environment. In this module, you’ll dive into Liferay’s design system to gain a high-level understanding of the design elements available to you in Liferay DXP, along with general techniques and best practices for using those elements effectively.

By the end of this module, you'll have the knowledge and skills to

• Understand the array of components that make up a design system.
• Identify the Liferay-specific design elements available to both developers and designers.
• Optimize your design system to improve user experience, resource efficiency, and search engine performance.