CN103617533A - 商品信息的展示方法与装置 - Google Patents
商品信息的展示方法与装置 Download PDFInfo
- Publication number
- CN103617533A CN103617533A CN201310415723.3A CN201310415723A CN103617533A CN 103617533 A CN103617533 A CN 103617533A CN 201310415723 A CN201310415723 A CN 201310415723A CN 103617533 A CN103617533 A CN 103617533A
- Authority
- CN
- China
- Prior art keywords
- merchandise news
- representative point
- traverse path
- merchandise
- commodity
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
一种商品信息的展示方法与装置,所述商品信息的展示方法包括:在色彩空间中选取第一数量的颜色点作为代表点,所述代表点均匀分布于所述色彩空间;确定由所有代表点构成的至少一条遍历路径,所述遍历路径上相邻的两个代表点之间的距离小于第一距离;将商品信息按照商品对应的颜色点与代表点之间的距离匹配到相应的代表点,并建立索引;基于用户的搜索请求,依据建立的所述索引搜索与各代表点相匹配且符合搜索条件的商品信息;将搜索到的商品信息按照所述遍历路径排列添加在商品信息展示页面。本发明技术方案能够实现以色彩渐变且循环遍历的方式展示商品信息,从而提升商品信息对用户的吸引力,提高购买率。
Description
技术领域
本发明涉及计算机技术领域,特别涉及一种商品信息的展示方法与装置。
背景技术
在目前的电子商务以及其他类似领域中,用户要搜索某件商品时,一般可以通过商品名称、价格、销量、关注度(例如点击率)和产地等条件在后台数据库进行搜索,符合条件的商品信息将在前端展示页面呈现给用户。但是,很多情况下,用户在购物时除了关注搜索所得商品的相关性,还会关注商品本身的某些属性,例如商品的颜色、形状等。
商品的颜色、形状等属性,通常是通过商品对应的图片直观地向用户展现。因此,商品信息不仅包括商品名称、价格、销量、产地等相关性维度的信息,还应当包括商品颜色、形状等视觉维度的信息。通常情况下,通过商品的图片进行展示的上述视觉维度的信息在前端展示页面会占据较大的空间,更容易吸引用户的眼球,所以此类商品信息的展示方式将在很大程度上影响用户浏览商品信息的持续时间,进而影响对商品的选购欲望。
然而,现有技术中,对于商品信息的展示更侧重于按所述相关性维度进行,这样就使得用户在搜索商品的时候,商品信息在上述视觉维度的呈现往往显得杂乱无章,让人觉得惨不忍睹。特别是服饰、配饰类商品,杂乱无章的商品信息呈现会极大降低对用户的吸引力,导致购买率的下降。
相关技术还可参考公开号为CN102054255A的中国专利申请,该专利申请公开了一种商品信息的收集和展示方法及装置。
发明内容
本发明解决的问题是现有技术中对于商品信息的展示杂乱无章。
为解决上述问题,本发明技术方案提供一种商品信息的展示方法,包括:在色彩空间中选取第一数量的颜色点作为代表点,所述代表点均匀分布于所述色彩空间;确定由所有代表点构成的至少一条遍历路径,所述遍历路径上相邻的两个代表点之间的距离小于第一距离;将商品信息按照商品对应的颜色点与代表点之间的距离匹配到相应的代表点,并建立索引;基于用户的搜索请求,依据建立的所述索引搜索与各代表点相匹配且符合搜索条件的商品信息;将搜索到的商品信息按照所述遍历路径排列添加在商品信息展示页面。
可选的,所述将商品信息按照所述商品对应的颜色点与代表点之间的距离匹配到相应的代表点包括:若商品存在与其对应的颜色点,则将与该颜色点之间距离最小的代表点作为待匹配代表点;将所述商品的商品信息匹配到所述待匹配代表点。
可选的,所述将商品信息按照所述商品对应的颜色点与代表点之间的距离匹配到相应的代表点包括:若商品存在与其对应的颜色点,则将与该颜色点之间距离最小的代表点作为待匹配代表点;若所述商品对应的颜色点与所述待匹配代表点之间的距离小于第二距离,则将所述商品的商品信息匹配到所述待匹配代表点。
可选的,所述将搜索到的商品信息按照所述遍历路径排列添加在商品信息展示页面包括:将匹配到同一代表点的商品信息,按各商品对应的颜色点与该代表点之间的距离由小至大顺序排列添加在所述商品信息展示页面。
可选的,所述将搜索到的商品信息按照所述遍历路径排列添加在商品信息展示页面包括:从确定的所有遍历路径中选择一条遍历路径;基于搜索到的商品信息,从选择的遍历路径上的任意或指定的一个代表点开始,依次将每一个代表点相匹配的商品信息排列添加在商品信息展示页面。
可选的,所述从确定的所有遍历路径中选择一条遍历路径包括:获取搜索到的商品信息,并以获得的商品信息从确定的所有遍历路径中选出一条符合预定属性的遍历路径,所述预定属性包括遍历路径的描述、路径遍历一次的商品信息数量范围以及商品信息展示页面所能容纳展示商品信息的数量。
可选的,所述从确定的所有遍历路径中选择一条遍历路径还包括:每次获取的商品信息为搜索到的商品信息中的部分商品信息,若基于所述部分商品信息不能够选出符合预定属性的遍历路径,则从搜索到的商品信息中获取更多的商品信息。
可选的,搜索到的商品信息按预定条件进行排名,所述预定条件包括商品的销量、商品的价格或商品信息的被搜索次数,所述获取搜索到的商品信息包括:优先获取排名靠前的商品信息。
可选的,所述将搜索到的商品信息按照所述遍历路径排列添加在商品信息展示页面还包括:在选出一条遍历路径之前,从搜索到的商品信息中确定与每个代表点相匹配的商品信息的数量;若一个代表点相匹配商品信息的数量小于第二数量,则获取更多与该代表点相匹配的商品信息;如果未能获取到足够与该代表点相匹配的商品信息,则跳过该代表点或选择其他符合预定属性的遍历路径。
可选的,所述色彩空间为Lab色彩空间。
可选的,所述第一数量的取值范围为[10,100]。
可选的,所述遍历路径构成哈密尔顿回路。
为解决上述问题,本发明技术方案还提供一种商品信息的展示装置,包括:选点单元,适于在色彩空间中选取第一数量的颜色点作为代表点,所述代表点均匀分布于所述色彩空间;确定单元,适于确定由所有代表点构成的至少一条遍历路径,所述遍历路径上相邻的两个代表点之间的距离小于第一距离;索引单元,适于将商品信息按照商品对应的颜色点与代表点之间的距离匹配到相应的代表点,并建立索引;搜索单元,适于基于用户的搜索请求,依据建立的所述索引搜索与各代表点相匹配且符合搜索条件的商品信息;展示单元,适于将搜索到的商品信息按照所述遍历路径排列添加在商品信息展示页面。
与现有技术相比,本发明的技术方案至少具有以下优点:
通过在色彩空间中选取若干个具有代表性的、分布均匀的颜色点作为代表点,确定由所述代表点构成的遍历路径,将商品信息按照商品对应的颜色点匹配到相应的代表点并建立索引,依据所述索引搜索与各代表点相匹配且符合搜索条件的商品信息,并将搜索到的商品信息按照所述遍历路径排列添加在商品信息展示页面,由此能够实现以色彩渐变且循环遍历的方式展示商品信息,从而提升商品信息对用户的吸引力,提高购买率。
附图说明
图1是本发明实施方式提供的商品信息的展示方法的流程示意图;
图2是本发明实施例的由选取的代表点确定遍历路径的一种示意图;
图3是本发明实施例的由选取的代表点确定遍历路径的另一种示意图;
图4是本发明实施例的前端与后台的结构示意图;
图5是本发明实施例的商品信息展示页面的示意图;
图6是本发明实施例的商品信息的展示装置的结构示意图。
具体实施方式
如背景技术所述,一般商品信息展示页面上的商品信息至少应该具有两个维度,一个是相关性维度(例如在搜索结果中和搜索关键词的匹配度,在推荐页面上商品对用户的适合程度),另一个是视觉维度(商品的形状、色彩等等)。在现有技术中,视觉维度的商品信息的呈现往往显得杂乱无章,从而使商品信息对用户的吸引力降低,导致购买率下降。本发明技术方案主要考虑的是如何平衡这些维度,从而找到一个好的商品信息排列展现方式。
为了能够让用户在色彩上得到享受,从而提高浏览网站和购物的快感,本发明技术方案中,在保证商品信息搜索结果集符合搜索条件以及大体按照对用户的适合程度排序的情况下,在商品信息展示页面上按照颜色的渐变展示商品信息。
局部的色彩过渡可能不难,但是在本发明技术方案中,需要色彩能够在整个色彩空间里面不停地循环转换,一方面需要每个循环几乎遍历整个色彩空间,这样所有需要呈现的商品信息都能被展现出来,另一方面需要有周期的循环,这样商品信息可以按照符合程度大致排序。由于色彩的空间并不是一个简单的环,一般是一个三维的空间,其中有各种可能的遍历路径,而且所有的一切都是在需要对商品信息分页显示的前提下进行,因此存在一定的技术难度。
为了满足上述需求,首先要找出色彩空间比较合理的渐变遍历方法,然后要在前端展示页面中实时排版,按需要向服务器请求数据,而后台数据库需要响应特殊的针对商品颜色的分类搜索需求。
基于上述分析,如图1所示,本发明实施方式提供的商品信息的展示方法包括:
步骤S1,在色彩空间中选取第一数量的颜色点作为代表点,所述代表点均匀分布于所述色彩空间;
步骤S2,确定由所有代表点构成的至少一条遍历路径,所述遍历路径上相邻的两个代表点之间的距离小于第一距离;
步骤S3,将商品信息按照商品对应的颜色点与代表点之间的距离匹配到相应的代表点,并建立索引;
步骤S4,基于用户的搜索请求,依据建立的所述索引搜索与各代表点相匹配且符合搜索条件的商品信息;
步骤S5,将搜索到的商品信息按照所述遍历路径排列添加在商品信息展示页面。
本发明实施方式中,步骤S1至步骤S5主要涉及三方面内容,其中:
步骤S1和步骤S2涉及色彩设计:找出色彩空间的遍历方法,使得在分页请求结果时始终能在一个预期的循环内完成色彩的渐变遍历。
步骤S5涉及前端的处理:对在商品信息展示页面中待呈现的商品信息向后台服务器提出请求,并进行排版,使得商品信息的展示满足预定的遍历方法。
步骤S3和S4涉及后台的服务:将商品信息与遍历路径上的色彩进行匹配,并建立索引;接受前端对于商品信息的请求,按索引所指示的匹配颜色找到符合搜索条件的商品信息。
需要说明的是,本发明技术方案可用于众多通用或专用的计算装置环境或配置中。例如:个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器装置、包括以上任何装置或设备的分布式计算环境等等。
本发明技术方案可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本发明技术方案,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
为使本发明的上述目的、特征和优点能够更为明显易懂,下面结合附图对本发明的具体实施例做详细的说明。
首先执行步骤S1,在色彩空间中选取第一数量的颜色点作为代表点,所述代表点均匀分布于所述色彩空间。
本领域技术人员知晓,为了使各种颜色能按照一定的排列次序并容纳在一个空间内,可以将三维坐标轴与颜色的三个独立参数对应起来,使每一个颜色都有一个对应的空间位置,反过来,在空间中的任何一点都代表一个特定的颜色,把这个空间称为色彩空间。色彩空间是三维的,作为色彩空间三维坐标的三个独立参数可以是色彩的三属性:色相、明度、饱和度,也可以是其它三个参数如RGB、Lab或者CMY,只要描述色彩的三个参数相互独立都可以作为色彩空间的三维坐标。
步骤S1是在色彩空间中选取代表点的过程,在实际实施时,代表点的数量不宜太少,否则体现不出色彩的渐变过程,也不宜过多,否则很难将商品的各种颜色都一一匹配到代表点上,就会发生选取的很多代表点没有足够与之匹配的商品信息,导致后续遍历路径难以选定。本实施例中,选取的代表点的个数大致在十到一百之间的数量级,即所述第一数量的取值范围为[10,100]。
本实施例中,选择了色彩空间里具有代表性的几十个点,这些点要求大致均匀分布在色彩空间里,其中有足够多的渐变路径(即遍历路径)。“均匀”的概念不仅是在色彩空间里简单的距离分布,而且还要考虑到实际提供商品的颜色的分布状况,要求在色彩空间中按照渐变路径的同时每个步长(相邻代表点之间的距离)上都有足够的与各代表点匹配的商品信息。这也说明选取代表点要求足够的灵活,能够按照季节等因素变化,例如夏季的商品色彩通常会比冬季的商品色彩要丰富地多,在夏季时可以选取比冬季时更多的代表点,且代表点的分布更广泛。
本实施例中,所述色彩空间为Lab色彩空间(CIELAB,或者叫CIE1976(L*,a*,b*)色彩空间),和一般的RGB和CMYK色彩空间不同,Lab色彩空间注重感知均匀性,是实践中被用作近似色彩线性空间的最佳选择。两个颜色在Lab中作为三维空间两个点的欧氏距离很好地接近了人感知上两个颜色之间的距离。因此,本实施例在选取代表点时使用Lab色彩空间,只需将颜色当作三维空间的点考虑距离即可。在其他实施例中,所述色彩空间也可以为HSV、HSB、LUV和XYZ等色彩空间模型,虽然都不如Lab的距离准确,但具体加入一些人为规则后也可以达到不错的效果。
在完成代表点的选取之后,执行步骤S2,确定由所有代表点构成的至少一条遍历路径,所述遍历路径上相邻的两个代表点之间的距离小于第一距离。
由于每个代表点都对应为三维空间中的一个坐标,任意两个代表点之间的距离都可以很容易计算得到。从任一代表点出发,寻找第2个代表点作为遍历路径上相邻的代表点,然后再寻找第3个代表点作为与第2个代表点在遍历路径上相邻的代表点,如此直至遍历完所有代表点。
本实施例中,为了实现色彩渐变且色彩的变化不致于显得过于突兀,可以通过设置一定限制条件实现,即确定的遍历路径需要满足该遍历路径上相邻的两个代表点之间的距离小于第一距离,所述第一距离可以根据实际需要进行设定,通常设定值越小,能够满足条件的遍历路径就越少,因此可以通过逐步提升第一距离的值控制遍历路径的数量。
本实施例中,所述遍历路径构成哈密尔顿回路。在搜索遍历路径时,基本要求是找一组(至少一条)哈密尔顿回路使得最大的步长尽可能小。在实际实施时,步长范围可以用二分法进行搜索,在大致限定步长的情况下通过计算机搜索能够提高搜索效率。
图2示出一种遍历路径的情况,假设P1、P2、P3、……、P10、P11、P12是在Lab色彩空间中选出的所有代表点,则按照P1、P2、P3、……、P10、P11、P12、P1的顺序构成的环路可以认为是一条遍历路径,且该遍历路径构成哈密尔顿回路。
当然,遍历路径也可以为其他形式,如图3所示,M1、M2、M3、……、M10、M11、M12这12个代表点构成一条遍历路径,从M1到M2、M3、M4、……M11、M12,然后再到M11、M10、……、M3、M2、M1。如此,遍历路径可以是沿着M1至M12构成的空间曲线往复。
在完成代表点的选取之后,还需要执行步骤S3,将商品信息按照商品对应的颜色点与代表点之间的距离匹配到相应的代表点,并建立索引。
步骤S3中,商品对应的颜色点可以通过对每个商品对应的图片进行分析,获得对应的颜色点。当然,在实际情况中,有些商品的图片颜色并不是单一的,那么可以视图片中各种颜色的比例情况确定该图片对应的颜色点,例如可以将商品图片中所占比例超过预定比例(如60%、70%等)的颜色确定为该商品对应的颜色点;还有些图片也可能具有多种差别较大的颜色,且所占比例相近,此时就难以确定出对应的颜色点,对于此类商品信息就不适于在后续步骤中按颜色渐变的方式进行遍历。具体对商品图片分析确定对应颜色点的实施,可以采用现有图像处理的一些相关技术实现,比如分析图像中各个像素的颜色,将颜色相似度高的相邻像素归并为一种颜色,最后统计经过归并处理后的各种颜色比例等等,此处不再详细描述。
由于每个代表点都对应一种颜色(可将代表点对应的颜色简称为代表颜色),因此步骤S3中将商品信息匹配到相应的代表点的过程实际上就是把所有商品对应的颜色按照距离集中到这些代表颜色上,这样后续步骤按遍历路径上的代表点依次遍历时,也就能够实现商品信息按色彩渐变的方式进行遍历。
本实施例中,将商品信息匹配到相应的代表点具体可以采用下面两种匹配方式中的任一种。
第一种匹配方式:若商品存在与其对应的颜色点,则将与该颜色点之间距离最小的代表点作为待匹配代表点;将所述商品的商品信息匹配到所述待匹配代表点。
第二种匹配方式:若商品存在与其对应的颜色点,则将与该颜色点之间距离最小的代表点作为待匹配代表点;若所述商品对应的颜色点与所述待匹配代表点之间的距离小于第二距离,则将所述商品的商品信息匹配到所述待匹配代表点。
上述两种匹配方式中,第一种匹配方式仅考虑商品对应的颜色点与各代表点之间的最小距离,而第二种匹配方式除了考虑上述因素,还考虑所述最小距离是否满足一定条件,即所述最小距离是否小于第二距离。所述第二距离反映的是商品对应的颜色点与待匹配代表点之间的色彩差异限值,举例来说,即使一个商品对应的颜色点与某个代表点之间距离最小,但若该最小距离超过一定范围,则并不能认为两者颜色近似,因此不能成功进行匹配。所述第二距离的具体数值可以根据实际需要进行设定。第二种匹配方式能够使与某个代表点匹配的所有商品信息之间的差异(色彩差异)不至于太大,从而无法达到较好的色彩渐变效果。
将商品信息匹配到相应的代表点之后,还需要为完成匹配的商品信息建立索引,以便在后续步骤接收到商品信息搜索请求时,可以依据建立的索引快速得到相关颜色并符合搜索条件的搜索结果。
在步骤S2和步骤S3之后,执行步骤S4,基于用户的搜索请求,依据建立的所述索引搜索与各代表点相匹配且符合搜索条件的商品信息。
如果说步骤S1至步骤S3是商品信息的展示方法的准备阶段,那么步骤S4以及后续的步骤S5就是商品信息的展示方法的实施阶段。在实际实施时,步骤S4和步骤S5需要前端和后台的配合才能实现。本实施例中,前端与后台的结构如图4所示,前端10可以为个人计算机、平板电脑等,前端10包括显示器101和主机102,显示器101用于显示商品信息展示页面,主机102用于基于用户的输入操作形成对于商品信息的搜索请求,并将所述搜索请求发送至后台20以获得搜索结果,还用于将搜索到的商品信息按照所述遍历路径排列添加在商品信息展示页面。本实施例中,前端10与后台20之间可以通过互联网建立通信连接,在其他实施例,前端与后台之间的通信连接也可以通过无线通信网络实现。
在步骤S4中,用户可以通过前端10提出商品信息的搜索请求,所述搜索请求中包含用户输入搜索条件,所述搜索条件可以包括商品的名称、产地、品牌、价格范围等中的至少一项。当然,用户提出的搜索请求可以是显性的,例如直接键入关键词,也可以是隐性的,例如通过品牌链接等等。
仍然参阅图4,前端10将用户的搜索请求发送给后台20,后台20通常由服务器201和数据库202组成,所述数据库202中存储大规模的商品信息以及建立的所述索引,服务器201接收到该搜索请求后,会根据所述索引以及所述搜索条件从数据库202中搜索与各代表点相匹配且符合搜索条件的商品信息,并将搜索结果返回给前端10。
在实际实施时,后台需要对大规模数据进行多种索引(index)。可以采用常规的比较先进的搜索引擎,比如可以使用开源引擎SOLR。索引需要针对各种搜索条件,本实施例中,还需要特别对商品的颜色进行索引,此外还需要有分类统计的功能,可以快速返回满足搜索条件的商品数。因为前台本质上需要对类似的条件进行反复的查询(下一页、下一种颜色),为了保证效率,搜索需要很好地利用缓存。
步骤S4之后,执行步骤S5,将搜索到的商品信息按照所述遍历路径排列添加在商品信息展示页面。
步骤S5的实施过程通过前端完成。在实际实施时,前端使用web技术,加上较复杂的排版算法。
具体实施时,步骤S5可以包括:从确定的所有遍历路径中选择一条遍历路径;基于搜索到的商品信息,从选择的遍历路径上的任意或指定的一个代表点开始,依次将每一个代表点相匹配的商品信息排列添加在商品信息展示页面。
其中,所述从确定的所有遍历路径中选择一条遍历路径具体又可以包括:获取搜索到的商品信息,并以获得的商品信息从确定的所有遍历路径中选出一条符合预定属性的遍历路径,所述预定属性包括遍历路径的描述、路径遍历一次的商品信息数量范围以及商品信息展示页面所能容纳展示商品信息的数量。
如前所述,每个代表点都对应一种颜色(代表颜色),所有代表点构成遍历路径,商品信息是按遍历路径上的各代表颜色进行遍历。所述预定属性是设计在这些代表颜色上遍历的若干路径规则,前端在选择遍历路径时,会优先选择预定属性与当前获得的商品信息相适应的遍历路径,这样能够保证搜索、获取商品信息和选择遍历路径不会有太多次不断重试的过程,提高遍历路径的选择成功率。
由于后台数据库中符合搜索条件的商品信息通常会非常多,一般后台不可能将所有商品信息都返回给前端,而是根据前端的请求,分多次将搜索到的商品信息发送至前端,因此前端会分多次获取搜索到的商品信息。此外,后台服务器也可能不会一次性将后台数据库中符合搜索条件的商品信息全部搜索出来,而只是搜索出其中的一部分,可以在用户提出进一步请求时,继续深入搜索。
本实施例中,前端每次获取的商品信息为搜索到的商品信息中的部分商品信息,若基于所述部分商品信息不能够选出符合预定属性的遍历路径,则从搜索到的商品信息中获取更多的商品信息。
在实际实施时,由于前端向用户展示商品信息时通常是分页进行的,因此每次获取的商品信息只需要至少满足当前页商品信息的展示即可,待用户翻页时,会通过前端触发进一步向后台获取商品信息的请求,以从后台获取更多的商品信息。当然,为了提高商品信息的展示效率,每次获取的商品信息也可以满足更多页面对于商品信息的展示,不过这需要占用前端一定的缓存空间。
本实施例中,搜索到的商品信息还会按预定条件进行排名,在获取商品信息时,则优先获取排名靠前的商品信息,所述预定条件包括商品的销量、商品的价格或商品信息的被搜索次数。
具体地,前端在获取商品信息时,从某个代表点开始向后台索取相关颜色的、符合搜索条件的、排名靠前的商品信息(第一次获取时是在所有商品中的排名,后续阶段是在排除先前已经得到的结果之后的排名)。后台在索引中找到相关颜色并符合搜索条件和排名的商品信息集合后,返回给前端。
具体实施时,步骤S5还可以包括:在选出一条遍历路径之前,从搜索到的商品信息中确定与每个代表点相匹配的商品信息的数量;若一个代表点相匹配商品信息的数量小于第二数量,则获取更多与该代表点相匹配的商品信息;如果未能获取到足够与该代表点相匹配的商品信息,则跳过该代表点或选择其他符合预定属性的遍历路径。
所述第二数量可以根据当前选出的遍历路径的预定属性进行确定,因为如果与某个代表点相匹配的商品信息的数量过少,则难以很好地实现商品信息的色彩渐变过程中的平滑过渡,所以应当确保每个代表点都拥有足够与之相匹配的商品信息。
在选出合适的遍历路径并按该遍历路径展示相关商品信息的过程中,可以将遍历路径上的每个代表点看作是一个具有相应颜色的桶,每个桶用于存放对应不同颜色的商品信息。前端在获得商品信息后,把商品信息按照各自对应的颜色分别放入候选的桶里。前端沿着(某一条)遍历路径对代表点进行遍历,当下一步的颜色桶里有足够多的商品信息时就可以展示这些商品信息并进行到下一个代表点,否则可以根据需要向后台服务器单独请求这个颜色的商品信息。如果没有这个颜色的更多商品信息,可以选择跳过这一个代表点,或者如果有另外的遍历路径的话,也可以另选一条可行的遍历路径。
在前端选出合适的遍历路径的过程开始时,会先向后台服务器请求每个颜色的符合条件的商品信息的总数,这样利于执行过程中的优化。
此外,为了保持搜索结果的大致相关度排序,每个颜色的桶里的商品信息都按照相关度顺序排列。因此,在本实施例中,匹配到同一代表点的商品信息,可以按各商品对应的颜色点与该代表点之间的距离由小至大顺序排列添加在所述商品信息展示页面。在实际实施时,匹配到同一代表点的商品信息会有很多,这些商品信息反映的色彩与代表点的色彩较为近似,但仍存在一定的差异,此时按商品对应颜色点与该代表点之间的距离由小至大顺序展示商品信息,可以在按照所有代表点实现大范围渐变过程的同时,实现单个代表点相应的小范围渐变过程。
当然,如果没有更多商品信息,这时前端可能存在若干尚未排列添加进商品信息展示页面的商品信息,此时通过这些商品信息可能没办法完成一整个平滑渐变,只能按照现有技术中常用的方式进行排列,例如按销量、价格等进行排列。
商品信息在商品信息展示页面中的一种呈现方式可以参考图5:
图5中的每一个矩形表示一条商品信息,商品信息具体可以包括商品的图片,图片体现出商品的相应颜色,商品信息还可能包括商品的名称、价格、销量、品牌等信息。所有的商品信息呈行列分布,处于同一行上的商品对应的颜色基本相近,从左至右(或从右至左)可以存在色彩渐变的过程;处于同一列上邻接商品对应的颜色相近,从上至下(或从下至上)也可以存在色彩渐变的过程。具体对于商品信息展示页面中商品信息的呈现方式,本领域技术人员可以根据实际需求选择相应的排版算法实现,此处不再详细描述。
由于商品信息通常需要分页显示,缺省地只显示第一页商品信息,随着用户进行页面下拉,将显示更多页,用户可以不断地下拉,页面上商品信息不断往下增加,在整个过程中会保持颜色的平滑过渡和循环遍历。
通过本实施例提供的商品信息的展示方法,实现了以色彩渐变且循环遍历的方式展示商品信息,从而提升商品信息对用户的吸引力,提高购买率。
对应上述商品信息的展示方法,本发明实施例还提供一种商品信息的展示装置,如图6所示,所述商品信息的展示装置包括:选点单元301,适于在色彩空间中选取第一数量的颜色点作为代表点,所述代表点均匀分布于所述色彩空间;确定单元302,适于确定由所有代表点构成的至少一条遍历路径,所述遍历路径上相邻的两个代表点之间的距离小于第一距离;索引单元303,适于将商品信息按照商品对应的颜色点与代表点之间的距离匹配到相应的代表点,并建立索引;搜索单元304,适于基于用户的搜索请求,依据建立的所述索引搜索与各代表点相匹配且符合搜索条件的商品信息;展示单元305,适于将搜索到的商品信息按照所述遍历路径排列添加在商品信息展示页面。
具体实施时,所述索引单元303可以包括:选取单元,适于当商品存在与其对应的颜色点时,将与该颜色点之间距离最小的代表点作为待匹配代表点;第一匹配单元,适于将所述商品的商品信息匹配到所述待匹配代表点。所述索引单元也可以包括:选取单元,适于在商品存在与其对应的颜色点,将与该颜色点之间距离最小的代表点作为待匹配代表点;第二匹配单元,适于在所述商品对应的颜色点与所述待匹配代表点之间的距离小于第二距离时,将所述商品的商品信息匹配到所述待匹配代表点。
在具体实施时,所述展示单元305将匹配到同一代表点的商品信息,按各商品对应的颜色点与该代表点之间的距离由小至大顺序排列添加在所述商品信息展示页面。
所述展示单元305包括:选择单元,适于从确定的所有遍历路径中选择一条遍历路径;添加单元,适于基于搜索到的商品信息,从选择的遍历路径上的任意或指定的一个代表点开始,依次将每一个代表点相匹配的商品信息排列添加在商品信息展示页面。
所述选择单元包括:获取单元,适于获取搜索到的商品信息;选定单元,适于以获得的商品信息从确定的所有遍历路径中选出一条符合预定属性的遍历路径,所述预定属性包括遍历路径的描述、路径遍历一次的商品信息数量范围以及商品信息展示页面所能容纳展示商品信息的数量。
所述获取单元每次获取的商品信息为搜索到的商品信息中的部分商品信息,若所述选定单元基于所述部分商品信息不能够选出符合预定属性的遍历路径,由所述获取单元从搜索到的商品信息中获取更多的商品信息。
所述展示单元305还包括:数量统计单元,适于在选出一条遍历路径之前,从搜索到的商品信息中确定与每个代表点相匹配的商品信息的数量;所述获取单元在一个代表点相匹配商品信息的数量小于第二数量时,获取更多与该代表点相匹配的商品信息;所述选定单元还适于在所述获取单元未能获取到足够与该代表点相匹配的商品信息时,跳过该代表点或选择其他符合预定属性的遍历路径。
本实施例所述商品信息的展示装置的具体实施可以参考上述商品信息的展示方法的实施,此处不再赘述。
虽然本发明披露如上,但本发明并非限定于此。任何本领域技术人员,在不脱离本发明的精神和范围内,均可作各种更动与修改,因此本发明的保护范围应当以权利要求所限定的范围为准。
Claims (20)
1.一种商品信息的展示方法,其特征在于,包括:
在色彩空间中选取第一数量的颜色点作为代表点,所述代表点均匀分布于所述色彩空间;
确定由所有代表点构成的至少一条遍历路径,所述遍历路径上相邻的两个代表点之间的距离小于第一距离;
将商品信息按照商品对应的颜色点与代表点之间的距离匹配到相应的代表点,并建立索引;
基于用户的搜索请求,依据建立的所述索引搜索与各代表点相匹配且符合搜索条件的商品信息;
将搜索到的商品信息按照所述遍历路径排列添加在商品信息展示页面。
2.根据权利要求1所述的商品信息的展示方法,其特征在于,所述将商品信息按照所述商品对应的颜色点与代表点之间的距离匹配到相应的代表点包括:
若商品存在与其对应的颜色点,则将与该颜色点之间距离最小的代表点作为待匹配代表点;
将所述商品的商品信息匹配到所述待匹配代表点。
3.根据权利要求1所述的商品信息的展示方法,其特征在于,所述将商品信息按照所述商品对应的颜色点与代表点之间的距离匹配到相应的代表点包括:
若商品存在与其对应的颜色点,则将与该颜色点之间距离最小的代表点作为待匹配代表点;
若所述商品对应的颜色点与所述待匹配代表点之间的距离小于第二距离,则将所述商品的商品信息匹配到所述待匹配代表点。
4.根据权利要求1所述的商品信息的展示方法,其特征在于,所述将搜索到的商品信息按照所述遍历路径排列添加在商品信息展示页面包括:将匹配到同一代表点的商品信息,按各商品对应的颜色点与该代表点之间的距离由小至大顺序排列添加在所述商品信息展示页面。
5.根据权利要求1所述的商品信息的展示方法,其特征在于,所述将搜索到的商品信息按照所述遍历路径排列添加在商品信息展示页面包括:
从确定的所有遍历路径中选择一条遍历路径;
基于搜索到的商品信息,从选择的遍历路径上的任意或指定的一个代表点开始,依次将每一个代表点相匹配的商品信息排列添加在商品信息展示页面。
6.根据权利要求5所述的商品信息的展示方法,其特征在于,所述从确定的所有遍历路径中选择一条遍历路径包括:获取搜索到的商品信息,并以获得的商品信息从确定的所有遍历路径中选出一条符合预定属性的遍历路径,所述预定属性包括遍历路径的描述、路径遍历一次的商品信息数量范围以及商品信息展示页面所能容纳展示商品信息的数量。
7.根据权利要求6所述的商品信息的展示方法,其特征在于,所述从确定的所有遍历路径中选择一条遍历路径还包括:每次获取的商品信息为搜索到的商品信息中的部分商品信息,若基于所述部分商品信息不能够选出符合预定属性的遍历路径,则从搜索到的商品信息中获取更多的商品信息。
8.根据权利要求7所述的商品信息的展示方法,其特征在于,搜索到的商品信息按预定条件进行排名,所述预定条件包括商品的销量、商品的价格或商品信息的被搜索次数,所述获取搜索到的商品信息包括:优先获取排名靠前的商品信息。
9.根据权利要求6所述的商品信息的展示方法,其特征在于,所述将搜索到的商品信息按照所述遍历路径排列添加在商品信息展示页面还包括:
在选出一条遍历路径之前,从搜索到的商品信息中确定与每个代表点相匹配的商品信息的数量;
若一个代表点相匹配商品信息的数量小于第二数量,则获取更多与该代表点相匹配的商品信息;
如果未能获取到足够与该代表点相匹配的商品信息,则跳过该代表点或选择其他符合预定属性的遍历路径。
10.根据权利要求1所述的商品信息的展示方法,其特征在于,所述色彩空间为Lab色彩空间。
11.根据权利要求1所述的商品信息的展示方法,其特征在于,所述第一数量的取值范围为[10,100]。
12.根据权利要求1所述的商品信息的展示方法,其特征在于,所述遍历路径构成哈密尔顿回路。
13.一种商品信息的展示装置,其特征在于,包括:
选点单元,适于在色彩空间中选取第一数量的颜色点作为代表点,所述代表点均匀分布于所述色彩空间;
确定单元,适于确定由所有代表点构成的至少一条遍历路径,所述遍历路径上相邻的两个代表点之间的距离小于第一距离;
索引单元,适于将商品信息按照商品对应的颜色点与代表点之间的距离匹配到相应的代表点,并建立索引;
搜索单元,适于基于用户的搜索请求,依据建立的所述索引搜索与各代表点相匹配且符合搜索条件的商品信息;
展示单元,适于将搜索到的商品信息按照所述遍历路径排列添加在商品信息展示页面。
14.根据权利要求13所述的商品信息的展示装置,其特征在于,所述索引单元包括:
选取单元,适于当商品存在与其对应的颜色点时,将与该颜色点之间距离最小的代表点作为待匹配代表点;
第一匹配单元,适于将所述商品的商品信息匹配到所述待匹配代表点。
15.根据权利要求13所述的商品信息的展示装置,其特征在于,所述索引单元包括:
选取单元,适于在商品存在与其对应的颜色点,将与该颜色点之间距离最小的代表点作为待匹配代表点;
第二匹配单元,适于在所述商品对应的颜色点与所述待匹配代表点之间的距离小于第二距离时,将所述商品的商品信息匹配到所述待匹配代表点。
16.根据权利要求13所述的商品信息的展示装置,其特征在于,所述展示单元将匹配到同一代表点的商品信息,按各商品对应的颜色点与该代表点之间的距离由小至大顺序排列添加在所述商品信息展示页面。
17.根据权利要求13所述的商品信息的展示装置,其特征在于,所述展示单元包括:
选择单元,适于从确定的所有遍历路径中选择一条遍历路径;
添加单元,适于基于搜索到的商品信息,从选择的遍历路径上的任意或指定的一个代表点开始,依次将每一个代表点相匹配的商品信息排列添加在商品信息展示页面。
18.根据权利要求17所述的商品信息的展示装置,其特征在于,所述选择单元包括:
获取单元,适于获取搜索到的商品信息;
选定单元,适于以获得的商品信息从确定的所有遍历路径中选出一条符合预定属性的遍历路径,所述预定属性包括遍历路径的描述、路径遍历一次的商品信息数量范围以及商品信息展示页面所能容纳展示商品信息的数量。
19.根据权利要求18所述的商品信息的展示装置,其特征在于,所述获取单元每次获取的商品信息为搜索到的商品信息中的部分商品信息,若所述选定单元基于所述部分商品信息不能够选出符合预定属性的遍历路径,由所述获取单元从搜索到的商品信息中获取更多的商品信息。
20.根据权利要求18所述的商品信息的展示装置,其特征在于,所述展示单元还包括:数量统计单元,适于在选出一条遍历路径之前,从搜索到的商品信息中确定与每个代表点相匹配的商品信息的数量;
所述获取单元在一个代表点相匹配商品信息的数量小于第二数量时,获取更多与该代表点相匹配的商品信息;
所述选定单元还适于在所述获取单元未能获取到足够与该代表点相匹配的商品信息时,跳过该代表点或选择其他符合预定属性的遍历路径。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310415723.3A CN103617533A (zh) | 2013-09-12 | 2013-09-12 | 商品信息的展示方法与装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201310415723.3A CN103617533A (zh) | 2013-09-12 | 2013-09-12 | 商品信息的展示方法与装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN103617533A true CN103617533A (zh) | 2014-03-05 |
Family
ID=50168237
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201310415723.3A Pending CN103617533A (zh) | 2013-09-12 | 2013-09-12 | 商品信息的展示方法与装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN103617533A (zh) |
Cited By (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105335854A (zh) * | 2014-07-22 | 2016-02-17 | 阿里巴巴集团控股有限公司 | 在页面中提供商品对象图片的方法及装置 |
CN106599008A (zh) * | 2015-10-20 | 2017-04-26 | 北大方正集团有限公司 | 基于瀑布流方式加载展示商品列表的方法、装置及客户端 |
CN109670056A (zh) * | 2018-11-29 | 2019-04-23 | 珠海市易迅科技有限公司 | 一种360度旋转图像的生成和读取方法 |
CN110525872A (zh) * | 2019-08-27 | 2019-12-03 | 张紫薇 | 自动分拣补货方法及*** |
CN113609325A (zh) * | 2021-08-13 | 2021-11-05 | 嘉兴智设信息科技有限公司 | 一种快速搜索近似rgb颜色图片方法 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1849601A (zh) * | 2003-09-08 | 2006-10-18 | 皇家飞利浦电子股份有限公司 | 索引和搜索图形元素的方法和设备 |
CN101599073A (zh) * | 2009-07-13 | 2009-12-09 | 腾讯科技(深圳)有限公司 | 一种实现图片搜索的方法及装置 |
CN101937549A (zh) * | 2010-10-09 | 2011-01-05 | 姚建 | 网络购物导航*** |
CN102929957A (zh) * | 2012-10-09 | 2013-02-13 | 广东欧珀移动通信有限公司 | 一种排序结果集的显示方法、装置及移动终端 |
US20130085900A1 (en) * | 2011-09-30 | 2013-04-04 | Diana Williams | Enhancing the search experience in a networked publication system by improved search and listing process |
-
2013
- 2013-09-12 CN CN201310415723.3A patent/CN103617533A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1849601A (zh) * | 2003-09-08 | 2006-10-18 | 皇家飞利浦电子股份有限公司 | 索引和搜索图形元素的方法和设备 |
CN101599073A (zh) * | 2009-07-13 | 2009-12-09 | 腾讯科技(深圳)有限公司 | 一种实现图片搜索的方法及装置 |
CN101937549A (zh) * | 2010-10-09 | 2011-01-05 | 姚建 | 网络购物导航*** |
US20130085900A1 (en) * | 2011-09-30 | 2013-04-04 | Diana Williams | Enhancing the search experience in a networked publication system by improved search and listing process |
CN102929957A (zh) * | 2012-10-09 | 2013-02-13 | 广东欧珀移动通信有限公司 | 一种排序结果集的显示方法、装置及移动终端 |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN105335854A (zh) * | 2014-07-22 | 2016-02-17 | 阿里巴巴集团控股有限公司 | 在页面中提供商品对象图片的方法及装置 |
CN105335854B (zh) * | 2014-07-22 | 2020-06-30 | 阿里巴巴集团控股有限公司 | 在页面中提供商品对象图片的方法及装置 |
CN106599008A (zh) * | 2015-10-20 | 2017-04-26 | 北大方正集团有限公司 | 基于瀑布流方式加载展示商品列表的方法、装置及客户端 |
CN109670056A (zh) * | 2018-11-29 | 2019-04-23 | 珠海市易迅科技有限公司 | 一种360度旋转图像的生成和读取方法 |
CN110525872A (zh) * | 2019-08-27 | 2019-12-03 | 张紫薇 | 自动分拣补货方法及*** |
CN113609325A (zh) * | 2021-08-13 | 2021-11-05 | 嘉兴智设信息科技有限公司 | 一种快速搜索近似rgb颜色图片方法 |
CN113609325B (zh) * | 2021-08-13 | 2023-08-15 | 嘉兴智设信息科技有限公司 | 一种快速搜索近似rgb颜色图片方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10186054B2 (en) | Automatic image-based recommendations using a color palette | |
US9679532B2 (en) | Automatic image-based recommendations using a color palette | |
US10120880B2 (en) | Automatic image-based recommendations using a color palette | |
US10255295B2 (en) | Automatic color validation of image metadata | |
US10049466B2 (en) | Color name generation from images and color palettes | |
US9542704B2 (en) | Automatic image-based recommendations using a color palette | |
US9607010B1 (en) | Techniques for shape-based search of content | |
US9135719B1 (en) | Color name generation from images and color palettes | |
US10691744B2 (en) | Determining affiliated colors from keyword searches of color palettes | |
US10831819B2 (en) | Hue-based color naming for an image | |
US9633448B1 (en) | Hue-based color naming for an image | |
US10235389B2 (en) | Identifying data from keyword searches of color palettes | |
CN102339306B (zh) | 基于草图的图像搜索 | |
TW201814555A (zh) | 搜索系統、頁面顯示方法和用戶端 | |
CN109508419A (zh) | 一种基于知识学习的推荐方法和*** | |
Deselaers et al. | Jointly optimising relevance and diversity in image retrieval | |
CN103617533A (zh) | 商品信息的展示方法与装置 | |
CN109345612B (zh) | 一种图像生成方法、装置、设备和存储介质 | |
US9298830B2 (en) | Method, system and apparatus for facilitating discovery of items sharing common attributes | |
CN111291191B (zh) | 一种广电知识图谱构建方法及装置 | |
CN102902807A (zh) | 使用多个视觉输入模态的视觉搜索 | |
US10430857B1 (en) | Color name based search | |
KR20070105722A (ko) | 모바일 웹 기반의 이미지검색을 위한 초기질의 집합의자동생성방법 | |
US11170062B2 (en) | Structured search via key-objects | |
RU2608468C2 (ru) | Легкая двумерная навигация базы данных видео |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
WD01 | Invention patent application deemed withdrawn after publication | ||
WD01 | Invention patent application deemed withdrawn after publication |
Application publication date: 20140305 |