小程序已在我们的生活场景中不断应用，在继微信小程序正式推出后，国内互联网巨头都陆续推出了自家的小程序平台，如支付宝小程序、百度小程序、抖音小程序、头条小程序等；当然每个平台的小程序都有属于自己的设计规范，今天我们来看看支付宝小程序的设计规范。一、图标图标是图形界面中的重要组成部分，具有高度浓缩并快速传达、便于记忆的特性。为让用户能更容易辨识图标信息且达成图标设计的一致性，支付宝提供统一风格的icon设计原则。原则1、设计原则需形状鲜明，将信息化繁为简；采用几何形状、设计对称、且一致的图标来进行设计。2、系统图标设计原则辅助按钮多选分为选中和未选中两种状态。五、文本输入框最简单的输入组件就是文本输入框，它允许用户通过键盘、选择器等组件录入单行的数据。单行输入框都有信息输入长度的限制，通常最多15个字符。你还可以有针对性的限制输入框可输入的信息类型，如，中文、英文、数字、激活不同类型的输入框的同时，需要弹出相应类型的键盘文字键盘、英文键盘、数字键盘、邮箱键盘等；这样有利于提高用户的输入效率。通过点击页面中的某个输入框会触发选择器，选择器出现的时候应该在页面上盖上一层半透明的蒙层，让用户聚焦到选择器的选择上。选择器中的数据最好是有一定逻辑关系的，符合用户预期的。因为选择中可能一下子不能展示全部数据，需要用户滑动选择，符合用户预期的逻辑顺序能帮助用户快速找到想要的选型。选择器可以设置多列数据的组合选择，一列、两列、三列，最多四列，但是最长列的文字不能超过宽度限制。日期选择器搜索栏一般位于下方，点击激活的时候唤起系统键盘，通过取消按钮退出激活状态。如果默认展示输入框，可以提供暗提示文案，帮助用户输入，如关键词、搜索美食。在搜索栏下方，可提供有用的标签文案，帮助用户通过点击直接完成输入，如最近搜索的内容。九、滑动开关开关是将两种状态可视化表达的一种控件。定义&原则导航区通常只有一个操作，即返回上一级界面（二级页面会出现）标题区页面标题可以定义，但需控制长度，超出长度则会省略。缺省则默认显示小程序/内容模块的名称（可以不显示）操作区关闭小程序会将小程序默认进入后台最小化；更多会引出针对当前小程序的操作（不允许自定义功能）选项数量选项卡栏可以包含任意数量的选项卡，但可见选项卡的数量根据设备大小和方向而有所不同。当前提供了常用的3~5个选项。如果某些选项卡由于水平空间有限而无法显示，则最终的可见选项卡将成为“更多”选项卡，这会在单独的屏幕上显示列表中的其他选项卡。当其功能不可用时，不要删除或禁用选项卡如果选项卡在某些情况下可用，但在其他情况下不可用，则应用程序的界面变得不稳定和不可预测。确保始终启用所有选项卡，并解释在选项卡对应页面内容描述不可用的原因。选项卡提示您可以在选项卡上显示提示-包含白色文本和数字或感叹号的红色椭圆，以指示新信息与该视图或模式相关联。