Build a Design System from scratch (Full HD)

所在平台: Udemy

课程主页: https://www.udemy.com/course/design-system-from-scratch/

课程评论:没有评论

第一个写评论        关注课程

课程简介

课程名称:从零开始构建设计系统(全高清) 课程概述:本课程面向的对象是希望为现有产品建立设计系统的高级设计师或网页开发者。学员需具备基本的Figma和React JS知识。通过完成本课程,作为用户体验设计师,你将掌握设计系统的构建和可扩展UI组件库的创建的知识;作为开发者,你将能够发布你的第一个以设计系统为驱动的应用程序。对于已经有设计系统但使用旧方法的学员,你将学习一些高级技术,来轻松重构和扩展UI元素。 课程结构:第一部分我们将学习设计系统的基础知识,并建立设计与开发的环境。接下来,我们会基于Figma创建一个设计系统的示例组件,深入了解如何在大规模下维护UI。随后,我们将把设计实施到网页技术中,从零开始进行开发。作为附加课程,我还将展示如何为你的应用程序添加暗模式或其他主题。

课程评论(0条)

课程详情

Who is this course meant for? This course is meant for Senior Designers or Web Developers who are starting to build a Design System (DS) for their existing product. You are required to have a basic understanding of Figma and React JS.What will be the outcome?After taking this course, as a UX Designer, you'll be equipped with the knowledge of structuring a DS and creating a library of UI components that can scale. As a developer, you'll be able to ship your very first DS-driven application. For those, who already have a DS in place, which follows old methodologies, here you'll learn some sophisticated techniques to restructure your UI elements and scale them with ease.Structure of this course -In the first section, we'll learn the fundamentals of the Design System. And set up an environment for design and development.Then we will move on to creating an example component based on a design system in Figma. Here you will insights to maintain UI at scale.Next, we will take the design and implement the same using web technologies from scratch.As an additional lesson, I'll show you how to add dark mode, or in that aspect any theme to your application.

课程标签

0人关注该课程

主题相关的课程