电脑桌面
添加小米粒文库到电脑桌面
安装后可以在桌面快捷访问

Design-Token-应用指南——设计篇

Design-Token-应用指南——设计篇_第1页
1/7
Design-Token-应用指南——设计篇_第2页
2/7
Design-Token-应用指南——设计篇_第3页
3/7
Design Token 应用指南——设计篇编辑导语:在产品设计流程中,从设计到研发落地,期间需要让研发团队与前线团队理解产品的设计法律规范,而合适的方式方法不仅有助于减少沟通成本,同时也有利于后期的产品迭代升级。本篇文章里,作者介绍了 design token 这一方法,让我们一起来看一下。 在线设计、研发协作工具和组件概念的普世化,让设计、研发效率大大提升;在数字产品进展到今日,数字产品对迭代速度、个性化品质要求也越来越强。设计师应该如何应对,做到更快速、高效地从设计到研发的落地?本文将通过介绍 Design Token 的基本知识及 Design Token 在设计中通过应用为大家提供新的问题解决思路。一、关于设计的一致性 设计师对于原子设计理论(Atomic Design Methodology)肯定不陌生,从原子(Atoms)、分子(Molecules)、组织(Organisms)、模板(Templates)、页面(Pages)包括标准流程(Patterns)到更完善的设计体系(Design Systems),一切的一切都是为了产品设计、研发效率和一致性提供帮助。同时,它们也是传达设计原则、构成产品独特气质的基石。 为了让上述的“设计基石”更统一,设计师一定会有一套设计规则(设计法律规范),但令人遗憾的是对于这些关键规则最熟悉的人,也大多是规则的制定者,其他设计师对该规则的细节则不甚清楚,在生产过程中大多是通过组件的复制、样式的复制完成产品的设计。 而开发者对法律规范的理解成本则更高,这在开发落地过程中则基本上依赖设计师和工程师的线下沟通,存在较高的沟通和走查的时间成本。二、什么是 Design Token? “Token”原本的意思是“令牌”,在工程逻辑中用于用户身份与服务器端进行验证,而在设计体系中,Design Token 则可以简单理解为封装的视觉样式参数。 它是通过规定样式参数,并通过一套符合设计师、工程师理解的统一的命名规则,为这些样式参数的定义名称。 例如在真实的产品设计、研发过程中,这个环节大多是断掉的,通常看到的样式代码几乎都没有辨识性的参数。当时间一久、产品复杂起来,想要全局迭代维护将是意见非常痛苦的事情,但假如我们将这些样式参数法律规范和封装起来,用语义化的方式进行描述和管理,开发过程就会清楚得多: lightningdesignsystem-design tokens 设计也是同理: lightningdesignsystem-UI Kit 通过 Design Token 可以更有效地保障设计、开发落地的一致性和可拓展性。接下来我将以 Sketch 为主要...

1、当您付费下载文档后,您只拥有了使用权限,并不意味着购买了版权,文档只能用于自身使用,不得用于其他商业用途(如 [转卖]进行直接盈利或[编辑后售卖]进行间接盈利)。
2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。
3、如文档内容存在违规,或者侵犯商业秘密、侵犯著作权等,请点击“违规举报”。

碎片内容

Design-Token-应用指南——设计篇

确认删除?
VIP
微信客服
  • 扫码咨询
会员Q群
  • 会员专属群点击这里加入QQ群
客服邮箱
回到顶部