Design System

旋风 发布于 2023-04-04

通过本系列文章的上篇（理论篇），我们已对 Design Token 有了较为深入的理解。在本篇中，我们将为大家分享如何将 Design Token 在设计工具中有效落地并与开发协作。 1、Token 在设计工具中的落地 下面，我们将把 token 分为 style token、c...

阅读(735)赞 (0)标签：Design Token

旋风 发布于 2023-04-04

自 Google 发布 Material Design 3 以来，Design Token 的概念开始进入设计师的视野。我们已通过《让组件库井井有条》这篇文章，向大家简要介绍了 Design Token 的基本概念。但在落地实践中，我们常常会遇到如下问题：• 设计师对 Desig...

阅读(970)赞 (1)标签：Design Token

旋风 发布于 2022-11-11

我们在设计工作的开展过程中，时常会因为参与人数多、业务背景杂而面临诸多考验。本文从概念、背景、类型、命名和应用五大方面来介绍视觉设计的原子Design Token，为大家解答在设计环节如何巧妙化解团队协作的难题。推荐设计伙伴们阅读了解～   提到Design Token...

阅读(709)赞 (0)标签：Design Token / 设计规范

旋风 发布于 2021-06-08

前言 最近刚把自己手头工作上的设计系统整理了一遍，有蛮多自己的收获与总结。因此把我之前学习制作设计系统时搜索到的知识和自己的一些体会整合在这篇文章里，希望能给刚学习UI或正在制作设计系统的同学带来一点帮助。 讲解设计系统方面的优秀文章已经有不少了，但是关于设计系统构建的知识点非常...

阅读(870)赞 (3)标签：Atomic Design / Design System / 设计总结 / 设计方法论 / 设计系统

旋风 发布于 2021-06-08

编辑导语：随着互联网行业的发展，产品体验的一致性和开发的效率越来越被重视，设计系统的出现就是为了解决这样的问题。一套优秀的设计系统有利于帮助产品在各个平台保持一致的设计语言和风格，给用户一致的产品体验。本文将从设计系统的概念、来源、作用和具体搭建4个方面，对设计系统进行梳理分析，...

阅读(813)赞 (1)标签：Atomic Design / Design System / 设计系统 / 设计资源

旋风 发布于 2021-06-08

近年来，Style Guide 逐渐发展衍变为 Design System，基于一套架构严谨、规则统一的框架体系，产品表现层面的设计可以逐渐实现模块化运作，从而大大提高设计效率。 而 Atomic Design（原子设计）是构建 Design System 的核心指导理论。那么，...

阅读(1193)赞 (1)标签：Atomic Design / 原子设计理论 / 设计总结 / 设计方法论 / 设计系统

旋风 发布于 2021-05-17

一. 规范很重要 规范和秩序存在于生活的方方面面。不知道大家有没观察过，稍微有点规模的咖啡连锁店，一般至少会有3位职员，分别负责收银点单，制作咖啡，打扫。他们各司其职，高效配合，以保证快速满足客户的需求。规范操作让其井井有条且高效运作，从日常工作规范到设计规范，都能起到相同的效用...

阅读(639)赞 (3)标签：交互设计 / 设计 / 设计规范

旋风 发布于 2021-05-11

在线设计、研发协作工具和组件概念的普世化，让设计、研发效率大大提升；数字产品发展到今天，数字产品对迭代速度、个性化品质要求也越来越强。设计师应该如何应对，做到更快速、高效的从设计到研发的落地？本文将通过介绍 Design Token 的基本知识及 Design Token 在设计...

阅读(659)赞 (0)