在这样一个系统级的应用中，我们面临的设计挑战相当复杂：如何降低用户在复杂系统中的学习和认知成本？如何让用户在所有页面都有良好的体验？如何让用户在所有页面中获得一致的品牌认知？
为应对系统级的设计挑战，我们必须建立系统级的设计规范。你可能会问：什么叫“系统级的规范”？其实一开始我们也没有“系统级的规范”这样的概念。但经过长时间的实践，我们发现简单的设计规范并不能很好地应对支付宝这样复杂的产品。于是，我们不断对设计规范进行补充和完善，最后自上而下地建立了一套设计规范系统。
1、设计规范1.0
我们最早的设计规范只是各种控件的视觉设计源文件。这样的规范保证了页面基础元素以及框架的一致。但是，这些视觉源文件并没有定义任何的交互规则，实际工作中还是会出现各种不一样的产品体验。例如，某些页面的弹框出现方式不一样；什么时候应该用小气泡，什么时候该用弹框。规范1.0——样式库如图1所示。
图1 规范1.0——样式库
2．设计规范2.0
我们的产品越来越复杂和庞大，用户面临的学习和认知成本成倍上升。我们必须对页面中通用交互规则进行定义，打造一致的操作体验，降低用户的学习成本。为了最大限度地降低用户学习成本，我们最大限度地复用系统原生的交互规则。这套规范进一步保障了重要元素的交互行为和视觉样式的一致性。但是，当遇到一个规范里没有的东西时要怎样设计，设计师才能既可以发挥自己的创意，又不会和整体的体验风格相背离？交互规范文档如图2所示，视觉规范文档如图3所示。
图2 交互规范文档
图3 视觉规范文档
3．设计规范3.0
交互规范和视觉规范都是死的，设计是活的。要想进一步提升内部的设计一致性和整体的设计质量，团队要有一致的设计价值观。大家都知道什么样的设计是好的，什么样的设计是不好的。一个代表团队设计价值观的东西——设计原则应运而生。至此，我们自上而下建立了一套设计规范体系：设计原则、基础规范、单元控件、标准组件，然后落地到开发控件库，如图4所示。从设计思维到最后实现的每个环节，对设计的一致性和可用性进行整体把控。
图4 规范3.0自上而下的设计规划体系
