第 12 期 · 年度归档期

按栏目查到每一条改动,再整批交给团队

UED 版本专区把第 12 期的全部内容摊在你面前:界面规范、组件库、交互模式、视觉资产、文档模板与工具下载六个栏目,每条改动都标明类型和期号。找到你要的那几条,导出成 CSV 或 Markdown,直接贴进评审纪要,不用再翻聊天记录。

累计期号
12期
本期变更
14条
覆盖栏目
6个
组件库收录
148个组件
深海墨蓝底色上排布的多层索引标签与细网格线,等宽字体的栏目编号穿插其间
栏目索引 01–06 · 第 12 期

六个栏目,六种查法

每一期 UED 版本说明更新都落进这六个栏目里,改了什么、动到哪一块,编号能对上。手上是组件问题就从 02 进,是交付文档问题就从 05 进,不用从头读到尾。

界面规范

布局栅格、字号阶梯、色彩用法与多端适配规则,改一条基本要全线跟着动,所以这里的条目最少也最重。

界面规范栏目的局部切片:栅格辅助线与字号阶梯标注叠在深色底上
本期
3 条
收录
四项基础规范

组件库

基础组件与业务组件的属性、状态和代码片段,其中 96 个已备好中英文双语说明,多语言项目可以直接取用。

组件库栏目的局部切片:按钮、输入框与表格的线框特写叠在网格底上
本期
3 条
收录
148 个组件

交互模式

常见任务流范式的整理,每组都写了各状态该显示什么、出错时该怎么接,拿来对齐设计和开发的预期最省事。

交互模式栏目的局部切片:任务流节点与状态分支连线构成的示意图
本期
2 条
收录
27 组范式

视觉资产

主题色板与图标集按版本号归档,换主题、补图标都从这里取,取到的就是当期通过对比度检查的那一套。

视觉资产栏目的局部切片:色板方块与描边图标并置排布的特写
本期
2 条
收录
12 套色板 · 3 套图标

文档模板

覆盖评审、交付、走查与验收四类场景的现成模板,下载后填字段就能用,省掉每次重新拉表格的时间。

文档模板栏目的局部切片:页面表单与勾选框的线框特写
本期
2 条
收录
32 套模板

工具下载

资料条目按发布日期倒序排列,新版下载说明与历史版本并排展示,找旧版的人不用绕到归档里翻。

工具下载栏目的局部切片:下载指示与文件类型的方块图形组合
本期
2 条
收录
186 条资料

第 12 期变更记录

14 条 · 覆盖 6 个栏目

新增 4 条

  • 新增 02 数据表格组件增加列固定与拖拽排序,配套三档行高示例。

    列固定支持左右两侧分别设定,拖拽排序的结果会写进组件的默认字段顺序,前端不需要再额外维护一份排列配置。

    组件库 · 第 12 期 · 条目 12-02-01

  • 新增 01 补齐桌面、平板、移动三端的字号阶梯对照,逐级标注断点值。

    对照表把同一语义层级在三端对应的字号并排放在一行,设计出稿时直接照着取,评审时也少一轮追问。

    界面规范 · 第 12 期 · 条目 12-01-01

  • 新增 05 新增走查问题登记模板,含优先级、复现步骤与责任人字段。

    模板按问题出现的界面位置分组,走查结束当场就能分派,不用等会后再补一轮表格。

    文档模板 · 第 12 期 · 条目 12-05-01

  • 新增 06 新增图标批量导出说明,附参数速查表与常见报错对照。

    说明里写了三种尺寸批量导出的推荐参数,报错对照表覆盖路径含空格、字符集不符等最常遇到的五种情况。

    工具下载 · 第 12 期 · 条目 12-06-01

优化 4 条

  • 优化 03 表单校验改为字段级提示,异常文案统一写成可执行的句子。

    提示出现在出错字段正下方,不再统一堆到表单顶部;文案从“格式有误”改成“请填写 11 位手机号”这类能照着做的说法。

    交互模式 · 第 12 期 · 条目 12-03-01

  • 优化 02 弹窗组件焦点约束重构,键盘循环顺序与视觉顺序保持一致。

    按 Tab 键不再跳回页面背后的元素,关闭后焦点回到触发按钮,键盘用户能连贯地走完一次操作。

    组件库 · 第 12 期 · 条目 12-02-02

  • 优化 04 暗色主题色板整体上调对比度,正文层级稳定在 4.5:1 以上。

    次级文字的灰度整体提亮一档,背景与文字的明暗差拉开,长时间阅读时眼睛不那么容易累。

    视觉资产 · 第 12 期 · 条目 12-04-01

  • 优化 01 导航栏高度与间距改用变量引用,交付时不再手工换算。

    标注值统一指向同一组变量,设计改一处,前端同步改一处,不会出现稿子和实现差两个像素的情况。

    界面规范 · 第 12 期 · 条目 12-01-02

修复 4 条

  • 修复 02 日期选择器跨月切换时星期错位的问题已修正。

    受影响的是月末最后一天与次月第一天相邻的区间,现在切换月份后星期的排列与当月的实际日历一致。

    组件库 · 第 12 期 · 条目 12-02-03

  • 修复 05 交付清单模板在部分阅读器下表格列宽塌陷。

    调整了表格的列宽声明方式,窄屏和打印预览下都能保持各列比例,不会再挤成一条。

    文档模板 · 第 12 期 · 条目 12-05-02

  • 修复 03 步骤条窄屏截断文案补上省略处理与完整提示。

    超长步骤名现在会显示省略号,悬停或聚焦时给出完整名称,避免用户在小屏上看到半截文字去猜。

    交互模式 · 第 12 期 · 条目 12-03-02

  • 修复 04 图标集个别描边宽度未随尺寸等比缩放。

    16、20、24 三种尺寸下的描边现在按同一比例换算,小尺寸图标放大后不会再显得比邻近图标粗一圈。

    视觉资产 · 第 12 期 · 条目 12-04-02

下线 2 条

  • 下线 06 旧版标注工具停止更新,迁移步骤并入图标批量导出说明。

    已经装上旧版工具的项目不用立刻换,但新项目建议直接走批量导出流程,迁移步骤写在同一份说明里。

    工具下载 · 第 12 期 · 条目 12-06-02

  • 下线 01 早期栅格建议页合并进布局基础一章,旧地址保留跳转。

    原有内容并入布局基础一章,之前收藏过旧地址的同事打开后会自动落到新章节,书签不用重新收。

    界面规范 · 第 12 期 · 条目 12-01-03

EXPORT

选定范围,一次带走

导出入口就在每期版本说明页的右上角,UED 变更记录导出支持 CSV 与 Markdown 两种格式。选定栏目、类型或期号后导出,拿到的是当前范围内那几条,不是整页内容。

  • CSV 一行一条记录,栏目与类型拆成独立列,直接贴进需求表或验收清单做筛选统计。
  • Markdown 保留标题层级与条目编号,放进文档仓库后评审会上贴出来就能读,不需要再排版。
  • 单次最多 500 条 超出这个量就按栏目或类型分成几批导出,每批文件都带本期期号,回填时不会认错。

分享也有省事的办法:每期的版本说明都有一个固定链接,发给同事后打开就是同一期同一页,不用再解释你在看哪一条。

看看具体怎么操作
从变更记录列表到导出文件的三步流程示意,线条末端分别连接 CSV 与 Markdown 两种文件方块

往期归档

第 1 期到第 12 期按顺序排开,横向滑动或按 Tab 键切换。要查旧版本里某一处改动,从这里往回找最快。

  1. 12 年度归档 · 全量索引 14 条
  2. 11 文档瘦身 10 条
  3. 10 无障碍整改 12 条
  4. 09 多端适配 17 条
  5. 08 一致性专项 15 条
  6. 07 双语说明启动 18 条
  7. 06 工具链补充 13 条
  8. 05 模板化交付 9 条
  9. 04 视觉资产归档 14 条
  10. 03 交互范式整理 11 条
  11. 02 组件首批入库 16 条
  12. 01 基础规范建立 12 条
一到十二的等宽数字横向排开,深浅不一,最右侧的 12 以荧光青强调

看完这一期,接下来可以去