字节跳动如何实现产品体验的一致性？ArcoDesign假定了一部分答案

抽离到了 token 当中才会，token 是最小本土化描述模组图样的变量，模组奎中才会是以 less 变量的形式实际上。从有序变量到模组级变量，用 token 来解释模组，用上千个 token 变量，来保证通过的结构设计变量，就能对图样格调来进行任意订制。

比如现在越来越多的网站才会考虑支持暗色格调切换，“暗黑Mode”才会让常用者更为加热衷于自己的操作任务，同时在夜间或索氏环境常用下可以减少大屏幕光对眼睛的刺激，不致在黑暗环境中才会长时间注视高亮光造成的感知刺激。ArcoDesign支持一键开启暗黑Mode，无缝切换，简练体才会。

2）默认不当订制

Arco 支持 60+ 模组默认不当的有序的结构设计，以极大的可用性，增高管控开发成本、大大提高研发体才会。服务器只无需管控一份有序的结构设计，就能订制每一个模组的默认交互。

值得注意的是，除了上述控制能力，ArcoDesign还有助于比较简单传统计划下线前反复审批的繁琐方式上。

传统的情况是，当结构设计确定结构设计作序，研发通过上述提到的图样订制和默认不当订制去订制具备结构设计法规的基础模组，在下线早先无需反复地跟 UI 来进行图样还原审批，同时从结构设计作序到研发再到 UI 走查审批。

Arco 透过了图样可视本土化编辑的「格调的结构设计模拟器」。基于格调的结构设计模拟器所见即所得的模组的结构设计控制能力，服务器可以对有序图样和模组图样做细粒度的调整，做到「ArcoDesign to Any Design」，大幅大大提高方式上效率。

在的结构设计完成此后，服务器可一键发布隐喻到隐喻市场，透过卓越的隐喻格调给多样性村。在隐喻市场上，服务器可以浏览所有隐喻，为自由地来进行选用。

依托的系统的 ArcoDesign 结构设计法规，即便是无结构设计者进行的模拟器电子产品，ArcoDesign也可以试图研发者短时间构筑专业、赞同的体才会。

2. 二次研发和则否控制能力

得益于 Arco 模组灵活性的 API 结构设计以及润滑油模拟器透过的订制本土化模组应付方案，服务器可以基于 Arco 短时间研发满足自身特定需求量的订制模组。订制本土化的模组将更为好地则否经营范围文档，促进的团队相互配合，大大提高研发效率，更为可与多样性村共享珍贵的润滑油自然资源。

3. 结构设计和研发更为好地相互配合

Arco决心通过透过全方式上完善的多样性体系，大大提高结构设计、研发全方式上工作体才会。

三、全方式上完善的多样性体系

1. 多样性模拟器

格调的结构设计模拟器：通过协助服务器构筑个性本土化隐喻，试图服务器更为好地管理有所不同格调的隐喻的结构设计，提高结构设计和研发的相互配合效率。 润滑油模拟器：基于 Arco 脚手架辅助工具短时间来进行订制本土化的经营范围模组研发、共享，做到经营范围模块化的解耦与则否，大大提高研发效率，促进的团队相互配合。 标志模拟器 IconBox：透过法规本土化、为统一本土化的高能量密度经营范围标志奎。 中才会前台最佳实证 Arco Pro：试图服务器短时间的从 0 到 1 搭建计划，支持服务器为自由选用常见网址模版。 意象的结构设计辅助工具 ：试图结构设计者和研发者离线复用粉红色，聚焦 Arco 意象算法。 2. 研发辅助工具 Webpack 软件包：试图研发者在 Webpack 构筑中才会不方便地常用隐喻、做到按需存储、替换模组内置标志。 Arco CLI 脚手架辅助工具：填充了润滑油操作命令，试图服务器短时间创建润滑油计划并将其发布至 Arco 润滑油模拟器。 VSCode 软件包：试图服务器在编辑器查阅文档、可视本土化操作润滑油等。 Figma 软件包：聚合了常见的结构设计辅助工具，试图结构设计者更为不方便地常用 Arco 的各项控制能力。 3. 结构设计的系统 为了不方便结构设计者有别于自然资源，Arco 透过了自然资源有别于的 Figma 软件包的系统，让结构设计者可以一键轻松找到目标模组的结构设计自然资源以及研发自然资源。 为了提高结构设计者的配色效率，Arco 透过了意象的结构设计的 Figma 软件包的系统，可以根据原则上粉红色通过算法智能聚合明亮以及暗黑Mode下的梯度色板。 为了提高制作标志的效率，Arco 透过了一键拖拽常用 Arco 标志的 Figma 软件包的系统，离线粉红色、线宽、材质调整，灵活性的结构设计，双雄。 为了增高结构设计者制作 Figma 变体的开发成本，提高结构设计者产出具备结构设计的系统法规的结构设计作序的效率，Arco 聚焦了 Code to Design，透过了以模组为尺度的 Figma 软件包的系统，结构设计者可以通过在软件包当中的结构设计模组属性，定时聚合对应的结构设计元素。同时开辟了格调的结构设计模拟器，让结构设计作序可以轻松做到 「一键换肤」 为了不方便结构设计者管理标志，Arco 推出了Iconbox 标志模拟器，有助于让结构设计者可以在该模拟器上高效地管理自己的标志。并且透过了标志上传的 Figma 软件包的系统，支持结构设计者在 Figma 中才会直接选中才会标志一键上传至标志模拟器。

经过了近三年的迭代和不乏电子产品的解析，Arco Design已经成为二进制晃动在表面上常用量仅次于的结构设计的系统，助力不乏二进制卓越电子产品制作高能量密度的电子产品体才会。未来，可视本土化开站模拟器、D2C 结构设计图转到文档辅助工具、C2D 文档转到结构设计图辅助工具、产品奎等的系统将下半年下线并解禁。

正如 「Arco」 这个名字一样，遵循【Agreement / 赞同】、【Rhythm / 简练】、【Clear / 清晰】、【Open / 解禁】的希望法，Arco 决心能试图更为多的服务器大大提高提高效率和兴奋程度，制作更为好的电子产品。

Arco Design 现已正式解禁，欢迎常用和体才会。Arco 非常重视每一位服务器的意见，决心大家声势浩大相应，积极共建。

Github React 模组奎：

Github Vue 模组奎：

本文由 @Cindy 上新潮发布于人人都是电子产品经理，未经许可，强制转到载。

题图来自 Unsplash，基于CC0协议

。

八子补肾胶囊和肾宝片哪个效果好
吃什么可补肾精抗衰老
如何预防拉肚子
佐米曲普坦片功效和作用
来氟米特片能长期吃吗？类风湿患者要注意这几点！