网页嵌入对象的配色方法及装置的制造方法
网页嵌入对象的配色方法及装置的制造方法
【技术领域】
[0001]本发明涉及信息技术领域，特别涉及一种网页嵌入对象的配色方法及装置。
【背景技术】
[0002]随着互联网的不断发展，越来越多的用户通过互联网来浏览网页，获取信息。为了更好的丰富网页中展示的内容以及为用户提供更好的实时交互功能，通常在网页中添加嵌入对象，例如添加浮窗、交互按钮等嵌入对象，因此如何配置嵌入对象在网页中的颜色，以保证嵌入对象与网页风格相匹配已经成为了需要解决的重要技术问题。
[0003]目前，在进行嵌入对象的配色时，通常是基于页面背景色明度值将嵌入的文字调整为黑色或白色。然而，由于目前在进行嵌入对象的配色时，仅限于对嵌入的文字进行颜色调整，并且调整后的颜色只有黑色或者白色，从而造成嵌入对象与网页风格的匹配度较低。
【发明内容】
[0004]本发明实施例提供一种网页嵌入对象的配色方法及装置，可以提高嵌入对象与网页风格的匹配度，同时，可以保证嵌入对象在网页中的识别度。
[0005]本发明实施例采用的技术方案为:
[0006]一种网页嵌入对象的配色方法，包括:
[0007]获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识；
[0008]检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识；
[0009]若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除；
[0010]从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
[0011]一种网页嵌入对象的配色装置，包括:
[0012]获取单元，用于获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识；
[0013]检测单元，用于检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识；
[0014]删除单元，若所述检测单元检测存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除；
[0015]选择单元，用于从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
[0016]本发明实施例提供的网页嵌入对象的配色方法及装置，首先获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识，然后检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识，若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除，最后从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。与目前基于页面背景色明度值将嵌入的文字调整为黑色或白色相比，本发明实施例通过预置嵌入对象的可选颜色，同时从可选颜色中过滤掉识别度较低的颜色，从而可以提高嵌入对象与网页风格的匹配度，同时，可以保证嵌入对象在网页中的识别度。
【附图说明】
[0017]为了更清楚地说明本发明实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
[0018]图1为本发明实施例提供的一种网页嵌入对象的配色方法流程图；
[0019]图2为本发明实施例提供的另一种网页嵌入对象的配色方法流程图；
[0020]图3为本发明实施例提供的一种网页嵌入对象的配色装置结构示意图；
[0021]图4为本发明实施例提供的另一种网页嵌入对象的配色装置结构示意图；
[0022]图5为本发明实施例提供的网页嵌入对象配色示意图一；
[0023]图6为本发明实施例提供的网页嵌入对象配色示意图二。
【具体实施方式】
[0024]下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。
[0025]为使本发明技术方案的优点更加清楚，下面结合附图和实施例对本发明作详细说明。
[0026]本发明实施例提供一种网页嵌入对象的配色方法，如图1所示，所述方法包括:
[0027]101、获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识。
[0028]其中，嵌入对象为插入到目标文件中的信息，例如，嵌入对象可以为浮窗、交互按钮、图片等，本发明实施例不做限定。用户可以通过可视化界面，选择需要添加的嵌入对象在页面中的显示区域，环境底色标识可以为环境底色的色值，显示区域对应的环境底色标识可以为该显示区域对应的颜色色值，还可以为与该显示区域相邻的页面区域对应的颜色色值。
[0029]102、检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识。
[0030]其中，备选色标识为与网页风格相关的各个颜色的标识，具体可以包括网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识。
[0031]103、若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除。
[0032]对于本发明实施例，通过将所述备选色标识中与所述环境底色标识相同的颜色标识删除，可以保证为嵌入对象配置的颜色与嵌入对象对应的显示区域的环境底色之间的颜色区分，进而保证嵌入对象在网页中的识别度。
[0033]104、从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
[0034]本发明实施例提供的一种网页嵌入对象的配色方法，首先获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识，然后检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识，若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除，最后从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。与目前基于页面背景色明度值将嵌入的文字调整为黑色或白色相比，本发明实施例通过预置嵌入对象的可选颜色，同时从可选颜色中过滤掉识别度较低的颜色，从而可以提高嵌入对象的颜色与网页风格的匹配度，同时，可以保证嵌入对象的颜色在网页中的识别度。
[0035]本发明实施例提供另一种网页嵌入对象的配色方法，如图2所示，所述方法包括:
[0036]201、提取网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识。
[0037]其中，对于导航栏底色、按钮底色、和链接文字色，都存在正常状态下的颜色和鼠标悬停状态下的颜色，因此需要同时提取导航栏底色、按钮底色、和链接文字色在不同状态下的颜色作为备选色。
[0038]对于本发明实施例，步骤201具体可以包括根据所述网页的标签关键词和所述网页的标签属性提取所述网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识。
[0039]例如，对于提取所述网页对应的导航栏底色标识的步骤可以包括:根据网页的标签关键词中是否包括nav、navigat1n、menu等字段识别出网页中的导航栏；此时，若标签属性中包含有backgroud字段，则导航栏为纯色填充，直接提取其色值作为导航栏底色标识，若标签属性中包含有backgroud-1mage字段，则导航栏为图片填充，提取图片中的主色色值作为导航栏底色标识。进一步地，当网页为html5页面时，如果导航栏底色为渐变色，则提取渐变色的色值作为导航栏底色标识。
[0040 ]再例如，对于提取所述网页对应的按钮底色标识的步骤可以包括:根据网页的标签关键词中是否包括btn、button等字段识别出按钮；此时，若标签属性中包含有backgroud字段，则按钮为纯色填充，直接提取其色值作为按钮底色标识，若标签属性中包含有backgroud-1mage字段，则按钮为图片填充，提取图片中的主色色值作为按钮底色标识。进一步地，还可以判断标签属性中是否包含〈input type=〃submit〃/>、〈button/>等字段识别按钮。
[0041]再例如，对于提取所述网页对应的链接文字色标识的步骤可以包括:通过判断网页的标签关键词是否为<a>〈/a>识别链接，其中，对于嵌套在导航栏内的链接不进行识别，然后获取标签属性color对应的色值作为链接文字色标识。进一步地，若链接为图片，则根据预置模式识别机制识别图片中的文字区域，并提取该文字区域对应的色值作为链接文字色标识。
[0042]再例如，对于提取所述网页对应的标题文字色标识的步骤可以包括:根据网页的标签关键词中是否包括title、<hl>〈/hl>、<h2X/h2>等字段识别标题，或者根据字号识别标题，其中，可以根据页面内字号由大到小的顺序进行排序后，提取字号排列在前两位的文字配置为标题。然后获取标签属性color对应的色值作为标题文字色标识。
[0043]202、将所述导航栏底色标识、所述按钮底色标识、所述链接文字色标识、和所述标题文字色标识作为所述备选色标识保存在所述数据库中。
[0044]203、获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识。
[0045]其中，用户可以通过可视化界面，选择需要添加的嵌入对象在页面中的显示区域，环境底色标识可以为环境底色的色值，显示区域对应的环境底色标识可以为该显示区域对应的颜色色值，还可以为与该显示区域相邻的页面区域对应的颜色色值。
[0046]对于本发明实施例，获取与所述显示区域对应的环境底色标识的步骤可以包括获取与所述显示区域之间的距离最近并且标签属性为预置标签属性的目标页面区域，然后将所述目标页面区域对应的颜色标识作为所述显示区域对应的环境底色标识。其中，预置标签属性可以为background、background-1mage等字段，目标页面区域可以为嵌入对象的显示区域，还可以为嵌入对象的显示区域附近的页面区域，本发明实施例不做限定。
[0047]204、检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识。
[0048]205、若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除。
[0049]对于本发明实施例，通过将所述备选色标识中与所述环境底色标识相同的颜色标识删除，可以保证为嵌入对象配置的颜色与嵌入对象对应的显示区域的环境底色之间的颜色区分，进而保证嵌入对象在网页中的识别度。
[0050]206、从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
[0051]优选地，步骤206可以包括从所述过滤后的备选色标识中，按照导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识的优先级顺序，选择一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。对于本发明实施例，通过按照上述优先级顺序选择一个颜色标识对应的颜色作为所述嵌入对象对应的颜色，可以进一步提升嵌入对象与网页风格的匹配度。
[0052]对于本发明实施例具体可以应用在嵌入对象为在线咨询弹窗的场景中，但不限于此，如图5所示，包括:首先提取网页对应的导航栏底色、按钮底色、链接文字色、和标题文字色分别为颜色2、颜色4、颜色3、颜色1，并且将颜色1-4作为备选色保存在数据库中，然后获取在线咨询弹窗对应的显示区域为标题区域，标题区域对应的环境底色为颜色1，此时，将备选色中的颜色1删除，并从颜色2-4中选择任意一个颜色配置为在线咨询弹窗的颜色，从而可以提高在线咨询弹窗的颜色与网页风格的匹配度，同时，可以保证在线咨询弹窗的颜色在网页中的识别度。
[0053]对于本发明实施例具体还可以应用在嵌入对象为交互按钮的场景中，但不限于此，如图6所示，包括:首先提取网页对应的导航栏底色、按钮底色、链接文字色、和标题文字色分别为颜色2、颜色4、颜色3、颜色1，并且将颜色1-4作为备选色保存在数据库中，然后获取交互按钮对应的显示区域为链接文字区域，链接文字区域对应的环境底色为颜色3，此时，将备选色中的颜色3删除，并从颜色1、2、4中选择任意一个颜色配置为交互按钮的颜色，从而可以提高交互按钮的颜色与网页风格的匹配度，同时，可以保证交互按钮的颜色在网页中的识别度。
[0054]本发明实施例提供的另一种网页嵌入对象的配色方法，首先获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识，然后检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识，若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除，最后从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。与目前基于页面背景色明度值将嵌入的文字调整为黑色或白色相比，本发明实施例通过预置嵌入对象的可选颜色，同时从可选颜色中过滤掉识别度较低的颜色，从而可以提高嵌入对象的颜色与网页风格的匹配度，同时，可以保证嵌入对象的颜色在网页中的识别度。
[0055]进一步地，作为图1所示方法的具体实现，本发明实施例提供一种网页嵌入对象的配色装置，如图3所示，所述装置可以包括:获取单元31、检测单元32、删除单元33、选择单元34。
[0056]获取单元31，可以用于获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识。
[0057]检测单元32，可以用于检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识。
[0058]删除单元33，可以用于若所述检测单元32检测存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除。
[0059]选择单元34，可以用于从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
[0060]需要说明的是，本发明实施例提供的一种网页嵌入对象的配色装置所涉及各功能单元的其他相应描述，可以参考图1中的对应描述，在此不再赘述。
[0061]本发明实施例提供的一种网页嵌入对象的配色装置，首先获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识，然后检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识，若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除，最后从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。与目前基于页面背景色明度值将嵌入的文字调整为黑色或白色相比，本发明实施例通过预置嵌入对象的可选颜色，同时从可选颜色中过滤掉识别度较低的颜色，从而可以提高嵌入对象的颜色与网页风格的匹配度，同时，可以保证嵌入对象的颜色在网页中的识别度。
[0062]再进一步地，作为图2所示方法的具体实现，本发明实施例提供另一种网页嵌入对象的配色装置，如图4所示，所述装置可以包括:获取单元41、检测单元42、删除单元43、选择单元44、提取单元45、保存单元46、配置单元47。
[0063]获取单元41，可以用于获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识。
[0064]检测单元42，可以用于检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识。
[0065]删除单元43，可以用于若所述检测单元42检测存在与所述环境底色标识相同的颜色标识，则将所述 备选色标识中与所述环境底色标识相同的颜色标识删除。
[0066]选择单元44，可以用于从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
[0067]提取单元45，可以用于提取网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识。
[0068]保存单元46，可以用于将所述提取单元45提取的所述导航栏底色标识、所述按钮底色标识、所述链接文字色标识、和所述标题文字色标识作为所述备选色标识保存在所述数据库中。
[0069]提取单元45，可以用于根据所述网页的标签关键词和与所述标签关键词对应的标签属性，提取所述网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识。
[0070]获取单元41，可以用于获取与所述显示区域之间的距离最近并且标签属性为预置标签属性的目标页面区域。
[0071]配置单元47，可以用于将所述目标页面区域对应的颜色标识作为所述显示区域对应的环境底色标识。
[0072]选择单元44，可以用于从所述过滤后的备选色标识中，按照导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识的优先级顺序，选择一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
[0073]需要说明的是，本发明实施例提供的另一种网页嵌入对象的配色装置所涉及各功能单元的其他相应描述，可以参考图2中的对应描述，在此不再赘述。
[0074]本发明实施例提供的另一种网页嵌入对象的配色装置，首先获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识，然后检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识，若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除，最后从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。与目前基于页面背景色明度值将嵌入的文字调整为黑色或白色相比，本发明实施例通过预置嵌入对象的可选颜色，同时从可选颜色中过滤掉识别度较低的颜色，从而可以提高嵌入对象的颜色与网页风格的匹配度，同时，可以保证嵌入对象的颜色在网页中的识别度。
[0075]本发明实施例提供的网页嵌入对象的配色装置可以实现上述提供的方法实施例，具体功能实现请参见方法实施例中的说明，在此不再赘述。本发明实施例提供的网页嵌入对象的配色方法及装置可以适用于信息技术领域，但不仅限于此。
[0076]本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory, ROM)或随机存储记忆体(Random AccessMemory, RAM)等。
[0077]以上所述，仅为本发明的【具体实施方式】，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到的变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应该以权利要求的保护范围为准。
【主权项】
1.一种网页嵌入对象的配色方法，其特征在于，包括: 获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识； 检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识； 若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除； 从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。2.根据权利要求1所述的网页嵌入对象的配色方法，其特征在于，所述获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识的步骤之前，还包括: 提取网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识； 将所述导航栏底色标识、所述按钮底色标识、所述链接文字色标识、和所述标题文字色标识作为所述备选色标识保存在所述数据库中。3.根据权利要求2所述的网页嵌入对象的配色方法，其特征在于，所述提取网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识的步骤包括: 根据所述网页的标签关键词和与所述标签关键词对应的标签属性，提取所述网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识。4.根据权利要求1所述的网页嵌入对象的配色方法，其特征在于，所述获取与所述显示区域对应的环境底色标识的步骤包括: 获取与所述显示区域之间的距离最近并且标签属性为预置标签属性的目标页面区域； 将所述目标页面区域对应的颜色标识作为所述显示区域对应的环境底色标识。5.根据权利要求1所述的网页嵌入对象的配色方法，其特征在于，从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色的步骤包括: 从所述过滤后的备选色标识中，按照导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识的优先级顺序，选择一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。6.一种网页嵌入对象的配色装置，其特征在于，所述装置包括: 获取单元，用于获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识； 检测单元，用于检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识； 删除单元，若所述检测单元检测存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除； 选择单元，用于从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。7.根据权利要求6所述的网页嵌入对象的配色装置，其特征在于，所述装置还包括: 提取单元，用于提取网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识； 保存单元，用于将所述提取单元提取的所述导航栏底色标识、所述按钮底色标识、所述链接文字色标识、和所述标题文字色标识作为所述备选色标识保存在所述数据库中。8.根据权利要求7所述的网页嵌入对象的配色装置，其特征在于， 所述提取单元，用于根据所述网页的标签关键词和与所述标签关键词对应的标签属性，提取所述网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识。9.根据权利要求6所述的网页嵌入对象的配色装置，其特征在于， 所述获取单元，用于获取与所述显示区域之间的距离最近并且标签属性为预置标签属性的目标页面区域； 所述装置还包括: 配置单元，用于将所述目标页面区域对应的颜色标识作为所述显示区域对应的环境底色标识。10.根据权利要求6所述的网页嵌入对象的配色装置，其特征在于， 所述选择单元，用于从所述过滤后的备选色标识中，按照导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识的优先级顺序，选择一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
【专利摘要】本发明实施例公开了一种网页嵌入对象的配色方法及装置，涉及信息技术领域，可以提高嵌入对象的颜色与网页风格的匹配度，同时，可以保证嵌入对象的颜色在网页中的识别度。所述方法包括：首先获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识，然后检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识，若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除，最后从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
【IPC分类】G06F17/30
【公开号】CN104899211
【申请号】CN201410079249
【发明人】徐佳
【申请人】腾讯科技（深圳）有限公司
【公开日】2015年9月9日
【申请日】2014年3月5日
【技术领域】
[0001]本发明涉及信息技术领域，特别涉及一种网页嵌入对象的配色方法及装置。
【背景技术】
[0002]随着互联网的不断发展，越来越多的用户通过互联网来浏览网页，获取信息。为了更好的丰富网页中展示的内容以及为用户提供更好的实时交互功能，通常在网页中添加嵌入对象，例如添加浮窗、交互按钮等嵌入对象，因此如何配置嵌入对象在网页中的颜色，以保证嵌入对象与网页风格相匹配已经成为了需要解决的重要技术问题。
[0003]目前，在进行嵌入对象的配色时，通常是基于页面背景色明度值将嵌入的文字调整为黑色或白色。然而，由于目前在进行嵌入对象的配色时，仅限于对嵌入的文字进行颜色调整，并且调整后的颜色只有黑色或者白色，从而造成嵌入对象与网页风格的匹配度较低。
【发明内容】
[0004]本发明实施例提供一种网页嵌入对象的配色方法及装置，可以提高嵌入对象与网页风格的匹配度，同时，可以保证嵌入对象在网页中的识别度。
[0005]本发明实施例采用的技术方案为:
[0006]一种网页嵌入对象的配色方法，包括:
[0007]获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识；
[0008]检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识；
[0009]若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除；
[0010]从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
[0011]一种网页嵌入对象的配色装置，包括:
[0012]获取单元，用于获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识；
[0013]检测单元，用于检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识；
[0014]删除单元，若所述检测单元检测存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除；
[0015]选择单元，用于从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
[0016]本发明实施例提供的网页嵌入对象的配色方法及装置，首先获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识，然后检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识，若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除，最后从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。与目前基于页面背景色明度值将嵌入的文字调整为黑色或白色相比，本发明实施例通过预置嵌入对象的可选颜色，同时从可选颜色中过滤掉识别度较低的颜色，从而可以提高嵌入对象与网页风格的匹配度，同时，可以保证嵌入对象在网页中的识别度。
【附图说明】
[0017]为了更清楚地说明本发明实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本发明的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
[0018]图1为本发明实施例提供的一种网页嵌入对象的配色方法流程图；
[0019]图2为本发明实施例提供的另一种网页嵌入对象的配色方法流程图；
[0020]图3为本发明实施例提供的一种网页嵌入对象的配色装置结构示意图；
[0021]图4为本发明实施例提供的另一种网页嵌入对象的配色装置结构示意图；
[0022]图5为本发明实施例提供的网页嵌入对象配色示意图一；
[0023]图6为本发明实施例提供的网页嵌入对象配色示意图二。
【具体实施方式】
[0024]下面将结合本发明实施例中的附图，对本发明实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本发明一部分实施例，而不是全部的实施例。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其它实施例，都属于本发明保护的范围。
[0025]为使本发明技术方案的优点更加清楚，下面结合附图和实施例对本发明作详细说明。
[0026]本发明实施例提供一种网页嵌入对象的配色方法，如图1所示，所述方法包括:
[0027]101、获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识。
[0028]其中，嵌入对象为插入到目标文件中的信息，例如，嵌入对象可以为浮窗、交互按钮、图片等，本发明实施例不做限定。用户可以通过可视化界面，选择需要添加的嵌入对象在页面中的显示区域，环境底色标识可以为环境底色的色值，显示区域对应的环境底色标识可以为该显示区域对应的颜色色值，还可以为与该显示区域相邻的页面区域对应的颜色色值。
[0029]102、检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识。
[0030]其中，备选色标识为与网页风格相关的各个颜色的标识，具体可以包括网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识。
[0031]103、若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除。
[0032]对于本发明实施例，通过将所述备选色标识中与所述环境底色标识相同的颜色标识删除，可以保证为嵌入对象配置的颜色与嵌入对象对应的显示区域的环境底色之间的颜色区分，进而保证嵌入对象在网页中的识别度。
[0033]104、从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
[0034]本发明实施例提供的一种网页嵌入对象的配色方法，首先获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识，然后检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识，若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除，最后从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。与目前基于页面背景色明度值将嵌入的文字调整为黑色或白色相比，本发明实施例通过预置嵌入对象的可选颜色，同时从可选颜色中过滤掉识别度较低的颜色，从而可以提高嵌入对象的颜色与网页风格的匹配度，同时，可以保证嵌入对象的颜色在网页中的识别度。
[0035]本发明实施例提供另一种网页嵌入对象的配色方法，如图2所示，所述方法包括:
[0036]201、提取网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识。
[0037]其中，对于导航栏底色、按钮底色、和链接文字色，都存在正常状态下的颜色和鼠标悬停状态下的颜色，因此需要同时提取导航栏底色、按钮底色、和链接文字色在不同状态下的颜色作为备选色。
[0038]对于本发明实施例，步骤201具体可以包括根据所述网页的标签关键词和所述网页的标签属性提取所述网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识。
[0039]例如，对于提取所述网页对应的导航栏底色标识的步骤可以包括:根据网页的标签关键词中是否包括nav、navigat1n、menu等字段识别出网页中的导航栏；此时，若标签属性中包含有backgroud字段，则导航栏为纯色填充，直接提取其色值作为导航栏底色标识，若标签属性中包含有backgroud-1mage字段，则导航栏为图片填充，提取图片中的主色色值作为导航栏底色标识。进一步地，当网页为html5页面时，如果导航栏底色为渐变色，则提取渐变色的色值作为导航栏底色标识。
[0040 ]再例如，对于提取所述网页对应的按钮底色标识的步骤可以包括:根据网页的标签关键词中是否包括btn、button等字段识别出按钮；此时，若标签属性中包含有backgroud字段，则按钮为纯色填充，直接提取其色值作为按钮底色标识，若标签属性中包含有backgroud-1mage字段，则按钮为图片填充，提取图片中的主色色值作为按钮底色标识。进一步地，还可以判断标签属性中是否包含〈input type=〃submit〃/>、〈button/>等字段识别按钮。
[0041]再例如，对于提取所述网页对应的链接文字色标识的步骤可以包括:通过判断网页的标签关键词是否为<a>〈/a>识别链接，其中，对于嵌套在导航栏内的链接不进行识别，然后获取标签属性color对应的色值作为链接文字色标识。进一步地，若链接为图片，则根据预置模式识别机制识别图片中的文字区域，并提取该文字区域对应的色值作为链接文字色标识。
[0042]再例如，对于提取所述网页对应的标题文字色标识的步骤可以包括:根据网页的标签关键词中是否包括title、<hl>〈/hl>、<h2X/h2>等字段识别标题，或者根据字号识别标题，其中，可以根据页面内字号由大到小的顺序进行排序后，提取字号排列在前两位的文字配置为标题。然后获取标签属性color对应的色值作为标题文字色标识。
[0043]202、将所述导航栏底色标识、所述按钮底色标识、所述链接文字色标识、和所述标题文字色标识作为所述备选色标识保存在所述数据库中。
[0044]203、获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识。
[0045]其中，用户可以通过可视化界面，选择需要添加的嵌入对象在页面中的显示区域，环境底色标识可以为环境底色的色值，显示区域对应的环境底色标识可以为该显示区域对应的颜色色值，还可以为与该显示区域相邻的页面区域对应的颜色色值。
[0046]对于本发明实施例，获取与所述显示区域对应的环境底色标识的步骤可以包括获取与所述显示区域之间的距离最近并且标签属性为预置标签属性的目标页面区域，然后将所述目标页面区域对应的颜色标识作为所述显示区域对应的环境底色标识。其中，预置标签属性可以为background、background-1mage等字段，目标页面区域可以为嵌入对象的显示区域，还可以为嵌入对象的显示区域附近的页面区域，本发明实施例不做限定。
[0047]204、检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识。
[0048]205、若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除。
[0049]对于本发明实施例，通过将所述备选色标识中与所述环境底色标识相同的颜色标识删除，可以保证为嵌入对象配置的颜色与嵌入对象对应的显示区域的环境底色之间的颜色区分，进而保证嵌入对象在网页中的识别度。
[0050]206、从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
[0051]优选地，步骤206可以包括从所述过滤后的备选色标识中，按照导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识的优先级顺序，选择一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。对于本发明实施例，通过按照上述优先级顺序选择一个颜色标识对应的颜色作为所述嵌入对象对应的颜色，可以进一步提升嵌入对象与网页风格的匹配度。
[0052]对于本发明实施例具体可以应用在嵌入对象为在线咨询弹窗的场景中，但不限于此，如图5所示，包括:首先提取网页对应的导航栏底色、按钮底色、链接文字色、和标题文字色分别为颜色2、颜色4、颜色3、颜色1，并且将颜色1-4作为备选色保存在数据库中，然后获取在线咨询弹窗对应的显示区域为标题区域，标题区域对应的环境底色为颜色1，此时，将备选色中的颜色1删除，并从颜色2-4中选择任意一个颜色配置为在线咨询弹窗的颜色，从而可以提高在线咨询弹窗的颜色与网页风格的匹配度，同时，可以保证在线咨询弹窗的颜色在网页中的识别度。
[0053]对于本发明实施例具体还可以应用在嵌入对象为交互按钮的场景中，但不限于此，如图6所示，包括:首先提取网页对应的导航栏底色、按钮底色、链接文字色、和标题文字色分别为颜色2、颜色4、颜色3、颜色1，并且将颜色1-4作为备选色保存在数据库中，然后获取交互按钮对应的显示区域为链接文字区域，链接文字区域对应的环境底色为颜色3，此时，将备选色中的颜色3删除，并从颜色1、2、4中选择任意一个颜色配置为交互按钮的颜色，从而可以提高交互按钮的颜色与网页风格的匹配度，同时，可以保证交互按钮的颜色在网页中的识别度。
[0054]本发明实施例提供的另一种网页嵌入对象的配色方法，首先获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识，然后检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识，若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除，最后从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。与目前基于页面背景色明度值将嵌入的文字调整为黑色或白色相比，本发明实施例通过预置嵌入对象的可选颜色，同时从可选颜色中过滤掉识别度较低的颜色，从而可以提高嵌入对象的颜色与网页风格的匹配度，同时，可以保证嵌入对象的颜色在网页中的识别度。
[0055]进一步地，作为图1所示方法的具体实现，本发明实施例提供一种网页嵌入对象的配色装置，如图3所示，所述装置可以包括:获取单元31、检测单元32、删除单元33、选择单元34。
[0056]获取单元31，可以用于获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识。
[0057]检测单元32，可以用于检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识。
[0058]删除单元33，可以用于若所述检测单元32检测存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除。
[0059]选择单元34，可以用于从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
[0060]需要说明的是，本发明实施例提供的一种网页嵌入对象的配色装置所涉及各功能单元的其他相应描述，可以参考图1中的对应描述，在此不再赘述。
[0061]本发明实施例提供的一种网页嵌入对象的配色装置，首先获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识，然后检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识，若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除，最后从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。与目前基于页面背景色明度值将嵌入的文字调整为黑色或白色相比，本发明实施例通过预置嵌入对象的可选颜色，同时从可选颜色中过滤掉识别度较低的颜色，从而可以提高嵌入对象的颜色与网页风格的匹配度，同时，可以保证嵌入对象的颜色在网页中的识别度。
[0062]再进一步地，作为图2所示方法的具体实现，本发明实施例提供另一种网页嵌入对象的配色装置，如图4所示，所述装置可以包括:获取单元41、检测单元42、删除单元43、选择单元44、提取单元45、保存单元46、配置单元47。
[0063]获取单元41，可以用于获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识。
[0064]检测单元42，可以用于检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识。
[0065]删除单元43，可以用于若所述检测单元42检测存在与所述环境底色标识相同的颜色标识，则将所述 备选色标识中与所述环境底色标识相同的颜色标识删除。
[0066]选择单元44，可以用于从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
[0067]提取单元45，可以用于提取网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识。
[0068]保存单元46，可以用于将所述提取单元45提取的所述导航栏底色标识、所述按钮底色标识、所述链接文字色标识、和所述标题文字色标识作为所述备选色标识保存在所述数据库中。
[0069]提取单元45，可以用于根据所述网页的标签关键词和与所述标签关键词对应的标签属性，提取所述网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识。
[0070]获取单元41，可以用于获取与所述显示区域之间的距离最近并且标签属性为预置标签属性的目标页面区域。
[0071]配置单元47，可以用于将所述目标页面区域对应的颜色标识作为所述显示区域对应的环境底色标识。
[0072]选择单元44，可以用于从所述过滤后的备选色标识中，按照导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识的优先级顺序，选择一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
[0073]需要说明的是，本发明实施例提供的另一种网页嵌入对象的配色装置所涉及各功能单元的其他相应描述，可以参考图2中的对应描述，在此不再赘述。
[0074]本发明实施例提供的另一种网页嵌入对象的配色装置，首先获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识，然后检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识，若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除，最后从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。与目前基于页面背景色明度值将嵌入的文字调整为黑色或白色相比，本发明实施例通过预置嵌入对象的可选颜色，同时从可选颜色中过滤掉识别度较低的颜色，从而可以提高嵌入对象的颜色与网页风格的匹配度，同时，可以保证嵌入对象的颜色在网页中的识别度。
[0075]本发明实施例提供的网页嵌入对象的配色装置可以实现上述提供的方法实施例，具体功能实现请参见方法实施例中的说明，在此不再赘述。本发明实施例提供的网页嵌入对象的配色方法及装置可以适用于信息技术领域，但不仅限于此。
[0076]本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，是可以通过计算机程序来指令相关的硬件来完成，所述的程序可存储于一计算机可读取存储介质中，该程序在执行时，可包括如上述各方法的实施例的流程。其中，所述的存储介质可为磁碟、光盘、只读存储记忆体(Read-Only Memory, ROM)或随机存储记忆体(Random AccessMemory, RAM)等。
[0077]以上所述，仅为本发明的【具体实施方式】，但本发明的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本发明揭露的技术范围内，可轻易想到的变化或替换，都应涵盖在本发明的保护范围之内。因此，本发明的保护范围应该以权利要求的保护范围为准。
【主权项】
1.一种网页嵌入对象的配色方法，其特征在于，包括: 获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识； 检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识； 若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除； 从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。2.根据权利要求1所述的网页嵌入对象的配色方法，其特征在于，所述获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识的步骤之前，还包括: 提取网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识； 将所述导航栏底色标识、所述按钮底色标识、所述链接文字色标识、和所述标题文字色标识作为所述备选色标识保存在所述数据库中。3.根据权利要求2所述的网页嵌入对象的配色方法，其特征在于，所述提取网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识的步骤包括: 根据所述网页的标签关键词和与所述标签关键词对应的标签属性，提取所述网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识。4.根据权利要求1所述的网页嵌入对象的配色方法，其特征在于，所述获取与所述显示区域对应的环境底色标识的步骤包括: 获取与所述显示区域之间的距离最近并且标签属性为预置标签属性的目标页面区域； 将所述目标页面区域对应的颜色标识作为所述显示区域对应的环境底色标识。5.根据权利要求1所述的网页嵌入对象的配色方法，其特征在于，从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色的步骤包括: 从所述过滤后的备选色标识中，按照导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识的优先级顺序，选择一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。6.一种网页嵌入对象的配色装置，其特征在于，所述装置包括: 获取单元，用于获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识； 检测单元，用于检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识； 删除单元，若所述检测单元检测存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除； 选择单元，用于从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。7.根据权利要求6所述的网页嵌入对象的配色装置，其特征在于，所述装置还包括: 提取单元，用于提取网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识； 保存单元，用于将所述提取单元提取的所述导航栏底色标识、所述按钮底色标识、所述链接文字色标识、和所述标题文字色标识作为所述备选色标识保存在所述数据库中。8.根据权利要求7所述的网页嵌入对象的配色装置，其特征在于， 所述提取单元，用于根据所述网页的标签关键词和与所述标签关键词对应的标签属性，提取所述网页对应的导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识。9.根据权利要求6所述的网页嵌入对象的配色装置，其特征在于， 所述获取单元，用于获取与所述显示区域之间的距离最近并且标签属性为预置标签属性的目标页面区域； 所述装置还包括: 配置单元，用于将所述目标页面区域对应的颜色标识作为所述显示区域对应的环境底色标识。10.根据权利要求6所述的网页嵌入对象的配色装置，其特征在于， 所述选择单元，用于从所述过滤后的备选色标识中，按照导航栏底色标识、按钮底色标识、链接文字色标识、和标题文字色标识的优先级顺序，选择一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
【专利摘要】本发明实施例公开了一种网页嵌入对象的配色方法及装置，涉及信息技术领域，可以提高嵌入对象的颜色与网页风格的匹配度，同时，可以保证嵌入对象的颜色在网页中的识别度。所述方法包括：首先获取嵌入对象对应的显示区域和与所述显示区域对应的环境底色标识，然后检测数据库中保存的备选色标识中是否存在与所述环境底色标识相同的颜色标识，若存在与所述环境底色标识相同的颜色标识，则将所述备选色标识中与所述环境底色标识相同的颜色标识删除，最后从所述过滤后的备选色标识中，选择任意一个颜色标识对应的颜色作为所述嵌入对象对应的颜色。
【IPC分类】G06F17/30
【公开号】CN104899211
【申请号】CN201410079249
【发明人】徐佳
【申请人】腾讯科技（深圳）有限公司
【公开日】2015年9月9日
【申请日】2014年3月5日
最新回复(0)