# 2.1 框架布局(Layout)

主要用于插件页首页中

# 首页框架布局

分为两种类型,一种带底部常驻栏,一种无底部常驻栏。

# 01 顶部菜单及导航区域

该区域默认主要包括返回按钮、插件设备名称及更多入口。部分插件规划有推荐板块内容;顶部形成 Tab 的设计方式。(详细规则参考产品白皮书) 。

# 02 主视信息展示区域

显示设备核心关健信息,如当前模式、状态、设备温度或指示数值(避免功能控制类出现在该区域)。画面主视觉,高度以内容和整体画面适配,背景辅助样式要求根据品类调性进行自主设计,突出设备自身特点,加入动效辅助表达。

# 03 功能操作区域

功能选项开关或者模式参数设置区域,采用卡片列表模式布局,可根据列表内容的丰富程度进行上下滚动的操作,适合突显内容阅览型插件,卡片式,高度以内容适配,可上下滑动。

# 04 底部常驻栏

插件的特殊功能位置,如开关、预约、等操作高频功能图标,常驻功能非强制需要视插件特性而定。

01、插件带有“开关”功能,适宜品类:空调、电风扇、净化器、加湿器、取暖器、热水器…
02、不带“开关”功能,适宜品类:冰箱、微蒸烤、净水器…

Last Updated: 8/24/2022, 4:36:46 PM