介绍 Introduction

云闪付 App 是银联联合商业银行、支付机构等产业各方共同推出的中国银行业统一移动支付 App,汇聚各机构的移动支付功能、特色服务与权益优惠,为消费者提供安全、便捷的一站式移动支付服务。作为与生活紧密融合的移动支付平台,云闪付 App 希望通过差异化、有意义且实用的设计,提供令人愉悦的用户体验。

然而,随着云闪付业务的增长,设计需求愈发多样化,若无统一的设计规范和执行规则,成果将因团队而异,难以传递给用户一致性的产品体验。 为此,我们打造了云闪付设计语言系统。

为高效合作而生

云闪付设计语言系统是一套完整的设计语言系统,希望以此作为连结产品、设计和开发的桥梁,降低团队内部沟通及对接外部合作伙伴的成本,让各团队间的协作变得更加流畅高效,以保证一致且良好的产品体验。

内容及使用指南

云闪付设计语言系统定义了云闪付 App 的设计原则、视觉规范,并提供了界面组件的执行规则、相关示例代码及 API 接口以及资源库。希望在这套设计语言系统的驱动下,开发团队能对云闪付 App 的设计理念有更深刻的理解,同时也指导设计团队提供更一致的设计样式,加强各团队间的沟通协作。

助力开发的组件库

基于云闪付 App 设计语言系统,我们提供了 React Native 和 Vue.js 组件实现,供银联内外部团队用于快速开发在云闪付 App 内使用的功模块和 Web 容器插件。

希望未来在迭代扩展产品的过程中,本设计语言系统能引领云闪付内外部团队,为创造一致的产品体验一起前进。