[发明专利]用户界面组件的色彩适配处理方法、装置及设备在审

专利信息
申请号: 202110306720.0 申请日: 2021-03-23
公开(公告)号: CN113064687A 公开(公告)日: 2021-07-02
发明(设计)人: 张惟贻 申请(专利权)人: 支付宝(杭州)信息技术有限公司
主分类号: G06F9/451 分类号: G06F9/451
代理公司: 北京三友知识产权代理有限公司 11127 代理人: 李辉;周达
地址: 310000 浙江省杭州市*** 国省代码: 浙江;33
权利要求书: 查看更多 说明书: 查看更多
摘要:
搜索关键词: 用户界面 组件 色彩 处理 方法 装置 设备
【说明书】:

本说明书提供一种用户界面组件的色彩适配处理方法、装置及设备,通过获取待处理用户界面组件所在页面区域的RGB色值,将RGB色值转换为HSV色值,基于HSV色值来判断当前待处理用户界面组件所在页面区域的色彩适合什么样的组件配色,自动将待处理用户界面组件设置为适合的配色,以实现用户界面组件的自动化适配,对于一些色盲、色弱人群更加友好,识别性更高,提升了用户界面组件以及页面展示效果和用户体验感的同时,还能够降低设计与研发人员实现成本,降本提效。

技术领域

本说明书属于计算机技术领域,尤其涉及一种用户界面组件的色彩适配处理方法、装置及设备。

背景技术

用户界面组件即UI组件(User Interface Module),组件可以理解为将一段或几段完成各自功能的代码段封装为一个或几个独立的部分,而用户界面组件包含了这样一个或几个具有各自功能的代码段,最终完成了用户界面的表示。

一般的,UI组件的开发时,对其适配兼容性方案,主要考虑的是屏幕尺寸、屏幕分辨率、屏幕像素密度等,但对于UI组件的色彩适配没有被考虑。但是,UI组件需要应用于不同场景需求,面对的用户不同,如:可能输出给外部商家、开发者、ISV(IndependentSoftware Vendors,独立软件开发商)之后会在不同主体(国内或海外的商家页面、活动页面、系统页面、平台页面等)中使用,其配色方案多种多样并不可控。UI组件虽小,却是保证应用UI组件的应用程序、小程序、网页等功能性的基本元素,会分布到各个流程链路、环节触点、页面层次中,而不同的UI组件的配色会影响应用UI组件的应用程序、小程序、网页等的呈现效果。因此,如何提供一种UI组件的色彩适配方案是本领域亟需解决的技术问题。

发明内容

本说明书实施例的目的在于提供一种用户界面组件的色彩适配处理方法、装置及设备,实现了用户界面组件色彩配置的自动化调整,提升了用户界面组件的适用性,提高了用户界面组件的展示效果。

一方面,本说明书实施例提供了一种用户界面组件的色彩适配处理方法,所述方法包括:

获取待处理用户界面组件所在的页面区域的RGB色值;

将所述RGB色值转换为HSV色值;

根据HSV色值中的亮度值和/或饱和度值判断所述页面区域的色彩是否满足预设要求,若满足,则将所述待处理用户界面组件的色彩设置为第一颜色,否则,将所述待处理用户界面组件的色彩设置为第二颜色。

另一方面,本说明书提供了一种用户界面组件的色彩适配处理装置,所述装置包括:

页面色值获取模块,用于获取待处理用户界面组件所在的页面区域的RGB色值;

色值转换模块,用于将所述RGB色值转换为HSV色值;

色彩适配模块,用于根据HSV色值中的亮度值和/或饱和度值判断所述页面区域的色彩是否满足预设要求,若满足,则将所述待处理用户界面组件的色彩设置为第一颜色,否则,将所述待处理用户界面组件的色彩设置为第二颜色。

又一方面,本说明书实施例提供了一种用户界面组件的色彩适配处理设备,包括至少一个处理器以及用于存储处理器可执行指令的存储器,所述处理器执行所述指令时实现上述用户界面组件的色彩适配处理方法。

还一方面,本说明书实施例提供了一种计算机可读存储介质,其上存储有计算机指令,所述指令被执行时实现上述用户界面组件的色彩适配处理方法。

下载完整专利技术内容需要扣除积分,VIP会员可以免费下载。

该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于支付宝(杭州)信息技术有限公司,未经支付宝(杭州)信息技术有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服

本文链接:http://www.vipzhuanli.com/pat/books/202110306720.0/2.html,转载请声明来源钻瓜专利网。

×

专利文献下载

说明:

1、专利原文基于中国国家知识产权局专利说明书;

2、支持发明专利 、实用新型专利、外观设计专利(升级中);

3、专利数据每周两次同步更新,支持Adobe PDF格式;

4、内容包括专利技术的结构示意图流程工艺图技术构造图

5、已全新升级为极速版,下载速度显著提升!欢迎使用!

请您登陆后,进行下载,点击【登陆】 【注册】

关于我们 寻求报道 投稿须知 广告合作 版权声明 网站地图 友情链接 企业标识 联系我们

钻瓜专利网在线咨询

周一至周五 9:00-18:00

咨询在线客服咨询在线客服
tel code back_top