IT之家 前天 00:43
华为鸿蒙 HarmonyOS NEXT 系统新版实况窗通用胶囊模板发布:软硬结合显示、三种设备样式
index_new5.html
../../../zaker_core/zaker_tpl_static/wap/tpl_guoji1.html

 

华为发布了新版实况窗通用胶囊模板,旨在为用户提供更便捷的信息获取方式。新模板在挖孔居中的设备上与状态栏元素协同显示,支持三种设备样式,确保用户一瞥即可获取关键信息。胶囊内显示内容精简,包括图标和文本,颜色统一为白色,以保证视觉一致性。开发者需遵循特定的图标和文本规范,确保胶囊的美观性和信息传递效率。新版实况窗支持单文本和双文本布局,并对超长文本提供了跑马灯显示方案,以提升用户体验。

📱 **设备样式与显示方式:** 新版实况窗通用胶囊模板支持三种设备样式,在挖孔居中的设备上软硬结合显示,与状态栏元素共存。在侧边挖孔或无孔场景下,胶囊则居左展示。

⚫ **通用胶囊组成元素:** 胶囊由系统提供默认黑色微渐变或纯黑透明度样式,并根据场景自适应。包含业务图标,需传入业务定制图标或应用logo,以及1-2段精简文本,颜色统一为#FFFFFF。

🖼️ **图标规则:** 为保证胶囊一致性及美观性,系统将裁切图标形成同心圆效果。矢量图标需预留裁切安全边距,应用图标则保证完整填充。默认将传入的品牌色生成圆形底板置于图标下方。

📝 **文本布局与跑马灯规则:** 支持单文本和双文本显示。单文本时,图标在左,文本在右;双文本时,图标和主文本在左,副文本在右。为避免两端文本同时跑马,仅支持胶囊右侧文本跑马灯,推荐主文本精简+副文本较长的字符组合方式。

IT之家 6 月 19 日消息,在 6 月 11 日举行的华为 Pura 80 系列及全场景新品发布会上,华为全新实况窗正式亮相,号称“无需打开应用状态一眼便知”。

IT之家注意到,华为开发者联盟官网现发布了新版实况窗通用胶囊模板。据介绍,新版实况窗拥有三种设备样式,将在挖孔居中的设备上进行软硬结合的显示,与状态栏固定元素(时间、信号、电池等)共存,产生联动与挤压。胶囊内需显示最精简、最重要的内容,保证用户一瞥即得。

▲ 图源:华为官网 | Pura 80 Ultra 手机 AI 防窥保护,顶部为新版实况窗

华为鸿蒙 HarmonyOS NEXT 系统新版实况窗通用胶囊模板细节如下:

实况胶囊类型

胶囊与居中挖孔的设备软硬结合居中展示,在侧边挖孔或无孔场景下则居左展示

通用胶囊组成元素

    胶囊:由系统提供默认黑色微渐变 / 纯黑透明度样式(#000000),根据场景自适应

    图标:用于表示业务来源,需传入业务定制图标或应用 logo,提升胶囊的易读性和辨识度

    文本:支持传入 1-2 段文本内容,尽量精简避免冗余和超长跑马灯;颜色为#FFFFFF,不支持定制

图标规则

1、为确保胶囊一致性及美观性,系统将裁切图标形成同心圆效果,具体资源要求及裁切效果如下:

    矢量图标资源:需预留裁切安全边距,避免出现关键图形被裁切;

    应用图标:不预留额外边距,保证完整填充,避免裁切出成多边形

2、默认将传入的品牌色生成圆形底板置于图标下方,如有其他色彩展示诉求,需导出在图标资源中。

文本布局规则

单文本时,图标单独显示在左侧,文本单独显示在右侧;双文本时,图标和主文本显示在左侧,副文本显示在右侧

为确保胶囊整体美观性、信息效率等综合体验:

    建议接入双文本

    建议将单段超长文本拆解为双文本

跑马灯规则

    为避免两端文本同时跑马造成使用困扰,仅支持胶囊右侧文本跑马灯

    双文本时若主文本过长,有概率无机会完整显示;副文本超长则支持跑马灯两遍

    综上所述:推荐主文本精简 + 副文本较长的字符组合方式,注意避免文本超长

Fish AI Reader

Fish AI Reader

AI辅助创作,多种专业模板,深度分析,高质量内容生成。从观点提取到深度思考,FishAI为您提供全方位的创作支持。新版本引入自定义参数,让您的创作更加个性化和精准。

FishAI

FishAI

鱼阅,AI 时代的下一个智能信息助手,助你摆脱信息焦虑

联系邮箱 441953276@qq.com

相关标签

华为 实况窗 鸿蒙 用户体验 胶囊模板
相关文章