反例示意# 正确 错误 多个主按钮 一个页面中设置了多个主行动按钮，操作没有主次，让用...
高效贴心 - Ant Design-转移注意力# 转移注意力是减轻等待的负面影响的常用...
简单清晰 - Ant Design-一个页面只做一件事情# APP 的一个页面能展示的...
一次点击# 产品在使用过程中经常会有一些多余的点击，对于用户而言，这些不必要的操作都是附...
一秒钟等待# 减少等待、稳定快捷，才能帮你留住用户。许多研究都表明，用户能够忍受的最长...
导航明确
安全可控 - Ant Design-二次确认# 为了让用户感觉到是他们在控制，应用应该...
2
输入提示#要求用户输入敏感信息的时候，明确告知用户信息的用途，消除用户的顾虑。
展示权威# 如果你服务提供方是传统的渠道非常有权威，在线上还不是广为人知。那么为了快速...
我的地盘我做主# 我们可以对一系列用户行为提供建议，对可能造成严重后果的行为发出警告，...
颜色 - Ant Design-颜色 Alipay 拥有完整的色彩运用规范，以下就主要文...
字体 - Ant Design 字体 为确保移动终端的通用性，首选 PingFang S...
图标 - Ant Design 3、状态图标：主要用于结果页的状态显示。
1
图标 - Ant Design 图标 图标是图形界面中的重要组成部分，具有高度浓缩并快...
反例示意# 正确 错误 两个导航栏。 支付宝的框架内有一个默认的导航栏，开发者接入应用...
Navigation 导航 - Ant Design NavBar 导航栏# 您的...
Navigation 导航 - Ant Design SegmentedControl ...
Popover 浮出菜单# 浮出菜单显示了一组选项列表，一般用在导航栏的操作区扩展更多...
Navigation 导航 - Ant Design TabBar 标签栏# 标签栏...
Data Entry 数据录入 - Ant Design Checkbox 多选框# ...
Data Entry 数据录入 - Ant Design InputItem 文本输入框...
Data Entry 数据录入 - Ant Design Radio 单选框# 单选...
Data Entry 数据录入 - Ant Design Picker 选择器# 选...
Data Entry 数据录入 - Ant Design Switch 滑动开关# ...
List 列表# 列表是一种常用的信息组织形式，它将内容划分成一排一排，每一排都去到一...
案例展示# 信用卡还款结果页 余额宝转入结果页 信用卡还款、余额宝转入这两个任务在用户...
案例展示# 支付宝-设置页面 支付宝-个人中心页 从列表导航。 简单的功能集合类页面，...
Data Display 数据展示 - Ant Design Steps 步骤条# ...
Data Display 数据展示 - Ant Design NoticeBar 通告...
视觉样式#列表有多样式，标题、副标题、带图标、不带图标。
带插图的特殊对话框#某些场景下你可能希望对话框加上图形的传达更佳的生动活泼。
Combination 组合组件 - Ant Design Result Page 结果...
案例#两种样式，任务成功。任务某阶段成功，下一阶段还需要等待。
Gesture 手势 - Ant Design RefreshControl 下拉刷新#...
出行-城市一卡通# 主要针对 NFC 公交充值业务，该模板定义了用户从刷卡读取信息、金额选...
查询# 用户可以在这里查看到自己的『刷卡记录』和『充值记录』，读卡成功后进入卡片的信息页...
扁平化设计的终结，微渐变的时代来了！
APP微渐变设计2
hpO4sIntdU.png (1080×4800)
11
Sheen Yeung on Behance
3
