HarmonyOS穿戴卡片设计规范学习分享

鸿蒙时代
发布于 2021-12-17 14:48
浏览
0收藏

穿戴设备的服务卡片与 Launcher 保持平级架构,通过左右滑动表盘来切换不同的服务内容。向右滑倒最后一张卡片时,用户可点击按钮进入全部服务卡片界面,选择自己心仪的服务内容。

HarmonyOS穿戴卡片设计规范学习分享-鸿蒙开发者社区

服务卡片不支持上下滑动切换更多,因此在设计时因可能控制信息内容在一屏。服务内容需要明确引导用户,每一级非空界面需要通过标题明确告知用户当前所处的应用或层级。卡片内支持多热区操作,考虑设备使用场景,不要在表盘内设计复杂的功能布局,基础规则可参照穿戴设计规范。

HarmonyOS穿戴卡片设计规范学习分享-鸿蒙开发者社区

穿戴设备由于硬件屏幕的限制,呈现界面为圆形,因此在开发服务卡片时应当考虑这一特殊因素,将主要信息内容集中在圆形尺寸内,防止卡片内容被裁剪。

HarmonyOS穿戴卡片设计规范学习分享-鸿蒙开发者社区

默认卡片由标题区、内容区、操作区(可选)三部分组成。标题区域内容是应用 icon 或应用名。主要用于品牌外露。内容区具体展示内容由业务方决定,可展示文本、配图、应用入口或其他数据内容,此图仅作为基础模板示意。操作区域由业务方决定,可放置操作按钮或为空。
HarmonyOS穿戴卡片设计规范学习分享-鸿蒙开发者社区

通用文本请使用系统默认字体。根据不同的场景使用相应的字号,重要信息文本优先使用18fp以上的字号,确保信息的易读性在IDE工具中针对穿戴的业务场景给出了若干通用模板布局,开发者可参考设计。

HarmonyOS穿戴卡片设计规范学习分享-鸿蒙开发者社区

本文主要引用与参考HarmonyOS官方文档整理。

标签
HarmonyOS穿戴卡片设计规范学习分享.docx 2.66M 9次下载
1
收藏
回复
举报
回复
    相关推荐