UI Design Kit助力精致开发体验

1.1 HarmonyOS和谐美学

在鸿蒙数字世界中，助致开从光的力精设计元素出发，解构真实世界的发体光、形、助致开色，力精并沉淀在系统底座组件能力中。发体同时，助致开对力的力精解构，从既有的发体“引力动效”开始，进一步构建时间和空间的助致开秩序。从“光、力精形、发体色，助致开力、力精时、发体空”这一系统体验特征的角度，遵循自然物理法则，构建 HarmonyOS 的和谐美学秩序。

UI Design Kit 是长期致力于传递 HarmonyOS 系统特征性及设计美感的组件能力集合，将基于底座能力构建出的设计规格传递给开发者，助力生态快捷开发、调用，与 HarmonyOS 一同构建生态体验的精致度体验。

1.2 新设计：空间感组件集

UI Design Kit 中的组件强调应用界面内的空间关系，在 HdsNavigation 和 HdsTabs 组件中，继承细腻的模糊材质效果，并且组件的模糊过渡、色彩变化过程也更加跟手，模糊材质与提亮算法可以更好的凸显界面内容的层次感与可读性。

组件提供了可开箱即用的默认效果，开发者也可以设置不同属性来实现动态模糊、跟手显隐等精致交互效果，接入方式更为便利。以 HdNavigation 为例，只需在scrollEffectOpts 参数中配置 ScrollEffectType 类型，即可实现标题栏在跟手滑动时的模糊效果，提升页面滑动的沉浸感体验。同时我们也提供了通用模糊、过渡模糊和渐变模糊三种样式，适用于不同场景类型下的界面效果，过渡模糊更适用于界面过渡场景下，从沉浸到有明确标题栏的场景；渐变模糊更适用于全沉浸场景，标题栏与界面内容融合度更高的界面类型。

此次也增加了空间感秩序的悬浮工具组件 ActionBar，配置属性更加灵活，强调聚焦界面内的重点功能和核心操作选项。作为空间感秩序的悬浮类组件，能够更好的适配一多设备的开发与适配，降低界面适配难度。可灵活配置核心操作按钮样式、尺寸以及数量，包括展开方式和方向。

1.3 一多开发：面向全场景设备体验

UI Design Kit 中的组件均面向一多设备提供，构建组件在不同设备上的最佳体验。以 HdsNavigation 为例，在PC设备上支持侧边分栏模式，也支持配置动态分栏、悬浮分栏多种样式，更符合PC设备上的效率交互。

HdsListItem组件也满足在不同设备上的配置项，包括左右不同的配置资源和结构，参数化的管理格式确保了组件在对应设备上最佳显示效果，包括字号大小、适老化设计、无障碍设计等问题。

1.4 新能力：开放光场体验

UI Design Kit 也将鸿蒙独特的光场体验开放给开发者，如控制中心和锁屏界面点击时的控件发光能力、各种背景流光和边缘流光能力等。通过与软硬芯一体整合，UI Design Kit 的光场体验效果在保证精致效果的同时，实现低功耗的性能表现。在控件发光能力中，开发者仅需设置 pointlight 属性即可在指定控件上实现边缘、内容、羽化等发光效果。

同时，在流光能力上，UI Design Kit 提供 shaderEffect 接口能力，支持开发者自行设置流光的时长、曲线、帧率等效果信息，自定义精致的背景流光和边缘能力效果。

1.5 新套件：极简接入鸿蒙设计

HarmonyOS 生态持续完善，官方推出的全链路赋能套件——涵盖标准化API、开发指南、最佳实践及场景化Sample，为开发者带来“开箱即用”的高效体验。UI Design Kit 承载鸿蒙空间感、一多开发、光场等设计语言，低码开发提供高性能组件能力，更多API文档、指南、技术文章等赋能产品欢迎点击【阅读原文】访问开发者网站获取。

最新评论