重视细节和易用性
交互反馈
用户每次主动与元素交互（例如主动点击），该元素都必须要有相应的反馈。 减少边框和阴影的使用
干净整洁的页面元素区分
巧用排版、间隔、色块来区分页面元素。 尽量不使用边框和阴影。
保持圆角协调性
子关系以及互生关系的元素，需保持圆角的协调性。
保持圆角的协调性有两个方式：
- 保持圆角对齐：内外圆角是个同心圆（内圆角到外圆角的距离一致，且外圆角半径大于内圆角半径）。
- 保持圆角一致：内外圆角半径相等。
其中，优先使用圆角对齐的方式，此时美感及协调性最佳。 圆角对齐最佳示例（内圆角到外圆角的距离 = 内圆角半径 = 二分之一外圆角半径）。
互生关系的元素尽量保持圆角对齐。例如书本和删除按钮是互生关系，它们互相控制/依赖对方的存活：
保持内容可一屏显示完全
对于功能性的页面或弹出层，保持所有内容可一屏显示完全。例如，若表单页要填写的内容过多超出了一屏，则需考虑分步引导用户填写，每分步的尺寸保持在一屏以内。
对于展示性的页面，尽量在设计阶段就确定好所有内容的尺寸，保持每个篇幅都能在一屏以内显示完全。
UI 能适应所有缩放环境
UI 有良好的自适应能力，在所有的缩放环境条件下都不会错乱。包括但不限于：
- 系统的显示缩放比例。
- 浏览器的字体大小（在浏览器设置里面）。
- 网页缩放比例。
重视暗黑模式
从始至终都将暗黑模式纳入到设计和开发之中。
暗黑模式 (Dark Mode) 是深色主题的一种。突出暗黑二字，代表整个主题的配色必须是要低明度，且适合暗黑环境使用的。同时，之所以不叫“夜间模式”，因为很多用户喜欢白天或是全天候使用深色主题，因此命名为夜间模式并不合适。
支持通过键盘交互
- 全局的所有可交互元素可通过键盘的
Tab和Enter操控。 - 支持带十字键的手柄等控制器与 UI 交互。
针对适老化的易用性增强
符合 YTUI 设计规范的应用，应在易用性方面有突出优势：
- 在标准模式下，应尽量符合适老化标准的细节建议。
- 当用户群体包含老年人时，应建设单独的老年模式。
参考：