页面颜色调整方法及对应终端设备和服务器与流程

文档序号:12747751阅读:331来源:国知局
页面颜色调整方法及对应终端设备和服务器与流程

本发明涉及页面显示技术领域,尤其涉及页面颜色调整方法及对应终端设备和服务器。



背景技术:

目前,我国男性中色盲发生率约为5%~8%、女性中色盲发生率约为0.5~1%。中国男性红绿色盲人口占全球男性人口约8%,女性红绿色盲人口约占0.5%。然而,现有技术中缺乏将正常的人机交互操作界面的页面颜色转化为适合色盲人群的页面颜色的方法,导致大量网站或应用软件对色盲人群不友好,更甚者还会使得色盲人群因为误操作而产生经济损失。



技术实现要素:

有鉴于此,本发明的目的在于提供一种页面颜色调整方法及对应终端设备和服务器,以解决现有的页面颜色不适合色盲人群的问题。

为实现上述目的,本发明提供一种页面颜色调整方法,应用在终端设备中,该方法包括步骤:接收用户设置的页面颜色调整参数,所述参数包括色盲颜色;识别当前页面中相邻但对应不同颜色的区域组合及各个区域组合对应的颜色组合;从识别出的各个颜色组合中找出包括色盲颜色的目标颜色组合,并根据预设的映射关系确定所述目标颜色组合对应的确认调整颜色组合;及将找出的各个目标颜色组合对应的区域组合中显示的颜色调整为所述确认调整颜色组合。

优选地,该方法在所述接收用户设置的页面颜色调整参数的步骤之前还包括步骤:当接收到用户输入的页面颜色调整指令后,生成一个页面颜色调整参数设置界面。

优选地,每个目标颜色组合对应多个带有优先级顺序的调整颜色组合,将优先级最高的调整颜色组合确定为所述目标颜色组合对应的确认调整颜色组合。

优选地,所述根据预设的映射关系确定所述目标颜色组合对应的确认调整颜色组合的步骤具体还包括:根据预设的映射关系找出所述目标颜色组合对应的调整颜色组合;从所述目标颜色组合对应的各个区域组合中确定出含有同一区域的多个关联区域组合;析所述含有同一区域的多个关联区域组合对应的优先级最高的调整颜色组合是否存在颜色冲突;当存在颜色冲突时,在所述多个关联区域组合中随机锁定一个区域组合,将所述锁定区域组合对应的优先级最高的调整颜色组合确定为对应的确认调整颜色组合;针对所述多个关联区域组合中的其他各个区域组合,挑选出优先级较高,且与所述锁定区域组合中同一区域的调整颜色一致的调整颜色组合,确定为对应的确认调整颜色组合;当不存在颜色冲突时,将优先级最高的调整颜色组合确定为各个区域组合对应的确认调整颜色组合。

为实现上述目的,本发明提供另一种页面颜色调整方法,应用在服务器中,该方法包括步骤:接收终端设备发送的页面颜色调整参数;识别终端设备的当前页面中相邻但对应不同颜色的区域组合及各个区域组合对应的颜色组合;从识别出的各个颜色组合中找出包括色盲颜色的目标颜色组合,并根据预设的映射关系确定所述目标颜色组合对应的确认调整颜色组合;及将找出的各个目标颜色组合对应的区域组合中显示的颜色调整为所述确认调整颜色组合。

为实现上述目的,本发明还提出一种终端设备,该终端设备包括:接收模块,用于接收用户设置的页面颜色调整参数,所述参数包括色盲颜色;识别模块,用于识别当前页面中相邻但对应不同颜色的区域组合及各个区域组合对应的颜色组合;确定模块,用于从识别出的各个颜色组合中找出包括色盲颜色的目标颜色组合,并根据预设的映射关系确定所述目标颜色组合对应的确认调整颜色组合;调整模块,用于将找出的各个目标颜色组合对应的区域组合中显示的颜色调整为所述确认调整颜色组合。

优选地,该终端设备还包括:生成模块,用于当接收到用户输入的页面颜色调整指令后,生成一个页面颜色调整参数设置界面。

优选地,所述终端设备的操作界面上包括一个页面颜色调整功能按钮,用户通过点击所述按钮,发出所述页面颜色调整指令。

优选地,所述识别模块通过对所述操作界面进行页面颜色扫描,或者对所述操作界面的配置文件进行解析,以识别出所述各个区域组合及对应的颜色组合。

为实现上述目的,本发明还提出一种服务器,该服务器包括:接收模块,用于接收终端设备发送的页面颜色调整参数;识别模块,用于识别终端设备的当前页面中相邻但对应不同颜色的区域组合及各个区域组合对应的颜色组合;确定模块,用于从识别出的各个颜色组合中找出包括色盲颜色的目标颜色组合,并根据预设的映射关系确定所述目标颜色组合对应的确认调整颜色组合;调整模块,用于将找出的各个目标颜色组合对应的区域组合中显示的颜色调整为所述确认调整颜色组合。

本发明提出的页面颜色调整方法及对应终端设备和服务器,可以将网站或应用软件的操作界面的页面颜色转化为适合色盲人群的页面颜色,提升用户体验。

附图说明

图1为本发明第一实施例提出的一种页面颜色调整方法的流程图;

图2为图1中步骤S106在另一实施例中的具体流程图;

图3为本发明第二实施例提出的另一种页面颜色调整方法的流程图;

图4为本发明第三实施例提出的一种终端设备的模块示意图;

图5为本发明第四实施例提出的一种服务器的模块示意图;

本发明目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。

具体实施方式

为了使本发明所要解决的技术问题、技术方案及有益效果更加清楚、明白,以下结合附图和实施例,对本发明进行进一步详细说明。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。

如图1所示,本发明第一实施例提出一种页面颜色调整方法,应用在终端设备中,用于将网站或应用软件的操作界面的页面颜色转化为适合色盲人群的页面颜色。该方法包括以下步骤:

S100,当接收到用户输入的页面颜色调整指令后,生成一个页面颜色调整参数设置界面。

具体地,在本实施例中,该终端设备的操作界面上包括一个页面颜色调整功能按钮,用户通过点击该按钮,发出该页面颜色调整指令。该页面颜色调整参数设置界面可以供用户设置与页面颜色调整相对应的参数,所述参数包括色盲颜色。

S102,接收用户设置的页面颜色调整参数。

具体地,在该页面颜色调整参数设置界面包括色盲颜色的选择项,例如红色色盲、橙色色盲、黄色色盲、绿色色盲、青色色盲、蓝色色盲、紫色色盲等选择项。用户通过操作所述选择项来设置相应的色盲颜色。

S104,识别当前页面中相邻但对应不同颜色的区域组合及各个区域组合对应的颜色组合。

具体地,可以对该终端设备的操作界面进行页面颜色扫描,或者对操作界面的配置文件进行解析,以识别出各个区域组合及对应的颜色组合。

例如,页面中A区域与B区域相邻,A区域对应的颜色为红色,B区域对应的颜色为蓝色,A区域与B区域为一区域组合。A区域与C区域相邻,A区域对应的颜色为红色,C区域对应的颜色为黄色,A区域与C区域为一区域组合。B区域与D区域相邻,B区域对应的颜色为蓝色,D区域对应的颜色为绿色,B区域与D区域为一区域组合。C区域与D区域相邻,C区域对应的颜色为黄色,D区域对应的颜色为绿色,C区域与D区域为一区域组合。

并且,A区域与B区域为一区域组合,A区域对应的颜色为红色,B区域对应的颜色为蓝色,则该区域组合对应的颜色组合为红蓝组合。A区域与C区域为一区域组合,A区域对应的颜色为红色,C区域对应的颜色为黄色,则该区域组合对应的颜色组合为红黄组合。B区域与D区域为一区域组合,B区域对应的颜色为蓝色,D区域对应的颜色为绿色,则该区域组合对应的颜色组合为蓝绿组合。C区域与D区域为一区域组合,C区域对应的颜色为黄色,D区域对应的颜色为绿色,则该区域组合对应的颜色组合为黄绿组合。

在其他实施例中,还可以在接收到用户设置的页面颜色调整参数之前或同时执行该步骤。

S106,从识别出的各个颜色组合中找出包括色盲颜色的目标颜色组合,并根据预设的映射关系确定该目标颜色组合对应的确认调整颜色组合。

例如,若红色为色盲颜色,则对应的目标颜色组合可能包括红绿组合、红黄组合、红蓝组合、红橙组合、红青组合、红紫组合等,其中红绿组合对应的调整颜色组合按优先级顺序包括黄绿组合、蓝绿组合、橙绿组合、青绿组合、紫绿组合。

每个目标颜色组合可以对应多个带有优先级顺序的调整颜色组合。在本实施例中,将优先级最高的调整颜色组合确定为该目标颜色组合对应的确认调整颜色组合。

S108,将找出的各个目标颜色组合对应的区域组合中显示的颜色调整为所述确认调整颜色组合。

例如,若红色为色盲颜色,找出的目标颜色组合是红绿组合,对应的区域组合是A区域和D区域,所确定的确认调整颜色组合是黄绿组合,则将A区域和D区域中显示的颜色调整为黄绿组合。

进一步地,如图2所示,在其他实施例中,上述步骤S106还可以包括:

S200,从识别出的各个颜色组合中找出包括色盲颜色的目标颜色组合。

例如,若红色为色盲颜色,则对应的目标颜色组合可能包括红绿组合、红黄组合、红蓝组合、红橙组合、红青组合、红紫组合等。

S202,根据预设的映射关系找出该目标颜色组合对应的调整颜色组合。

例如,目标颜色组合为红绿组合,对应的调整颜色组合按优先级顺序包括黄绿组合、蓝绿组合、橙绿组合、青绿组合、紫绿组合。

S204,从所述目标颜色组合对应的各个区域组合中确定出含有同一区域的多个关联区域组合。

例如,A区域与B区域为一区域组合,B区域与D区域为一区域组合,则这两个区域组合是含有相同的B区域的关联区域组合。

S206,分析所述含有同一区域的多个关联区域组合对应的优先级最高的调整颜色组合是否存在颜色冲突。若存在颜色冲突,则执行步骤S208-S210。若不存在颜色冲突,则执行步骤S212。

例如,蓝色为色盲颜色,A区域与B区域对应的颜色组合为红蓝组合,属于包含色盲颜色的目标颜色组合,其对应的优先级最高的调整颜色组合为红黄组合。B区域与D区域对应的颜色组合为蓝绿组合,也属于包含色盲颜色的目标颜色组合,其对应的优先级最高的调整颜色组合为橙绿组合。并且,A区域与B区域、B区域与D区域均包含B区域,属于两个关联区域组合。而红黄组合与橙绿组合中对应的同一B区域颜色不一致(黄色和橙色),会导致颜色冲突。

S208,在所述多个关联区域组合中随机锁定一个区域组合,将该锁定区域组合对应的优先级最高的调整颜色组合确定为对应的确认调整颜色组合。

例如,在A区域与B区域、B区域与D区域这两个关联区域组合中,选择A区域与B区域为锁定区域组合,将其对应的优先级最高的调整颜色组合,即红黄组合,确定为对应的确认颜色组合。

S210,针对所述多个关联区域组合中的其他各个区域组合,挑选出优先级较高,且与该锁定区域组合中同一区域的调整颜色一致的调整颜色组合,确定为对应的确认调整颜色组合。

例如,针对B区域与D区域这一区域组合,对应调整颜色组合中优先级较高,且与锁定的区域组合(A区域与B区域)中同一区域(B区域)的调整颜色(黄色)一致的是黄绿组合。将黄绿组合确定为B区域与D区域对应的确认调整颜色组合。

S212,将优先级最高的调整颜色组合确定为各个区域组合对应的确认调整颜色组合。

如图3所示,本发明第二实施例提出另一种页面颜色调整方法,应用在服务器中,用于将终端设备中的网站或应用软件的操作界面的页面颜色转化为适合色盲人群的页面颜色。

所述页面颜色调整方法的步骤S304-S308与第一实施例的步骤S104-S108相类似,区别在于用步骤S302取代步骤S100-S102。该方法具体包括以下步骤:

S302,接收终端设备发送的页面颜色调整参数。

具体地,所述页面颜色调整参数包括色盲颜色。终端设备接收到用户输入的页面颜色调整指令后,生成一个页面颜色调整参数设置界面。在该页面颜色调整参数设置界面包括色盲颜色的选择项,例如红色色盲、橙色色盲、黄色色盲、绿色色盲、青色色盲、蓝色色盲、紫色色盲等选择项。用户通过操作所述选择项来设置相应的色盲颜色。终端设备接收到用户设置的页面颜色调整参数后,发送至服务器。

S304,识别终端设备的当前页面中相邻但对应不同颜色的区域组合及各个区域组合对应的颜色组合。

具体地,可以对该终端设备的操作界面的配置文件进行解析,以识别出各个区域组合及对应的颜色组合。

S306,从识别出的各个颜色组合中找出包括色盲颜色的目标颜色组合,并根据预设的映射关系确定该目标颜色组合对应的确认调整颜色组合。

S308,将找出的各个目标颜色组合对应的区域组合中显示的颜色调整为所述确认调整颜色组合。

同样地,每个目标颜色组合可以对应多个带有优先级顺序的调整颜色组合。在本实施例中,可以将优先级最高的调整颜色组合确定为该目标颜色组合对应的确认调整颜色组合。在其他实施例中,上述步骤S306还可以包括图2所示的具体流程。

如图4所示,本发明第三实施例提出一种终端设备40,用于将网站或应用软件的操作界面的页面颜色转化为适合色盲人群的页面颜色。

在本实施例中,终端设备40包括生成模块400、接收模块402、识别模块404、确定模块406及调整模块408。

所述生成模块400,用于当接收到用户输入的页面颜色调整指令后,生成一个页面颜色调整参数设置界面。

具体地,在本实施例中,该终端设备的操作界面上包括一个页面颜色调整功能按钮,用户通过点击该按钮,发出该页面颜色调整指令。该页面颜色调整参数设置界面可以供用户设置与页面颜色调整相对应的参数,所述参数包括色盲颜色。

所述接收模块402,用于接收用户设置的页面颜色调整参数。

具体地,在该页面颜色调整参数设置界面包括色盲颜色的选择项,例如红色色盲、橙色色盲、黄色色盲、绿色色盲、青色色盲、蓝色色盲、紫色色盲等选择项。用户通过操作所述选择项来设置相应的色盲颜色。

所述识别模块404,用于识别当前页面中相邻但对应不同颜色的区域组合及各个区域组合对应的颜色组合。

具体地,可以对该终端设备的操作界面进行页面颜色扫描,或者对操作界面的配置文件进行解析,以识别出各个区域组合及对应的颜色组合。

例如,页面中A区域与B区域相邻,A区域对应的颜色为红色,B区域对应的颜色为蓝色,A区域与B区域为一区域组合。A区域与C区域相邻,A区域对应的颜色为红色,C区域对应的颜色为黄色,A区域与C区域为一区域组合。B区域与D区域相邻,B区域对应的颜色为蓝色,D区域对应的颜色为绿色,B区域与D区域为一区域组合。C区域与D区域相邻,C区域对应的颜色为黄色,D区域对应的颜色为绿色,C区域与D区域为一区域组合。

并且,A区域与B区域为一区域组合,A区域对应的颜色为红色,B区域对应的颜色为蓝色,则该区域组合对应的颜色组合为红蓝组合。A区域与C区域为一区域组合,A区域对应的颜色为红色,C区域对应的颜色为黄色,则该区域组合对应的颜色组合为红黄组合。B区域与D区域为一区域组合,B区域对应的颜色为蓝色,D区域对应的颜色为绿色,则该区域组合对应的颜色组合为蓝绿组合。C区域与D区域为一区域组合,C区域对应的颜色为黄色,D区域对应的颜色为绿色,则该区域组合对应的颜色组合为黄绿组合。

所述确定模块406,用于从识别出的各个颜色组合中找出包括色盲颜色的目标颜色组合,并根据预设的映射关系确定该目标颜色组合对应的确认调整颜色组合。

例如,若红色为色盲颜色,则对应的目标颜色组合可能包括红绿组合、红黄组合、红蓝组合、红橙组合、红青组合、红紫组合等,其中红绿组合对应的调整颜色组合按优先级顺序包括黄绿组合、蓝绿组合、橙绿组合、青绿组合、紫绿组合。

每个目标颜色组合可以对应多个带有优先级顺序的调整颜色组合。在本实施例中,将优先级最高的调整颜色组合确定为该目标颜色组合对应的确认调整颜色组合。

在其他实施例中,所述确定模块406还用于根据预设的映射关系找出所述目标颜色组合对应的调整颜色组合,从所述目标颜色组合对应的各个区域组合中确定出含有同一区域的多个关联区域组合,分析所述含有同一区域的多个关联区域组合对应的优先级最高的调整颜色组合是否存在颜色冲突。当存在颜色冲突时,在所述多个关联区域组合中随机锁定一个区域组合,将该锁定区域组合对应的优先级最高的调整颜色组合确定为对应的确认调整颜色组合。针对所述多个关联区域组合中的其他各个区域组合,挑选出优先级较高,且与该锁定区域组合中同一区域的调整颜色一致的调整颜色组合,确定为对应的确认调整颜色组合。当不存在颜色冲突时,将优先级最高的调整颜色组合确定为各个区域组合对应的确认调整颜色组合。

所述调整模块408,用于将找出的各个目标颜色组合对应的区域组合中显示的颜色调整为所述确认调整颜色组合。

例如,若红色为色盲颜色,找出的目标颜色组合是红绿组合,对应的区域组合是A区域和D区域,所确定的确认调整颜色组合是黄绿组合,则将A区域和D区域中显示的颜色调整为黄绿组合。

如图5所示,本发明第四实施例提出一种服务器50,用于将终端设备中的网站或应用软件的操作界面的页面颜色转化为适合色盲人群的页面颜色。

在本实施例中,服务器50包括接收模块502、识别模块504、确定模块506及调整模块508。

所述接收模块502,用于接收终端设备发送的页面颜色调整参数。

所述识别模块504,用于识别终端设备的当前页面中相邻但对应不同颜色的区域组合及各个区域组合对应的颜色组合。

所述确定模块506,用于从识别出的各个颜色组合中找出包括色盲颜色的目标颜色组合,并根据预设的映射关系确定该目标颜色组合对应的确认调整颜色组合。

所述调整模块508,用于将找出的各个目标颜色组合对应的区域组合中显示的颜色调整为所述确认调整颜色组合。

需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。

通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件来实现,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,空调器,或者网络设备等)执行本发明各个实施例所述的方法。

以上参照附图说明了本发明的优选实施例,并非因此局限本发明的权利范围。上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。另外,虽然在流程图中示出了逻辑顺序,但是在某些情况下,可以以不同于此处的顺序执行所示出或描述的步骤。

本领域技术人员不脱离本发明的范围和实质,可以有多种变型方案实现本发明,比如作为一个实施例的特征可用于另一实施例而得到又一实施例。凡在运用本发明的技术构思之内所作的任何修改、等同替换和改进,均应在本发明的权利范围之内。

当前第1页1 2 3 
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1