产品接入文档
1.产品介绍
1.1 产品功能介绍
联想桌面助手,是针对Windows用户的桌面开放平台产品,该产品致力于为用户提供更便捷、更高效的PC服务,同时为开发者提供有效触达用户的方式。
官方下载体验地址: 联想电脑_电脑管家_弹窗拦截_杀毒软件_垃圾清理__一键驱动管理__联想官方客服__联想电脑管家官网_-
- 组件展示
1)桌面组件默认展示在桌面右侧区域,支持展开/收起,默认为展开态;
2)组件支持拖拽位置、调整排序,增删组件;
3)组件左键单击可以支持调起浏览器/客户端(已安装);
注意:当前的跳转(浏览器/客户端)均不支持直接跳转至单纯引导下载客户端的官网/直接下载客户端,此跳转需要承接组件必要的产品功能延展;
- 组件编辑
组件右键支持“个性化编辑”,该编辑态支持产品的核心交互,由于位置有限,需秉持简洁克制的设计理念
- 组件库(展示态)
1)组件上架至组件库内,支持在组件库内任意选择组件,并添加至组件展示区;
2)组件支持选择尺寸小/中/大;
- 组件库2(针对强客户端依赖型产品)
1)针对强客户端依赖产品:支持预先引导安装客户端,安装成功后方可正常添加组件至展示区;
2)选择该方案的组件方,需要确保客户端支持静默安装;
注意:选择该方案的组件方要保障后续客户端升级发版需要兼容小组件;
1.2 产品接入流程
1)商务接洽请发邮件至:guanjiafuwu@lenovo.com
2)邮件标题:接入桌面助手平台_****(组件名称)_开发者名称 _联系方式
3)邮件内容:
- 组件服务功能详述
- 产品原型/demo
4)以下内容需如实填写:
内容 | 详细要求 | 示例 | |
组件名称 | 根据组件提供的服务,提供组件名称 | 名称长度不超过6个字符 | 单地天气 |
组件副标题 | 简明扼要说明组件提供的服务 | 描述长度不超过18个字符 | 查看某地的天气状况 |
是否需要断网展示 | 组件是否支持断网状态下继续使用 | 单地天气--不支持 | |
是否需要预先下载 | 组件是否需要预先下载安装完成,才可以使用 | 部分组件需要引导用户先进行安装,再使用 | 单地天气--不需要 |
组件尺寸 | 组件支持大中小,三种尺寸 | 三种尺寸,可以任选其一,也可以都支持 | 单地天气--支持大、中、小三种尺寸 |
组件默认展示尺寸 | 组件在组件库需要有默认展示尺寸 | 单地天气--默认展示小尺寸 | |
是否存在跳出调起浏览器 | 组件是否支持点击跳转,打开浏览器页面进行更多操作 | 需提供跳转的url 注意:此处不允许直接跳转至下载客户端引流页面 | 单地天气--支持跳转 https://weather.lenovo.com.cn/ |
是否包含收费服务 | 用户使用过程中,是否存在收费服务 | 单地天气--否 | |
是否需要强制安装客户端 | 用户需要提前安装客户端,才可以使用组件服务 | 请谨慎选择此选项,可能造成用户添加意愿降低的可能性,建议强依赖客户端的产品选择 | 单地天气--否 |
设计接入文档
1. 设计规范概述
1.1 桌面布局
小组件在电脑桌面右侧优雅的展示,用户可以非常方便的将小组件添加至桌面。并且用户可以根据自己的使用习惯和喜好,对小组件进行自定义排序。
1.2 设计原则
若要创建出色的小组件,在产品定义和设计小组件时,需要遵守以下原则:
> 简单明了
用户可以快速查看信息,最大限度发挥小组件的价值。若用户想要了解更丰富的细节信息或更深入的交互,只需单击该小组件即可。
> 聚焦内容
提供此组件最核心的功能信息,通常应专注与一个主要任务或场景。
> 保持新鲜
组件的展示信息需要不断的更新,若一层不变则无法吸引用户的注意和长久使用的兴趣。
> 注意内容与组件大小的关系
创建或切换不同组件时候,不应只是简单的放大缩小,而应在大组件时考虑展示更多内容,小组件需要精简概括。
2. 组件设计规范
2.1 设计尺寸
联想桌面助手小组件支持1*1、1*2、2*2三种尺寸,分为小、中、大三种规格。开发者可以根据小组件信息和所需展示的功能,选择合适的尺寸进行设计。
1*1 小组件:150*150px(宽*高)
2*1 中组件:320*150px (宽*高)
2*2 大组件:320*320px (宽*高)
举例:「单地天气 」小组件
2.2 适配尺寸
因小组件采用的是自适应布局,在不同分辨率的设备屏幕下,小组件的显示尺寸会相应变化。
我们列出了在不同设备屏幕上实际显示的尺寸,供设计师参考。(无需单独输出设计方案,设计和验收时注意不同分辨率下显示是否正常即可)
举例:分辨率为1366*768,系统推荐显示100%的场景下,小组件缩放比例为100%
举例:分辨率为1920*1080,系统推荐显示150%的场景下,小组件缩放比例为125%
2.3 内容区域
各尺寸组件的内容必须保证在以下红色区域内,即小尺寸:118*130px,中尺寸:280*130px,大尺寸:288*300px。
此区域为最大边界值,若内容较少时,则在红色区域内居中显示,设计者需始终保证版面布局平衡,视觉美观。
举例:「搜索框」和「同花顺股票」中组件,内容不同边距不同
2.4 圆角
各尺寸组件的圆角半径均为12px的平滑圆角。
2.5 投影
各尺寸组件的均采用统一的投影高度。
颜色:#000000 14%;透明度;X:0;Y:2;模糊:21
2.6 文字
2.6.1 字体
为了视觉上的美观及统一,中文、英文和数字均采用 — 微软雅黑
2.6.2 字重
组件可使用的字重为Regular和Bold。
当标题类字号超过16px时,建议使用Bold字重,正文和辅助文字建议使用Regular字重,通过字重突出层级关系,让信息更清晰。设计者需根据实际内容进行字重选择。
2.6.3 字号
字号大小决定了信息的层级和主次关系,通过合理有序的字号设计,让组件信息清晰易读、层次分明。
以下表格为示例,不做具体的字号规定,设计者需根据实际组件的信息内容,进行字号和字重选择。
2.6.4 字色
通过字体的颜色变化,来增强组件的视觉层级。
2.7 颜色
联想桌面助手的小组件支持多种色彩,色彩应该可以作为提升整个小组件视觉属性的一种重要手段,但是它一定不能喧宾夺主,影响内容本身。