一种设置网页色彩的方法及装置制造方法及图纸

技术编号:13205402 阅读:105 留言:0更新日期:2016-05-12 12:31
本发明专利技术公开了一种设置网页色彩的方法,例如,该方法可以包括:利用图片搜索引擎搜索出与预置关键词匹配的图片,查找出符合预置明亮度要求的像素点,根据符合预置明亮度要求的像素点的色彩值,对预置关键词对应的色彩配置定义中,预置明亮度要求对应的色彩值进行更新,响应于接收到用户的网页请求,提取出相关的预置关键词,根据该预置关键词对应的色彩配置定义中网页元素对应的色彩值,设置待反馈的网页中相应网页元素的色彩值。由于可以对网页设置出与预置关键词最相关的色彩,并且,不同预置关键词可以分别设置有对应的不同色彩配置定义,因此,可以自动为网页设置满足用户个性化需求的色彩。另外,本申请还公开了一种设置网页色彩的装置。

【技术实现步骤摘要】

本专利技术涉及互联网领域,尤其涉及一种设置网页色彩的方法及装置
技术介绍
网页,是互联网中承载各种网站应用的平台。可以通过各式各样的标记语言对网页页面中的标签、边框、文字、表格等元素进行描述。浏览器则对这些标记语言进行解释并生成页面。例如,可以通过标记语言的描述对网页中各个元素的色彩进行设置,使用户看到具有丰富色彩的网页页面。由于色彩可以对人的生理与心理产生重要影响,因此,网页色彩是网页设计开发中的重点之一。目前,通常由网站美工人员根据自身审美和经验对网页页面中元素的色彩进行人工设置。但是,对于某些网站来说,其网页数量巨大,由网站美工人员人工设置网页色彩不仅耗费大量人力,而且还使所有用户看到同一网页的色彩都是相同的,不能满足用户色彩个性化需求。
技术实现思路
有鉴于此,本申请的目的在于提供一种设置网页色彩的方法及装置,以实现自动为网页设置满足用户个性化需求的色彩的目的。在本申请的第一个方面,提供了一种设置网页色彩的方法。例如,该方法可以包括:利用图片搜索引擎搜索出与预置关键词匹配的图片,其中,不同预置关键词分别设置有对应的色彩配置定义,所述色彩配置定义中包括网页元素、预置明亮度要求、以及色彩值之间对应关系的定义;在所述图片中,查找出符合所述预置明亮度要求的像素点,提取所述像素点的色彩值;根据符合所述预置明亮度要求的像素点的色彩值,对所述预置关键词对应的色彩配置定义中,所述预置明亮度要求对应的色彩值进行更新;响应于接收到用户的网页请求,提取出与所述用户的网页请求相关的预置关键词,根据提取出的预置关键词对应的色彩配置定义中网页元素对应的色彩值,设置待反馈的网页中相应网页元素的色彩值。在本申请的第二个方面,提供了一种设置网页色彩的装置。例如,该装置可以包括:搜索图片单元,可以用于利用图片搜索引擎搜索出与预置关键词匹配的图片,其中,不同预置关键词分别设置有对应的色彩配置定义,所述色彩配置定义中包括网页元素、预置明亮度要求、以及色彩值之间对应关系的定义;色彩提取单元,可以用于在所述图片中,查找出符合所述预置明亮度要求的像素点,提取所述像素点的色彩值;色彩更新单元,可以用于根据符合所述预置明亮度要求的像素点的色彩值,对所述预置关键词对应的色彩配置定义中,所述预置明亮度要求对应的色彩值进行更新;色彩设置单元,可以用于响应于接收到用户的网页请求,提取出与所述用户的网页请求相关的预置关键词,根据提取出的预置关键词对应的色彩配置定义中网页元素对应的色彩值,设置待反馈的网页中相应网页元素的色彩值。可见本申请具有如下有益效果:由于本申请实施例利用图片搜索引擎自动抓取与预置关键词匹配的图片,根据从图片中提取出的符合预置明亮度要求的像素点的色彩值,对预置关键词对应的色彩配置定义中,所述预置明亮度要求对应的色彩值进行更新,因此,可以根据从预置关键词对应的色彩配置定义中提取出网页元素对应的色彩值,自动对网页设置出与预置关键词最相关的色彩值,且,由于不同预置关键词可以分别设置有对应的不同色彩配置定义,因此,当用户的网页请求相关的预置关键词不同时,针对同一网页,所设置出的色彩可以不同,实现了自动为网页设置满足用户个性化需求的色彩的目的。【附图说明】为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请中记载的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。图1为本申请实施例提供的一种设置网页色彩的方法流程示意图;图2为本申请实施例涉及的色彩配置定义示意图;图3为本申请实施例涉及的图片中多个区域的示意图;图4为本申请实施例提供的一种设置网页色彩的装置结构示意图。【具体实施方式】为了使本
的人员更好地理解本申请中的技术方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都应当属于本专利技术保护的范围。例如,参见图1,为本申请实施例提供的一种设置网页色彩的方法流程示意图。如图1所示,该方法可以包括:S110、利用图片搜索引擎搜索出与预置关键词匹配的图片,其中,不同预置关键词分别设置有对应的色彩配置定义,所述色彩配置定义中包括网页元素、预置明亮度要求、以及色彩值之间对应关系的定义。例如,所述色彩配置定义可以包括如图2所示的对应关系的定义。如图2所示,网页元素“标签”与预置明亮度要求“明亮度最低区域的像素点”对应,网页元素“边框”与预置明亮度要求“中间像素点”对应,网页元素“内容”与预置明亮度要求“明亮度最高区域的像素点”对应。其中,预置明亮度要求对应的色彩值可以根据图片搜索引擎搜索出的图片中符合预置明亮度要求的像素点的色彩值自动设置,详细可以参见下面步骤S120、S130。需要说明的是,本申请实施例对触发执行所述利用图片搜索引擎搜索出与预置关键词匹配的图片的步骤的触发条件以及被搜索的图片所在的图片库不限,可以根据实际需要实施。例如,可以每隔一定周期,或,响应于接收到用户的网页请求,利用图片搜索引擎搜索出与预置关键词匹配的图片。其中,图片搜索引擎可以从互联网中搜索与预置关键词匹配的图片,也可以从某一个或多个网站定时或不定时更新的图片库中搜索与预置关键词匹配的图片。S120、在所述图片中,查找出符合所述预置明亮度要求的像素点,提取所述像素点的色彩值。一些可能的实施方式中,可以抓取匹配度排名在前的预置数量的图片,例如,可以抓取排名在前的一张或多张图片。例如,可以抓取排名在前的两张图片,使提取出的色彩值满足准确度要求,还可以满足运算效率要求。在搜索出多张图片的情况下,可以针对每张图片查找出该张图片中符合预置明亮度要求的像素点,提取其中符合预置明亮度要求的像素点的色彩值。在针对每张图片取出符合预置明亮度要求的像素点的色彩值后,一些可能的实施方式中,可以将这些像素点的色彩值进行比较,取其中最符合预置明亮度要求的像素点的色彩值,或者,另一些可能的实施方式中,可以针对每种符合预置亮度要求的多个像素点的色彩值进行求平均值计算,得到每种符合预置明亮度要求的像素点的平均色彩值。一些可能的实施方式中,所述符合预置明亮度要求的像素点可以包括:明亮度最高区域的像素点、明亮度最低区域的像素点、位于明亮度最高区域与明亮度最低区域之间中间位置的中间像素点。本申请实施例对如何查找出明亮度最高区域的像素点、明亮度最低区域的像素点、位于明亮度最高区域与明亮度最低区域之间中间位置的中间像素点的【具体实施方式】不限。例如,一些可能的实施方式中,在图片中,查找出明亮度最高区域的像素点、明亮度最低区域的像素点、位于明亮度最高区域与明亮度最低区域之间中间位置的中间像素点可以包括以下步骤:步骤一:对所述图片进行去色处理,得到去色后的图片。步骤二:将所述去色后的图片平均划分为多个区域。例如,可以将去色后的图片平均划分为如图3所示的九个区域。步骤三:通过比较所述多个区域的对比度确定所述多个区域中明亮度最高的区域、明亮度最低的区域、以及位于本文档来自技高网
...

【技术保护点】
一种设置网页色彩的方法,其特征在于,包括:利用图片搜索引擎搜索出与预置关键词匹配的图片,其中,不同预置关键词分别设置有对应的色彩配置定义,所述色彩配置定义中包括网页元素、预置明亮度要求、以及色彩值之间对应关系的定义;在所述图片中,查找出符合所述预置明亮度要求的像素点,提取所述像素点的色彩值;根据符合所述预置明亮度要求的像素点的色彩值,对所述预置关键词对应的色彩配置定义中,所述预置明亮度要求对应的色彩值进行更新;响应于接收到用户的网页请求,提取出与所述用户的网页请求相关的预置关键词,根据提取出的预置关键词对应的色彩配置定义中网页元素对应的色彩值,设置待反馈的网页中相应网页元素的色彩值。

【技术特征摘要】

【专利技术属性】
技术研发人员:冯婷
申请(专利权)人:阿里巴巴集团控股有限公司
类型:发明
国别省市:开曼群岛;KY

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1