CN111796889A - 终端界面颜色矫正方法、装置、电子设备和终端 - Google Patents

Abstract

本公开公开了一种终端界面颜色矫正方法、装置、电子设备和终端，涉及终端应用领域。该方法包括：获取当前环境光线的光照度参数；获取色弱种类参数和色弱程度参数；根据色弱种类参数、色弱程度参数和光照度参数构建颜色矩阵，其中，颜色矩阵中的值表示像素颜色调节参数；以及根据颜色矩阵，调节终端界面的颜色。本公开使得终端能够根据弱视用户自身情况矫正界面显示的颜色，满足用户差异性需求，提高了终端的个性化应用能力。

Description

终端界面颜色矫正方法、装置、电子设备和终端

技术领域

本公开涉及终端应用领域，尤其涉及一种终端界面颜色矫正方法、装置、电子设备和终端。

背景技术

随着手机等终端制造技术的不断更新换代，终端的显示技术也在不断提升，界面色彩更加鲜艳、还原度高。而随着终端用户群体的不断扩大，色盲、色弱等特殊群体在终端用户群体中的比例也在不断提高。对于色弱用户群体，多数的移动终端是从设计规范或者使用系统自带色彩校正装置，来调整终端界面颜色的显示，以满足用户的特殊需求。但相关技术中，是给出固定的颜色值，不能满足用户个体差异。

发明内容

本公开要解决的一个技术问题是，提供一种终端界面颜色矫正方法、装置、电子设备和终端，能够满足色弱用户差异性需求，提高了终端的个性化应用能力。

根据本公开一方面，提出一种终端界面颜色矫正方法，包括：获取当前环境光线的光照度参数；获取色弱种类参数和色弱程度参数；根据色弱种类参数、色弱程度参数和光照度参数构建颜色矩阵，其中，颜色矩阵中的值表示像素颜色调节参数；根据颜色矩阵，调节终端界面的颜色。

在一些实施例中，色弱程度参数为用户选择的参数，或者为光照度参数对应的色弱程度参数。

在一些实施例中，调节终端界面的颜色包括：建立与终端界面的元素对应的临时位图，临时位图中每个位置的像素与终端界面的元素的每个位置的像素一致；利用颜色矩阵对临时位图进行变换，将变换后的临时位图作为终端界面的元素的样式进行渲染。

在一些实施例中，根据色弱种类参数、色弱程度参数和光照度参数构建颜色矩阵包括：获取色弱种类参数和色弱程度参数对应的色觉缺陷颜色矩阵；获取光照度参数对应的颜色偏移量；根据色觉缺陷矩阵值、颜色偏移量和图像透明度参数，构建颜色矩阵。

在一些实施例中，构建颜色矩阵包括：初始化具有预定尺寸的矩阵；将色觉缺陷颜色矩阵的值填充至具有预定尺寸的矩阵的第一位置；将颜色偏移量填充至具有预定尺寸的矩阵的第二位置；将图像透明度参数填充至具有预定尺寸的矩阵的第三位置；将填充有色觉缺陷颜色矩阵的值、颜色偏移量和图像透明度参数的矩阵，作为颜色矩阵。

在一些实施例中，颜色矩阵位于终端页面中的可缩放矢量图形SVG标签库下的滤镜标签中，其中，调节终端界面的颜色包括：通过触发SVG标签库下的滤镜标签，调节终端界面的颜色。

在一些实施例中，将调节颜色后的终端界面以预览模式进行展示；响应于用户通过调整接口触发重新调整界面颜色，向用户显示选择界面，以便用户在选择界面选择色弱种类参数。

根据本公开的另一方面，还提出一种终端界面颜色矫正装置，包括：光照度获取单元，被配置为获取当前环境光线的光照度参数；色弱信息获取单元，被配置为色弱种类参数和色弱程度参数；矩阵构建单元，被配置为根据色弱种类参数、色弱程度参数和光照度参数构建颜色矩阵，其中，颜色矩阵中的值表示像素颜色调节参数；颜色调节单元，被配置为根据颜色矩阵，调节终端界面的颜色。

根据本公开的另一方面，还提出一种电子设备，包括：存储器；以及耦接至存储器的处理器，处理器被配置为基于存储在存储器的指令执行如上述的终端界面颜色矫正方法。

根据本公开的另一方面，还提出一种终端，包括：上述的终端界面颜色矫正装置；或上述的电子设备。

在一些实施例中，光线传感器，被配置为采集光线的光照度参数。

根据本公开的另一方面，还提出一种非瞬时性计算机可读存储介质，其上存储有计算机程序指令，该指令被处理器执行时实现上述的终端界面颜色矫正方法。

本公开实施例中，通过色弱种类参数、色弱程度参数和光照度参数构建颜色矩阵，然后根据颜色矩阵，调节终端界面的颜色，使得终端能够根据弱视用户情况矫正终端界面显示的颜色，满足用户差异性需求，提高了终端的个性化应用能力。

通过以下参照附图对本公开的示例性实施例的详细描述，本公开的其它特征及其优点将会变得清楚。

附图说明

构成说明书的一部分的附图描述了本公开的实施例，并且连同说明书一起用于解释本公开的原理。

参照附图，根据下面的详细描述，可以更加清楚地理解本公开，其中：

图1为本公开的终端界面颜色矫正方法的一些实施例的结构示意图。

图2为本公开的终端界面颜色矫正方法的另一些实施例的流程示意图。

图3为本公开的终端界面一些实施例的示意图。

图4为本公开的终端界面一些实施例的示意图。

图5为本公开的终端界面一些实施例的示意图。

图6为本公开的终端界面一些实施例的示意图。

图7为本公开的终端界面一些实施例的示意图。

图8为本公开的终端界面一些实施例的示意图。

图9为本公开的终端界面颜色矫正装置的一些实施例的结构示意图。

图10为本公开的电子设备的一些实施例的结构示意图。

具体实施方式

现在将参照附图来详细描述本公开的各种示例性实施例。应注意到：除非另外具体说明，否则在这些实施例中阐述的部件和步骤的相对布置、数字表达式和数值不限制本公开的范围。

同时，应当明白，为了便于描述，附图中所示出的各个部分的尺寸并不是按照实际的比例关系绘制的。

以下对至少一个示例性实施例的描述实际上仅仅是说明性的，决不作为对本公开及其应用或使用的任何限制。

对于相关领域普通技术人员已知的技术、方法和设备可能不作详细讨论，但在适当情况下，所述技术、方法和设备应当被视为授权说明书的一部分。

在这里示出和讨论的所有示例中，任何具体值应被解释为仅仅是示例性的，而不是作为限制。因此，示例性实施例的其它示例可以具有不同的值。

应注意到：相似的标号和字母在下面的附图中表示类似项，因此，一旦某一项在一个附图中被定义，则在随后的附图中不需要对其进行进一步讨论。

为使本公开的目的、技术方案和优点更加清楚明白，以下结合具体实施例，并参照附图，对本公开进一步详细说明。

图1为本公开的终端界面颜色矫正方法的一些实施例的结构示意图。

在步骤110，获取当前环境光线的光照度参数。

在一些实施例中，由于外界光线环境会影响色弱用户的色彩识别情况，因此，可以在终端增加光线传感器，通过光线传感器获取光线强弱，即光照度。

在步骤120，获取色弱种类参数和色弱程度参数。

步骤110和步骤120可以同时执行，也可以不分先后执行。

在一些实施例中，色弱种类参数为用户选择的参数，例如，用户可以选择红色弱、绿色弱或者蓝黄色弱。色弱程度参数可以为用户选择的参数，也可以为根据光照度参数对应的色弱程度参数。可以根据实际情况设置多种程度的色弱，例如，将色弱程度分为10级，用户可以根据实际情况进行选择。若用户没有选择色弱程度参数，则根据光照度参数确定对应的色弱程度参数。例如，当前环境光线的光照度为大于300且小于700，则对应色弱程度为0.5。

在步骤130，根据色弱种类参数、色弱程度参数和光照度参数构建颜色矩阵，其中，颜色矩阵中的值表示像素颜色调节参数。

在一些实施例中，获取色弱种类参数和色弱程度参数对应的色觉缺陷颜色矩阵；获取光照度参数对应的颜色偏移量；根据色觉缺陷矩阵值、颜色偏移量和图像透明度参数，构建颜色矩阵。

根据色彩光波频率以及色彩心理学设置三种色觉缺陷类型的颜色矩阵值如表1所示。

表1

表1中第一列代表色弱的严重程度，一共分为0.1-1.0十种程度，数值越高代表色弱越严重。表1第一行代表色弱种类。其他位置为根据色弱种类和程度对应的矩阵值。

在一些实施例中，光照度参数对应的颜色偏移量，即对应颜色矩阵的系数，例如如表2所示。

光照度参数	颜色偏移量	模式
			<50	-0.3	非常暗
>50&&<300	-0.1	昏暗
			>300&&<700	0	正常
>700&&<1000	0.1	明亮
			>1000	0.3	非常亮

表2

在一些实施例中，颜色的偏移量会影响颜色的亮度，亮度的取值例如为-1到1。

在步骤140，根据颜色矩阵，调节终端界面的颜色。终端例如为手机等移动终端。

即通过颜色矩阵中的参数调节终端界面中像素的颜色，达到界面颜色矫正效果。

在上述实施例中，通过色弱种类参数、色弱程度参数和光照度参数构建颜色矩阵，然后根据颜色矩阵，调节终端界面的颜色，使得终端能够根据弱视用户情况矫正界面显示的颜色，满足用户差异性需求，提高了终端的个性化应用能力。

图2为本公开的终端界面颜色矫正方法的另一些实施例的流程示意图。

在步骤210，获取当前环境光线的光照度参数。

在步骤220，获取用户选择的色弱种类参数和色弱程度参数。

在步骤230，根据色弱种类参数和色弱程度参数确定对应的色觉缺陷颜色矩阵。

在步骤240，根据光照度参数确定对应的颜色偏移量。

在步骤250，初始化具有预定尺寸的矩阵。

例如，初始化一个4*5的矩阵。例如为

初始矩阵对界面中的元素的像素不会有任何影响，只有改变矩阵中一个或多个值才会对像素有影响。

在步骤260，将色觉缺陷颜色矩阵的值填充至具有预定尺寸的矩阵的第一位置，将颜色偏移量填充至具有预定尺寸的矩阵的第二位置，将图像透明度参数填充至具有预定尺寸的矩阵的第三位置，将填充有色觉缺陷颜色矩阵的值、颜色偏移量和图像透明度参数的矩阵，作为颜色矩阵。

在一些实施例中，将色觉缺陷颜色矩阵的值填充至矩阵的前三行和前三列位置，将颜色偏移量填充至第五列的位置，将图像透明度参数填充第四行位置。

例如为

其中，第一行参数a、b、c、d、e决定了图像的红色成分，第二行参数f、g、h、i、j决定了图像的绿色成分，第三行参数k、l、m、n、o决定了图像的蓝色成分，第四行参数p、q、r、s、t决定了图像的透明度，第五列参数e、j、o、t是颜色的偏移量。

在步骤270，建立与终端界面的元素对应的临时位图，临时位图中每个位置的像素与终端界面的元素的每个位置的像素一致。

在一些实施例中，终端界面中可能包含多个文字元素、图像元素以及视频元素，可以建立与所有元素对应的临时位图。

在步骤280，利用颜色矩阵对临时位图进行变换，将变换后的临时位图作为终端界面的元素的样式进行渲染。

例如，将颜色矩阵应用于临时位图中元素的像素的RGB(红、绿、蓝)颜色值和Alpha(阿尔法通道)值，以组成一组新的RGB颜色值和Alpha值，公式例如为：

其中，矩阵C表示原始图像的每个像素的RGB值以及Alpha值。矩阵C1表示变换后图像的RGBA值。该实施例中，解决的是色弱用户不能准确观看终端界面中元素真实颜色，因此，无需调整图像的透明度。

在上述实施例中，终端根据用户选择色弱种类参数和色弱程度参数，以及获取的光线的光照度参数，进而能够构建颜色矩阵，通过颜色矩阵调节终端界面的颜色，能够实现终端界面颜色的个性化调整，满足色弱用户的使用需求。

在一些实施例中，颜色矩阵位于终端页面中的SVG(Scalable Vector Graphics，可缩放矢量图形)标签库下的滤镜标签中，通过触发SVG标签库下的滤镜标签，调节终端界面的颜色。

例如，利用SVG标签中的滤镜元素定义feColorMatrix(颜色矩阵)滤镜，feColorMatrix滤镜中type(类型)取值为matrix，通过改变values的值，实现图像文字颜色的过滤效果。例如，在页面中header标签中，加入样式：

[martix]{

Filter:url(#martix)

}

在需要使用处加上martix，如：<html martix>。在页尾处加上以下代码，并把feColorMatrix的values的值改为用户设定好的值：

用户可以在矫正模式中观察效果，如不满意可以在自定义拖动滑块，同时动态修改feColorMatrix的values，直至用户满意为止。

在一些实施例中，将调节颜色后的终端界面以预览模式进行展示；响应于用户通过调整接口触发重新调整界面颜色，向用户显示选择界面，以便用户在选择界面选择色弱种类参数，其中，用户还可以在选择界面选择色弱程度参数。

例如，预览界面设置有颜色矫正浮层按钮和确定按钮，响应于用户点击颜色矫正浮层按钮，向用户显示选择界面；响应于用户点击预览界面的确定按钮，输出调节颜色后的终端界面。

在本公开的另一些实施例中，先在APP系统设置色彩矫正。如图3所示，在APP(应用)系统的通用中增加无障碍色彩矫正选项。

若用户点击色彩矫正选项，则进入色彩校正设置界面，否则，进入正常界面。如图4所示，色彩矫正设置界面的开关设置为关，则界面使用系统自带的色彩方案展示界面。如图5所示，开关设置为开时，用户可以选择默认矫正模式或自定义矫正模式。此时可以系统通过使用DeviceLightEvent API获取来自设备光线传感器的附近环境的光水平。

如图5所示，为用户提供三种快速设置选项，分别为红色弱，绿色弱以及蓝黄色弱。其中，用户可以选择系统默认的矫正程度，也可以自定义矫正程度。

终端对界面颜色进行矫正后，若用户选择确定，则终端显示颜色矫正后的界面，若用户取消矫正模式，则终端显示正常界面，若用户选择预览模式，则进入预览矫正界面。

用户点击预览按钮后，进入如图6所示界面，该预览矫正界面中设置有色彩矫正浮层，以便用于调整矫正方案。例如，如图7所示，用户通过色彩矫正浮层反复打开矫正弹出，点击预览按钮预览实际显示效果，如图8所示。直到达到最佳效果，用户点击应用按钮，则可以关闭弹窗和浮层，显示矫正界面。

在上述实施例中，通过启动APP设置中的色彩矫正开关，通过光线的光照度，以及色弱种类和程度，可迅速调整界面像素的相关参数，使得界面达到最佳效果，提升移动端用户体验。

图9为本公开的终端界面颜色矫正装置的一些实施例的结构示意图。该装置包括光照度获取单元910、色弱信息获取单元920、矩阵构建单元930和颜色调节单元940。

光照度获取单元910被配置为获取当前环境光线的光照度参数。

色弱信息获取单元920被配置为色弱种类参数和色弱程度参数。

在一些实施例中，色弱种类参数为用户选择的参数，例如，用户可以选择红色弱、绿色弱或者蓝黄色弱。色弱程度参数可以为用户选择的参数，也可以为根据光照度参数对应的色弱程度参数。

矩阵构建单元930被配置为根据色弱种类参数、色弱程度参数和光照度参数构建颜色矩阵，其中，颜色矩阵中的值表示像素颜色调节参数。

在一些实施例中，获取色弱种类参数和色弱程度参数对应的色觉缺陷颜色矩阵；获取光照度参数对应的颜色偏移量；根据色觉缺陷矩阵值、颜色偏移量和图像透明度参数，构建颜色矩阵。

在一些实施例中，初始化具有预定尺寸的矩阵，将色觉缺陷颜色矩阵的值填充至具有预定尺寸的矩阵的第一位置，将颜色偏移量填充至具有预定尺寸的矩阵的第二位置，将图像透明度参数填充至具有预定尺寸的矩阵的第三位置，将填充有色觉缺陷颜色矩阵的值、颜色偏移量和图像透明度参数的矩阵，作为颜色矩阵。

在一些实施例中，将色觉缺陷颜色矩阵的值填充至矩阵的前三行和前三列位置，将颜色偏移量填充至第五列的位置，将图像透明度参数填充第四行位置。

颜色调节单元940被配置为根据颜色矩阵，调节终端界面的颜色。

在一些实施例中，建立与终端界面的元素对应的临时位图，临时位图中每个位置的像素与终端界面的元素的每个位置的像素一致；利用颜色矩阵对临时位图进行变换，将变换后的临时位图作为终端界面的元素的样式进行渲染。

在一些实施例中，颜色矩阵位于终端页面中的SVG标签库下的滤镜标签中，通过触发SVG标签库下的滤镜标签，调节终端界面的颜色。

在上述实施例中，通过色弱种类参数、色弱程度参数和光照度参数构建颜色矩阵，然后根据颜色矩阵，调节终端界面的颜色，使得终端能够根据弱视用户情况矫正界面显示的颜色，满足用户差异性需求，提高了终端的个性化应用。

图10为本公开的电子设备的另一些实施例的结构示意图。该装置包括：存储器1010和处理器1020。其中：存储器1010可以是磁盘、闪存或其它任何非易失性存储介质。存储器用于存储图1-2所对应实施例中的指令。处理器1020耦接至存储器1010，可以作为一个或多个集成电路来实施，例如微处理器或微控制器。该处理器1020用于执行存储器中存储的指令。

在一些实施例中，处理器1020通过BUS总线1030耦合至存储器1010。该装置1000还可以通过存储接口1040连接至外部存储系统1050以便调用外部数据，还可以通过网络接口1060连接至网络或者另外一台计算机系统(未标出)。此处不再进行详细介绍。

在该实施例中，通过存储器存储数据指令，再通过处理器处理上述指令，能够实现终端界面颜色的个性化调整，满足色弱用户的使用需求。

在本公开的另一些实施例中，还包括一种终端，该终端包括上述的终端界面颜色矫正装置。

在一些实施例中，该终端还包括光线传感器，被配置为采集光线的光照度参数。

在另一些实施例中，一种计算机可读存储介质，其上存储有计算机程序指令，该指令被处理器执行时实现图1-2所对应实施例中的方法的步骤。本领域内的技术人员应明白，本公开的实施例可提供为方法、装置、或计算机程序产品。因此，本公开可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且，本公开可采用在一个或多个其中包含有计算机可用程序代码的计算机可用非瞬时性存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。

本公开是参照根据本公开实施例的方法、设备(系统)和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。

这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。

这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

至此，已经详细描述了本公开。为了避免遮蔽本公开的构思，没有描述本领域所公知的一些细节。本领域技术人员根据上面的描述，完全可以明白如何实施这里公开的技术方案。

虽然已经通过示例对本公开的一些特定实施例进行了详细说明，但是本领域的技术人员应该理解，以上示例仅是为了进行说明，而不是为了限制本公开的范围。本领域的技术人员应该理解，可在不脱离本公开的范围和精神的情况下，对以上实施例进行修改。本公开的范围由所附权利要求来限定。

Claims (12)

1.一种终端界面颜色矫正方法，包括：

获取当前环境光线的光照度参数；

获取色弱种类参数和色弱程度参数；

根据所述色弱种类参数、所述色弱程度参数和所述光照度参数构建颜色矩阵，其中，所述颜色矩阵中的值表示像素颜色调节参数；以及

根据所述颜色矩阵，调节终端界面的颜色。

2.根据权利要求1所述的终端界面颜色矫正方法，其中，

所述色弱程度参数为用户选择的参数，或者为所述光照度参数对应的色弱程度参数。

3.根据权利要求1所述的终端界面颜色矫正方法，其中，调节终端界面的颜色包括：

建立与所述终端界面的元素对应的临时位图，所述临时位图中每个位置的像素与所述终端界面的元素的每个位置的像素一致；以及

利用所述颜色矩阵对所述临时位图进行变换，将变换后的临时位图作为所述终端界面的元素的样式进行渲染。

4.根据权利要求1所述的终端界面颜色矫正方法，其中，根据所述色弱种类参数、色弱程度参数和光照度参数构建颜色矩阵包括：

获取所述色弱种类参数和色弱程度参数对应的色觉缺陷颜色矩阵；

获取所述光照度参数对应的颜色偏移量；以及

根据所述色觉缺陷矩阵值、所述颜色偏移量和图像透明度参数，构建所述颜色矩阵。

5.根据权利要求4所述的终端界面颜色矫正方法，其中，构建所述颜色矩阵包括：

初始化具有预定尺寸的矩阵；

将所述色觉缺陷颜色矩阵的值填充至所述具有预定尺寸的矩阵的第一位置；

将所述颜色偏移量填充至所述具有预定尺寸的矩阵的第二位置；

将所述图像透明度参数填充至所述具有预定尺寸的矩阵的第三位置；以及

将填充有所述色觉缺陷颜色矩阵的值、所述颜色偏移量和所述图像透明度参数的矩阵，作为所述颜色矩阵。

6.根据权利要求1至5任一所述的终端界面颜色矫正方法，其中，所述颜色矩阵位于所述终端页面中的可缩放矢量图形SVG标签库下的滤镜标签中，其中，调节终端界面的颜色包括：

通过触发所述SVG标签库下的滤镜标签，调节终端界面的颜色。

7.根据权利要求1至5任一所述的终端界面颜色矫正方法，还包括：

将调节颜色后的终端界面以预览模式进行展示；以及

响应于所述用户通过调整接口触发重新调整界面颜色，向所述用户显示选择界面，以便用户在所述选择界面选择色弱种类参数。

8.一种终端界面颜色矫正装置，包括：

光照度获取单元，被配置为获取当前环境光线的光照度参数；

色弱信息获取单元，被配置为色弱种类参数和色弱程度参数；

矩阵构建单元，被配置为根据所述色弱种类参数、所述色弱程度参数和所述光照度参数构建颜色矩阵，其中，所述颜色矩阵中的值表示像素颜色调节参数；以及

颜色调节单元，被配置为根据所述颜色矩阵，调节终端界面的颜色。

9.一种电子设备，包括：

存储器；以及

耦接至所述存储器的处理器，所述处理器被配置为基于存储在所述存储器的指令执行如权利要求1至7任一项所述的终端界面颜色矫正方法。

10.一种终端，包括：

权利要求8所述的终端界面颜色矫正装置；或

权利要求9所述的电子设备。

11.根据权利要求10所述的终端，还包括：

光线传感器，被配置为采集光线的光照度参数。

12.一种非瞬时性计算机可读存储介质，其上存储有计算机程序指令，该指令被处理器执行时实现权利要求1至7任一项所述的终端界面颜色矫正方法。

Images