CN109240689A - 一种应用图标的生成方法、装置、服务器及介质 - Google Patents
一种应用图标的生成方法、装置、服务器及介质 Download PDFInfo
- Publication number
- CN109240689A CN109240689A CN201810926890.7A CN201810926890A CN109240689A CN 109240689 A CN109240689 A CN 109240689A CN 201810926890 A CN201810926890 A CN 201810926890A CN 109240689 A CN109240689 A CN 109240689A
- Authority
- CN
- China
- Prior art keywords
- image
- pixel
- icon
- processed
- gaussian
- 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.)
- Granted
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种应用图标的生成方法、装置、服务器及介质,所述方法包括:获取应用软件的对应图标;将所述图标进行放大处理,得到待处理图像;对所述待处理图像进行高斯模糊处理,得到所述应用图标的背景图像;将所述图标合成到所述背景图像上,生成所述应用图标。每个应用软件对应的图标不同,由此生成的背景图像也不同。背景图像是经高斯模糊处理而得,合成的图标与背景图像之间视差增加、具有层次感,应用图标可以凸显图标,提高图标识别度,同时又利用不同背景图像避免应用图标在内容排列严重类似。本发明利用同一套的生成方法还可以减少工作人员的工作量、方便对应用图标进行后期维护。
Description
技术领域
本发明涉及互联网通信技术领域,尤其涉及一种应用图标的生成方法、装置、服务器及介质。
背景技术
随着计算机和互联网技术的快速发展,基于互联网的软件也日益增多,各种软件为用户提供了丰富多彩的服务。这些应用软件的图标(icon)各不相同,在站点的页面、客户端的页面等位置常需要对这些图标进行处理、得到具有一定统一性的应用图标来排布,用户通过这些应用图标可以得到进入对应应用软件的一个入口。应用软件借助具有一定统一性的应用图标来排布可以体现对应站点或者客户端等的设计风格,美观整洁,同时提高用户的使用体验。
然而通过复用现有素材来生成具有一定统一性的应用图标,往往容易出现生成的应用图标在内容排列严重类似的问题,这样带来的应用图标排布没能体现各自应用软件的区别,不能展现对应站点或者客户端营造的个性氛围,也容易造成用户的误选。若通过不复用素材来避免生成具有类似、雷同应用图标的情况,又会增加工作人员的工作量、降低生成应用图标的工作效率。
发明内容
为了解决现有技术应用在生成应用软件对应的具有一定统一性的应用图标时在内容排列严重类似、不方便后期维护等的问题,本发明提供了一种应用图标的生成方法、装置、服务器及介质:
一方面,本发明提供了一种应用图标的生成方法,所述方法包括:
获取应用软件的对应图标;
将所述图标进行放大处理,得到待处理图像;
对所述待处理图像进行高斯模糊处理,得到所述应用图标的背景图像;
将所述图标合成到所述背景图像上,生成所述应用图标。
另一方面提供了一种应用图标的生成装置,所述装置包括:
图标获取模块:用于获取应用软件的对应图标;
放大处理模块:用于将所述图标进行放大处理,得到待处理图像;
高斯模糊处理模块:用于对所述待处理图像进行高斯模糊处理,得到所述应用图标的背景图像;
应用图标生成模块:用于将所述图标合成到所述背景图像上,生成所述应用图标。
另一方面提供了一种服务器,所述服务器包括处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现所述的一种应用图标的生成方法。
另一方面提供了一种计算机可读存储介质,所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现所述的一种应用图标的生成方法。
本发明提供的一种应用图标的生成方法、装置、服务器及介质,具有如下技术效果:
本发明通过获取应用软件的对应图标,将所述图标进行放大处理、再进行高斯模糊处理,得到所述应用图标的背景图像,每个应用软件对应的图标不同,由此生成的背景图像也不同。将所述图标合成到所述背景图像上,生成所述应用图标,背景图像是经高斯模糊处理而得,其视觉效果就像是经过一个半透明屏幕在观察图像,合成的图标与背景图像之间视差增加、具有层次感,应用图标可以凸显图标,提高图标识别度,同时又利用不同背景图像避免应用图标在内容排列严重类似。本发明利用同一套的生成方法还可以减少工作人员的工作量、方便对应用图标进行后期维护。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案和优点,下面将对实施例或现有技术描述中所需要使用的附图作简单的介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其它附图。
图1是本发明实施例提供的一种应用环境的示意图;
图2是本发明实施例提供的一种应用图标的生成方法的流程示意图;
图3是本发明实施例提供的对所述待处理图像进行高斯模糊处理的一种的流程示意图;
图4是本发明实施例提供的对所述待处理图像进行高斯模糊处理的一种流程示意图;
图5是本发明实施例提供的将所述图标合成到所述背景图像上,生成所述应用图标的一种流程示意图;
图6是本发明实施例提供的对所述待处理图像进行高斯模糊处理的一种流程示意图;
图7也是本发明实施例提供的一种应用图标的生成方法的流程示意图;
图8是本发明实施例提供的一种应用图标的生成装置的组成框图;
图9是本发明实施例提供的高斯模糊处理模块的一种组成框图;
图10是本发明实施例提供的高斯模糊处理模块的一种组成框图;
图11也是本发明实施例提供的一种应用图标的生成装置的组成框图;
图12是本发明实施例提供的一种应用图标的示意图;
图13是本发明实施例提供的一种应用图标的示意图;
图14是本发明实施例提供的一种服务器的结构示意图。
以下对附图作补充说明:
10-图标;20-背景图像;30-文字信息。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有做出创造性劳动的前提下所获得的所有其他实施例,都属于本发明保护的范围。
需要说明的是,本发明的说明书和权利要求书及上述附图中的术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、***、产品或服务器不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
请参阅图1,图1是本发明实施例提供的一种应用环境的示意图,如图1所示,该应用环境中,在站点的页面、客户端的页面等位置常需要对多个应用软件既有的图标进行处理、得到具有一定统一性的应用图标来排布展示,用户通过这些应用图标可以得到进入对应应用软件的一个入口(下载、开始等)。需要说明的是,图1仅仅是一种示例。
具体的,在游戏平台中,游戏应用种类繁多,需要通过应用图标的排布展示来营造游戏气氛。如图12、13所示,游戏应用的应用图标展示有对应的图标10、背景图像20和文字信息30,若背景图像20采用统一的素材模板,仅依靠图标10和文字信息30来作不同游戏应用间的区分,那么多个游戏应用的应用图标的排布展示会显得单调重复,不能调动用户尤其是游戏爱好者的使用热情。
以下介绍本发明的一种利用对应图标的应用软件的应用图标的生成方法,图2是,本说明书提供了如实施例或流程图所述的方法操作步骤,但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式,不代表唯一的执行顺序。在实际中的***或服务器产品执行时,可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。具体的如图2所示,所述方法可以包括:
S201:获取应用软件的对应图标;
在站点或者客户端等的页面上,一个应用软件对应一个用于展示其的应用图标,不同的应用软件一般有不同的图标。图标是具有指代意义的图形符号,具有高度浓缩并快捷传达信息、便于记忆的特性。图标不局限于固定的形状。
在本发明实施例中,如图12、13所示,不同的游戏应用具有不同的图标10,比如三国令游戏应用的图标10呈现“三国令”三个汉字,魔神王座游戏应用的图标10为一女性的头像。
S202:将所述图标进行放大处理,得到待处理图像;
具体的,可以将图标的原有尺寸放大一倍。当然,由于图标也是有多个像素构成,当图标的尺寸以像素为单位时,可以通过指定图标固定的分辨率,将图标的尺寸与现实中的实际尺寸相互转换。比如通过将10px*10px(px:pixel,像素)转换为100px*100px来进行对所述图标的方法处理。
在本发明实施例中,将所述图标放大得到预设形状、预设尺寸的所述待处理图像,为了在页面中应用图标排布的整齐,可以将图标放大成预设尺寸的椭圆形、三角形、矩形等。当然,也可以将图标置于预设尺寸的椭圆形、三角形、矩形等中进行放大处理。如图12、13所述,将图标10置于预设尺寸的矩形中进行放大处理,或者将图标10放大得到预设尺寸的矩形的待处理图像。统一的矩形应用图标在排布上能更好的利用页面的空间。
S203:对所述待处理图像进行高斯模糊处理,得到所述应用图标的背景图像;
对图像进行高斯模糊处理能减小图像噪声以及降低细节层次。高斯模糊能够增加突出主题的效果,丰富移动设备人机交互界面的美观性。
在本发明实施例中,如图3所示提供的对所述待处理图像进行高斯模糊处理的一种的流程示意图:
S301:获取与第一像素在预设方向上相邻的两个像素,并进行所述预设方向上的高斯卷积,所述第一像素为所述待处理图像中的任一像素,所述两个像素为所述待处理图像中的像素;
所述待处理图像包括多个像素,所述多个像素在所述待处理图像中沿着所述预设方向平行排布。其中,预设方向可以是水平方向,预设方向也可以是竖直方向。
第一像素与在预设方向上与它相邻的两个像素参与高斯模糊处理,根据高斯模糊矩阵,针对第一像素,在预设方向进行一次规模为3的高斯卷积,将三个像素在高斯矩阵中对应的坐标与预置的卷积核相乘,相乘的结果除以卷积核的和,得到三个像素点在预设方向上的一维高斯卷积。
S302:根据得到的所述待处理图像中每个所述第一像素进行所述预设方向上的高斯卷积后的结果,得到所述待处理图像的高斯模糊图像;
可以将待处理图像中的每个像素都作为第一像素,然后按照得到第一像素的一维高斯卷积的方法,即可得到每个像素的一维高斯卷积。进而可以得到待处理图像的在预设方向上高斯模糊图像。这样提高了得到高斯模糊图像的效率。
在本发明实施例中,如图4所示提供的对所述待处理图像进行高斯模糊处理的一种的流程示意图:
S401:获取与第一像素在第一方向上相邻的两个像素,并进行第一方向上的高斯卷积,所述第一像素为所述待处理图像中的任一像素,所述至少两个像素为所述待处理图像中的像素;
所述待处理图像包括多个像素,所述多个像素在所述待处理图像中沿着第一方向平行排布,所述多个像素在所述待处理图像中沿着第二方向平行排布,所述第一方向与所述第二方向垂直设置。其中,第一方向可以是水平方向,第二方向可以是竖直方向。
第一像素与在第一方向上与它相邻的两个像素参与高斯模糊处理,根据高斯模糊矩阵,针对第一像素,在第一方向进行一次规模为3的高斯卷积,将三个像素在高斯矩阵中对应的坐标与预置的卷积核相乘,相乘的结果除以卷积核的和,得到三个像素点在第一方向上的一维高斯卷积。
S402:获取与所述第一像素在第二方向上相邻的两个像素,并进行第二方向上的高斯卷积,所述第一像素为所述待处理图像中的任一像素,所述至少两个像素为所述待处理图像中的像素;
第一像素与在第二方向上与它相邻的两个像素参与高斯模糊处理,根据高斯模糊矩阵,针对第一像素,在第二方向进行一次规模为3的高斯卷积,将三个像素在高斯矩阵中对应的坐标与预置的卷积核相乘,相乘的结果除以卷积核的和,得到三个像素点在第二方向上的一维高斯卷积。
S403:根据所述第一像素进行第一方向上的高斯卷积后的结果和所述第一像素进行第二方向上的高斯卷积后的结果,得到所述第一像素的高斯模糊值;
将第一像素在第一方向上的一维高斯卷积和在第二方向上的一维高斯卷积根据一定的权重比相加,得到所述第一像素的高斯模糊值。
S404:根据得到的所述处理图像中每个所述第一像素的高斯模糊值,得到所述待处理图像的高斯模糊图像;
可以将待处理图像中的每个像素都作为第一像素,然后按照得到第一像素的高斯模糊值。进而可以得到待处理图像的高斯模糊图像。
当然,高斯模糊算法在二维空间上实现时,算法描述为二维空间的点和二维高斯函数的乘积,表示为:F(x,y)与的乘积,其中F(xy)定义为位于x,y点的像素值,G(u,v)定义为在u,v定义域上的一个二维高斯函数。这样得到的模糊效果能较好保持边缘效果,优于其它均衡模糊算法。在计算高斯函数的离散近似实际应用中,取3σ为边界作用距离进行计算,在3σ距离之外的像素忽略。在图像处理程序中,由高斯公式可知,对高斯模糊矩阵的计算使用(6σ+1)×(6σ+1)计算矩阵是高斯模糊的关键。因此,高斯模糊矩阵的大小可由σ的值确定。然后用公式G(u,v)计算,并通过归一化保证高斯矩阵的值在[0,1]之间即可以得到高斯模糊矩阵。在函数中,取σ=0.840890即可得到上例中7*7的模板,在卷积核中存储该模板数据。7*7的高斯模板与源图像做卷积运算时,在图像边缘产生半径为3的空白边际。在低精确的图像处理情况下,对源图像像素填充,或去掉边缘。
在本发明实施例中,如图6所示提供的对所述待处理图像进行高斯模糊处理的一种的流程示意图:
S601:对所述待处理图像进行高斯模糊处理得到高斯模糊图像;
可以采用前面所述的高斯模糊处理步骤。
S602:对所述高斯模糊图像进行图层蒙版处理得到所述背景图像。
对所述高斯模糊图像进行图层蒙版处理,相当于在高斯模糊图像所在的图层上方覆盖一层玻璃片,这种玻璃片有透明的、半透明的、完全不透明的。如图12、13所示,可以采用深色蒙版,其中深色蒙版的预设尺寸可以稍大于所述高斯模糊图像的预设尺寸,相当于还给高斯模糊图像加了一个深色外框。
在本发明实施例中,还可以通过下述代码对所述待处理图像进行高斯模糊处理:
CSS(Cascading Style Sheet,层叠样式表单)代码:
HTML(HyperText Markup Language,超级文本标记语言)代码:
<img src="mm1.TIF"/>
<img src="mm1.TIF"class="blur"/>
S204:将所述图标合成到所述背景图像上,生成所述应用图标。
背景图像利用图标放大、高斯模糊处理得到,每个应用软件的背景图像都因为不同的图标而有所差异。合成在背景图像上的图标也因为背景图像的模糊度得以凸显。在页面上排布展示的多个应用图示整体上统一和谐,同时因为背景图像和图标的个性化即使大面积排布使用,也不会出现相似性过重的问题,避免了用户对各应用图标间缺乏感知度的问题。
如图5所示,S501:将所述图标设置在所述背景图像上的一侧,所述图标在所述背景图像上的展示区域大小小于所述背景图像的预设尺寸;
如图12、13所示,图标10设置在背景图像20上的右侧,图标10在所述背景图像20上的展示区域大小小于所述背景图像20尺寸的二分之一,图标10倾斜设置、向大约负20度角倾斜。当然图标10的倾斜方向、倾斜角度也可以设置为其他。
S502:在所述背景图像上的另一侧设置所述图标对应的文字信息。
如图12、13所示,在所述背景图像20上的左侧设置所述图标10对应的文字信息30,文字信息30可以是应用软件的名词、所属分类、用户使用状况等。比如,对于用户尚未下载使用的游戏应用“欢乐斗地主”,文字信息30显示该游戏应用目前的使用者数量情况。对于用于已经安装使用的游戏应用“天天麻将”,文字信息30显示用户使用的天数、最近上线的时间。
如图7所示,所述将所述图标合成到所述背景图像上,生成所述应用图标的步骤之后,包括:
S205:响应于用于加载层叠样式表单的触发事件,获取所述层叠样式表单的配置数据,并通过加载所述层叠样式表单的方式显示动画效果。
当触发事件设置为检测到鼠标滑过所述应用图标所在区域时,如图12、13所示,在右侧的图标10会显示向左冒出的动效。通过此类效果,可以方便用户在浏览页面上的应用图标时更清楚直观的获得应用软件的信息。
具体的,判断HTML文件中是否存在自定义动画样式如果HTML文件中存在自定义动画样式,则获取与所述自定义动画样式对应的CSS动画配置数据;根据所述CSS动画配置数据显示动画效果。
在本发明一种可能的实施例中,可以将图标放置于预设尺寸的矩形中,并对图标进行角度倾斜设置、搁置在矩形右侧的合适位置,矩形左侧放相关文字信息,背景图像则用图标的放大+高斯模糊+深色蒙版的处理来衬托前面内容。
由以上本说明书实施例发布的技术方案可见,本说明书实施例中通过获取应用软件的对应图标,将所述图标进行放大处理、再进行高斯模糊处理,得到所述应用图标的背景图像,将所述图标合成到所述背景图像上,生成所述应用图标。在页面处以多个应用图标排布的形式展示应用软件时,可以体现页面的特定风格,同时单个的应用图标又能表现出与其他应用图标的区别。对一批次应用图标的生成上可以利用同一预设下的参数值,比如统一的放大倍数、高斯模糊值、图层蒙版这样可以节省工作人员的工作量、也便于后期维护。
本发明实施例还发布了一种应用图标的生成装置,如图8所示,所述装置包括:
图标获取模块81:用于获取应用软件的对应图标;
放大处理模块82:用于将所述图标进行放大处理,得到待处理图像;
具体的,所述放大处理模块包括:放大处理单元:用于将所述图标放大得到预设形状、预设尺寸的所述待处理图像。
高斯模糊处理模块83:用于对所述待处理图像进行高斯模糊处理,得到所述应用图标的背景图像;
具体的,如图9所示,所述高斯模糊处理模块83包括:像素高斯卷积处理单元831:用于获取与第一像素在预设方向上相邻的两个像素,并进行所述预设方向上的高斯卷积,所述第一像素为所述待处理图像中的任一像素,所述两个像素为所述待处理图像中的像素;高斯模糊图像生成单元833:根据得到的所述处理图像中每个所述第一像素进行所述预设方向上的高斯卷积后的结果,得到所述待处理图像的高斯模糊图像;其中,所述待处理图像包括多个像素,所述多个像素在所述待处理图像中沿着所述预设方向平行排布。
具体的,如图10所示,所述高斯模糊处理模块83包括:第一像素高斯卷积处理单元8311:用于获取与第一像素在第一方向上相邻的两个像素,并进行第一方向上的高斯卷积,所述第一像素为所述待处理图像中的任一像素,所述至少两个像素为所述待处理图像中的像素;第二像素高斯卷积处理单元8312:用于获取与所述第一像素在第二方向上相邻的两个像素,并进行第二方向上的高斯卷积,所述第一像素为所述待处理图像中的任一像素,所述至少两个像素为所述待处理图像中的像素;高斯模糊值生成单元832:用于根据所述第一像素进行第一方向上的高斯卷积后的结果和所述第一像素进行第二方向上的高斯卷积后的结果,得到所述第一像素的高斯模糊值;高斯模糊图像生成单元833:用于根据得到的所述处理图像中每个所述第一像素的高斯模糊值,得到所述待处理图像的高斯模糊图像;其中,所述待处理图像包括多个像素,所述多个像素在所述待处理图像中沿着第一方向平行排布,所述多个像素在所述待处理图像中沿着第二方向平行排布,所述第一方向与所述第二方向垂直设置。
具体的,所述高斯模糊处理模块83包括:高斯模糊图像生成单元:用于对所述待处理图像进行高斯模糊处理得到高斯模糊图像;背景图像生成单元:用于对所述高斯模糊图像进行图层蒙版处理得到所述背景图像。
应用图标生成模块84:用于将所述图标合成到所述背景图像上,生成所述应用图标。
具体的,所述应用图标生成模块84包括:图标位置设置单元:用于将所述图标设置在所述背景图像上的一侧,所述图标在所述背景图像上的展示区域大小小于所述背景图像的预设尺寸;文字信息设置单元:用于在所述背景图像上的另一侧设置所述图标对应的文字信息。
如图11所示,所述应用图标的生成装置还包括:
动画效果显示模块85:用于响应于用于加载层叠样式表单的触发事件,获取所述层叠样式表单的配置数据,并通过加载所述层叠样式表单的方式显示动画效果。
需要说明的,所述装置实施例中的装置与方法实施例基于同样的发明构思。
本发明实施例发布了一种服务器,该服务器包括处理器和存储器,该存储器中存储有至少一条指令、至少一段程序、代码集或指令集,该至少一条指令、该至少一段程序、该代码集或指令集由该处理器加载并执行以实现如上述方法实施例所提供的应用图标的生成方法。
存储器可用于存储软件程序以及模块,处理器通过运行存储在存储器的软件程序以及模块,从而执行各种功能应用以及数据处理。存储器可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作***、功能所需的应用程序等;存储数据区可存储根据所述设备的使用所创建的数据等。此外,存储器可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地,存储器还可以包括存储器控制器,以提供处理器对存储器的访问。
本发明实施例还提供了一种服务器的结构示意图,请参阅图14,该服务器1400用于实施上述实施例中提供的应用图标的生成方法。该服务器1400可因配置或性能不同而产生比较大的差异,可以包括一个或一个以***处理器(Central Processing Units,CPU)1410(例如,一个或一个以上处理器)和存储器1430,一个或一个以上存储应用程序1423或数据1422的存储介质1420(例如一个或一个以上海量存储设备)。其中,存储器1430和存储介质1420可以是短暂存储或持久存储。存储在存储介质1420的程序可以包括一个或一个以上模块,每个模块可以包括对服务器中的一系列指令操作。更进一步地,中央处理器1410可以设置为与存储介质1420通信,在服务器1400上执行存储介质1420中的一系列指令操作。服务器1400还可以包括一个或一个以上电源1460,一个或一个以上有线或无线网络接口1450,一个或一个以上输入输出接口1440,和/或,一个或一个以上操作***1421,例如Windows ServerTM,Mac OS XTM,UnixTM,LinuxTM,FreeBSDTM等等。
本发明的实施例还提供了一种存储介质,所述存储介质可设置于服务器之中以保存用于实现方法实施例中一种应用图标的生成方法相关的至少一条指令、至少一段程序、代码集或指令集,该至少一条指令、该至少一段程序、该代码集或指令集由该处理器加载并执行以实现上述方法实施例提供的应用图标的生成方法。
可选地,在本实施例中,上述存储介质可以位于计算机网络的多个网络服务器中的至少一个网络服务器。可选地,在本实施例中,上述存储介质可以包括但不限于:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。
由上述本发明提供的一种应用图标的生成方法、装置、服务器及介质,本发明通过获取应用软件的对应图标,将所述图标进行放大处理、再进行高斯模糊处理,得到所述应用图标的背景图像,每个应用软件对应的图标不同,由此生成的背景图像也不同。将所述图标合成到所述背景图像上,生成所述应用图标,背景图像是经高斯模糊处理而得,其视觉效果就像是经过一个半透明屏幕在观察图像,合成的图标与背景图像之间视差增加、具有层次感,应用图标可以凸显图标,提高图标识别度,同时又利用不同背景图像避免应用图标在内容排列严重类似。本发明利用同一套的生成方法还可以减少工作人员的工作量、方便对应用图标进行后期维护。
需要说明的是:上述本发明实施例先后顺序仅仅为了描述,不代表实施例的优劣。且上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下,在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外,在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中,多任务处理和并行处理也是可以的或者可能是有利的。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于***和服务器实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成,也可以通过程序来指令相关的硬件完成,所述的程序可以存储于一种计算机可读存储介质中,上述提到的存储介质可以是只读存储器,磁盘或光盘等。
以上所述仅为本发明的较佳实施例,并不用以限制本发明,凡在本发明的精神和原则之内,所作的任何修改、等同替换、改进等,均应包含在本发明的保护范围之内。
Claims (14)
1.一种应用图标的生成方法,其特征在于,所述方法包括:
获取应用软件的对应图标;
将所述图标进行放大处理,得到待处理图像;
对所述待处理图像进行高斯模糊处理,得到所述应用图标的背景图像;
将所述图标合成到所述背景图像上,生成所述应用图标。
2.根据权利要求1所述的方法,其特征在于,所述对所述待处理图像进行高斯模糊处理,得到所述应用图标的背景图像的步骤,包括:
获取与第一像素在预设方向上相邻的两个像素,并进行所述预设方向上的高斯卷积,所述第一像素为所述待处理图像中的任一像素,所述两个像素为所述待处理图像中的像素;
根据得到的所述待处理图像中每个所述第一像素进行所述预设方向上的高斯卷积后的结果,得到所述待处理图像的高斯模糊图像;
其中,所述待处理图像包括多个像素,所述多个像素在所述待处理图像中沿着所述预设方向平行排布。
3.根据权利要求1所述的方法,其特征在于,所述对所述待处理图像进行高斯模糊处理,得到所述应用图标的背景图像的步骤,包括:
获取与第一像素在第一方向上相邻的两个像素,并进行第一方向上的高斯卷积,所述第一像素为所述待处理图像中的任一像素,所述至少两个像素为所述待处理图像中的像素;
获取与所述第一像素在第二方向上相邻的两个像素,并进行第二方向上的高斯卷积,所述第一像素为所述待处理图像中的任一像素,所述至少两个像素为所述待处理图像中的像素;
根据所述第一像素进行第一方向上的高斯卷积后的结果和所述第一像素进行第二方向上的高斯卷积后的结果,得到所述第一像素的高斯模糊值;
根据得到的所述处理图像中每个所述第一像素的高斯模糊值,得到所述待处理图像的高斯模糊图像;
其中,所述待处理图像包括多个像素,所述多个像素在所述待处理图像中沿着第一方向平行排布,所述多个像素在所述待处理图像中沿着第二方向平行排布,所述第一方向与所述第二方向垂直设置。
4.根据权利要求1所述的方法,其特征在于,所述将所述图标合成到所述背景图像上,生成所述应用图标的步骤,包括:
将所述图标设置在所述背景图像上的一侧,所述图标在所述背景图像上的展示区域大小小于所述背景图像的预设尺寸;
在所述背景图像上的另一侧设置所述图标对应的文字信息。
5.根据权利要求1所述的方法,其特征在于所述对所述待处理图像进行高斯模糊处理,得到所述应用图标的背景图像的步骤,包括:
对所述待处理图像进行高斯模糊处理得到高斯模糊图像;
对所述高斯模糊图像进行图层蒙版处理得到所述背景图像。
6.根据权利要求1所述的方法,其特征在于,所述将所述图标合成到所述背景图像上,生成所述应用图标的步骤之后,包括:
响应于用于加载层叠样式表单的触发事件,获取所述层叠样式表单的配置数据,并通过加载所述层叠样式表单的方式显示动画效果。
7.一种应用图标的生成装置,其特征在于,所述装置包括:
图标获取模块:用于获取应用软件的对应图标;
放大处理模块:用于将所述图标进行放大处理,得到待处理图像;
高斯模糊处理模块:用于对所述待处理图像进行高斯模糊处理,得到所述应用图标的背景图像;
应用图标生成模块:用于将所述图标合成到所述背景图像上,生成所述应用图标。
8.根据权利要求7所述的装置,其特征在于,所述高斯模糊处理模块包括:
像素高斯卷积处理单元:用于获取与第一像素在预设方向上相邻的两个像素,并进行所述预设方向上的高斯卷积,所述第一像素为所述待处理图像中的任一像素,所述两个像素为所述待处理图像中的像素;
高斯模糊图像生成单元:根据得到的所述处理图像中每个所述第一像素进行所述预设方向上的高斯卷积后的结果,得到所述待处理图像的高斯模糊图像;
其中,所述待处理图像包括多个像素,所述多个像素在所述待处理图像中沿着所述预设方向平行排布。
9.根据权利要求7所述的装置,其特征在于,所述高斯模糊处理模块包括:
第一像素高斯卷积处理单元:用于获取与第一像素在第一方向上相邻的两个像素,并进行第一方向上的高斯卷积,所述第一像素为所述待处理图像中的任一像素,所述至少两个像素为所述待处理图像中的像素;
第二像素高斯卷积处理单元:用于获取与所述第一像素在第二方向上相邻的两个像素,并进行第二方向上的高斯卷积,所述第一像素为所述待处理图像中的任一像素,所述至少两个像素为所述待处理图像中的像素;
高斯模糊值生成单元:用于根据所述第一像素进行第一方向上的高斯卷积后的结果和所述第一像素进行第二方向上的高斯卷积后的结果,得到所述第一像素的高斯模糊值;
高斯模糊图像生成单元:用于根据得到的所述处理图像中每个所述第一像素的高斯模糊值,得到所述待处理图像的高斯模糊图像;
其中,所述待处理图像包括多个像素,所述多个像素在所述待处理图像中沿着第一方向平行排布,所述多个像素在所述待处理图像中沿着第二方向平行排布,所述第一方向与所述第二方向垂直设置。
10.根据权利要求7所述的装置,其特征在于,所述应用图标生成模块包括:
图标位置设置单元:用于将所述图标设置在所述背景图像上的一侧,所述图标在所述背景图像上的展示区域大小小于所述背景图像的预设尺寸;
文字信息设置单元:用于在所述背景图像上的另一侧设置所述图标对应的文字信息。
11.根据权利要求7所述的装置,其特征在于,所述高斯模糊处理模块包括:
高斯模糊图像生成单元:用于对所述待处理图像进行高斯模糊处理得到高斯模糊图像;
背景图像生成单元:用于对所述高斯模糊图像进行图层蒙版处理得到所述背景图像。
12.根据权利要求7所述的装置,其特征在于,所述应用图标的生成装置还包括:
动画效果显示模块:用于响应于用于加载层叠样式表单的触发事件,获取所述层叠样式表单的配置数据,并通过加载所述层叠样式表单的方式显示动画效果。
13.一种服务器,其特征在于,所述服务器包括处理器和存储器,所述存储器中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由所述处理器加载并执行以实现如权利要求1至6任一所述的应用图标的生成方法。
14.一种计算机可读存储介质,其特征在于,所述存储介质中存储有至少一条指令、至少一段程序、代码集或指令集,所述至少一条指令、所述至少一段程序、所述代码集或指令集由处理器加载并执行以实现如如权利要求1至6任一所述的应用图标的生成方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810926890.7A CN109240689B (zh) | 2018-08-15 | 2018-08-15 | 一种应用图标的生成方法、装置、服务器及介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810926890.7A CN109240689B (zh) | 2018-08-15 | 2018-08-15 | 一种应用图标的生成方法、装置、服务器及介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109240689A true CN109240689A (zh) | 2019-01-18 |
CN109240689B CN109240689B (zh) | 2022-08-09 |
Family
ID=65070627
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810926890.7A Active CN109240689B (zh) | 2018-08-15 | 2018-08-15 | 一种应用图标的生成方法、装置、服务器及介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109240689B (zh) |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109886890A (zh) * | 2019-02-14 | 2019-06-14 | 珠海天燕科技有限公司 | 一种应用图标处理方法及装置 |
CN111275800A (zh) * | 2020-01-15 | 2020-06-12 | 北京字节跳动网络技术有限公司 | 动画生成方法、装置、电子设备及计算机可读存储介质 |
CN112700513A (zh) * | 2019-10-22 | 2021-04-23 | 阿里巴巴集团控股有限公司 | 图像处理方法及装置 |
CN115309306A (zh) * | 2021-05-08 | 2022-11-08 | Oppo广东移动通信有限公司 | 标签控制方法、装置、终端设备及存储介质 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103927772A (zh) * | 2014-04-30 | 2014-07-16 | 厦门美图之家科技有限公司 | 一种图标合成方法 |
CN105809721A (zh) * | 2014-12-30 | 2016-07-27 | 阿里巴巴集团控股有限公司 | 一种应用图标的生成方法、装置及移动设备 |
CN105828156A (zh) * | 2016-03-22 | 2016-08-03 | 乐视网信息技术(北京)股份有限公司 | 一种在视频画面中生成标题背景的方法及装置 |
CN106157341A (zh) * | 2015-03-30 | 2016-11-23 | 阿里巴巴集团控股有限公司 | 生成合成图片的方法及装置 |
CN106775688A (zh) * | 2016-12-05 | 2017-05-31 | 广州视源电子科技股份有限公司 | 应用图标的生成方法和装置 |
-
2018
- 2018-08-15 CN CN201810926890.7A patent/CN109240689B/zh active Active
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103927772A (zh) * | 2014-04-30 | 2014-07-16 | 厦门美图之家科技有限公司 | 一种图标合成方法 |
CN105809721A (zh) * | 2014-12-30 | 2016-07-27 | 阿里巴巴集团控股有限公司 | 一种应用图标的生成方法、装置及移动设备 |
CN106157341A (zh) * | 2015-03-30 | 2016-11-23 | 阿里巴巴集团控股有限公司 | 生成合成图片的方法及装置 |
CN105828156A (zh) * | 2016-03-22 | 2016-08-03 | 乐视网信息技术(北京)股份有限公司 | 一种在视频画面中生成标题背景的方法及装置 |
CN106775688A (zh) * | 2016-12-05 | 2017-05-31 | 广州视源电子科技股份有限公司 | 应用图标的生成方法和装置 |
Cited By (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109886890A (zh) * | 2019-02-14 | 2019-06-14 | 珠海天燕科技有限公司 | 一种应用图标处理方法及装置 |
CN112700513A (zh) * | 2019-10-22 | 2021-04-23 | 阿里巴巴集团控股有限公司 | 图像处理方法及装置 |
CN111275800A (zh) * | 2020-01-15 | 2020-06-12 | 北京字节跳动网络技术有限公司 | 动画生成方法、装置、电子设备及计算机可读存储介质 |
CN111275800B (zh) * | 2020-01-15 | 2021-09-14 | 北京字节跳动网络技术有限公司 | 动画生成方法、装置、电子设备及计算机可读存储介质 |
US11972517B2 (en) | 2020-01-15 | 2024-04-30 | Beijing Bytedance Network Technology Co., Ltd. | Animation generation method and apparatus, electronic device, and computer-readable storage medium |
CN115309306A (zh) * | 2021-05-08 | 2022-11-08 | Oppo广东移动通信有限公司 | 标签控制方法、装置、终端设备及存储介质 |
Also Published As
Publication number | Publication date |
---|---|
CN109240689B (zh) | 2022-08-09 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109240689A (zh) | 一种应用图标的生成方法、装置、服务器及介质 | |
US10146419B2 (en) | Method and system for section-based editing of a website page | |
US20170186206A1 (en) | Representation of overlapping visual entities | |
RU2345425C2 (ru) | Организация многооконного режима, система, управляющая этим режимом, содержащая компьютерное устройство | |
EP0447095B1 (en) | Workspace displays | |
Marcus et al. | 3D representations for software visualization | |
US7197718B1 (en) | Interactive virtual area browser for selecting and rescaling graphical representations of displayed data | |
Cockburn et al. | Faster document navigation with space-filling thumbnails | |
Hutchings et al. | Revisiting Display Space Management: Understanding Current Practice to Inform Next-generation Design. | |
US20150378555A1 (en) | Maintaining context for maximize interactions on grid-based visualizations | |
KR20060052717A (ko) | 가상 데스크 탑, 프로그램 예의 배열을 리콜링하는 방법, 애플리케이션 예를 관리하는 방법 및 애플리케이션을 관리하는 방법 | |
US20090295826A1 (en) | System and method for interaction of graphical objects on a computer controlled system | |
US20020113823A1 (en) | Navigation methods, systems, and computer program products for virtual three-dimensional books | |
US20100281408A1 (en) | System And Method For Providing User Access | |
Beaudouin-Lafon et al. | The architecture and implementation of CPN2000, a post-WIMP graphical application | |
JP2013504793A (ja) | ズーミング・グラフィカル・ユーザー・インターフェース | |
US10318624B1 (en) | Infinite canvas | |
CN104981765A (zh) | 用于工具栏导航的用户界面 | |
Coffman et al. | A client-server architecture for state-dependent dynamic visualizations on the web | |
WO2010035489A1 (ja) | 数値入力装置、数値入力方法、及びプログラム | |
Kim et al. | Comparison of 3D and 2D menus for cell phones | |
EP0352741A2 (en) | Three dimensional graphic interface | |
US20180039381A1 (en) | User interface for application interface manipulation | |
Hicks et al. | Comparison of 2D and 3D representations for visualising telecommunication usage | |
KR20130116242A (ko) | 사이트 포커스를 갖는 브라우저 프레임 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |