掌桥专利:专业的专利平台
掌桥专利
首页

思维导图的配色方法和装置、存储介质、电子装置

文献发布时间:2023-06-19 12:07:15


思维导图的配色方法和装置、存储介质、电子装置

技术领域

本申请涉及思维导图领域,具体而言,涉及一种思维导图的配色方法和装置、存储介质、电子装置。

背景技术

如图1所示,思维导图在应用中的最终呈现可看成由两部分组成,骨架Skeleton加配色方案Color Theme。Skeleton是去除一切颜色信息的样子,是基本骨架,它描述思维导图中所有的东西长什么样子(颜色除外),Color theme则描述了所有的元素是什么颜色的,即配色方案。如果把Skeleton比喻成人,那Color theme就是所穿的衣服。

相关技术中,所有的思维导图软件对于如何配色都是由设计师单独一套套的设计出来,如图2所示,每组配色需要单独设计,这样做虽然简单直接,但是效率比较低,对于大量丰富多样的色彩需求往往会显得捉襟见肘。

针对上述的问题,目前尚未提出有效的解决方案。

发明内容

本申请实施例提供了一种思维导图的配色方法和装置、存储介质、电子装置,以至少解决相关技术中配色效率较低的技术问题。

根据本申请实施例的一个方面,提供了一种思维导图的配色方法,包括:形成目标色环,目标色环中包括多个颜色;利用目标色环中的颜色形成一组配色方案,一组配色方案中的每个配色方案是用目标色环中的一个颜色构建成的;使用形成的配色方案对思维导图进行配色。

可选地,利用目标色环中的颜色形成一组配色方案包括:获取目标色环中的任意一个颜色;以获取的颜色为基础色,形成一套具体的配色方案。

可选地,在利用目标色环中的颜色形成一组配色方案时,对于不同的目标色环中的颜色,使用同一规则对颜色进行处理。

可选地,在利用目标色环中的颜色形成一组配色方案时,对于同一个目标色环中的颜色,使用不同的规则对颜色进行处理。

可选地,形成目标色环包括:获取在一个描述属性上具有共性的颜色,将获取的颜色作为目标色环。

可选地,使用形成的配色方案对思维导图进行配色包括:使用配色方案中的颜色对思维导图中的元素进行颜色填充。

根据本申请实施例的另一方面,还提供了一种思维导图的配色装置,包括:色环形成单元,用于形成目标色环,其中,目标色环中包括多个颜色;配色形成单元,用于利用目标色环中的颜色形成一组配色方案,其中,一组配色方案中的每个配色方案是以目标色环中的一个颜色构建成的;配色单元,用于使用形成的配色方案对思维导图进行配色。

可选地,配色形成单元还用于:获取目标色环中的任意一个颜色;以获取的颜色为基础色,形成一套具体的配色方案。

可选地,配色形成单元还用于:在利用目标色环中的颜色形成一组配色方案时,对于不同的目标色环中的颜色,使用同一规则对颜色进行处理。

可选地,配色形成单元还用于:在利用目标色环中的颜色形成一组配色方案时,对于同一个目标色环中的颜色,使用不同的规则对颜色进行处理。

可选地,色环形成单元还用于:获取在一个描述属性上具有共性的颜色,将获取的颜色作为目标色环。

可选地,配色单元还用于:使用配色方案中的颜色对思维导图中的元素进行颜色填充。

根据本申请实施例的另一方面,还提供了一种存储介质,该存储介质包括存储的程序,程序运行时执行上述的方法。

根据本申请实施例的另一方面,还提供了一种电子装置,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,处理器通过计算机程序执行上述的方法。

根据本申请的一个方面,提供了一种计算机程序产品或计算机程序,该计算机程序产品或计算机程序包括计算机指令,该计算机指令存储在计算机可读存储介质中。计算机设备的处理器从计算机可读存储介质读取该计算机指令,处理器执行该计算机指令,使得该计算机设备执行上述方法中任一实施例的步骤。

在本申请实施例中,形成目标色环,目标色环中包括多个颜色;利用目标色环中的颜色形成一组配色方案,一组配色方案中的每个配色方案是用目标色环中的一个颜色构建成的;使用形成的配色方案对思维导图进行配色,进而解决了相关技术中配色效率较低的技术问题。

附图说明

此处所说明的附图用来提供对本申请的进一步理解,构成本申请的一部分,本申请的示意性实施例及其说明用于解释本申请,并不构成对本申请的不当限定。在附图中:

图1是相关技术中的思维导图构成的示意图;

图2是相关技术中的思维导图配色方案的示意图;

图3是根据本申请实施例的思维导图配色方案的示意图;

图4是根据本申请实施例的思维导图的配色方法的硬件环境的示意图;

图5是根据本申请实施例的一种可选的思维导图的配色方法的流程图;

图6是根据本申请实施例的一种可选的色环的示意图;

图7是根据本申请实施例的一种可选的色环的示意图;

图8是根据本申请实施例的一种可选的配色的示意图;

图9是根据本申请实施例的一种可选的配色的示意图;

图10是根据本申请实施例的一种可选的配色形成方案的示意图;

图11是根据本申请实施例的一种可选的配色形成方案的示意图;

图12是根据本申请实施例的一种可选的思维导图的示意图;

图13是根据本申请实施例的一种可选的思维导图的示意图;

图14是根据本申请实施例的一种可选的思维导图配色方案的示意图;

图15是根据本申请实施例的一种可选的思维导图配色方案的示意图;以及,

图16是根据本申请实施例的一种终端的结构框图。

具体实施方式

为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。

需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象,而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换,以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外,术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、系统、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

为了解决相关技术中配色效率较低的技术问题,根据本申请实施例的一方面,提供了一种思维导图的配色方法的方法实施例。它的核心逻辑是只需要对一组具有某种共性的颜色制定一条相同的规则,然后每一个颜色就分别形成了一套配色用于思维导图,相当于一次生成多个配色方案,一次生成多组配色方案如图3所示。更多的细节将在下文中详细描述。

可选地,在本实施例中,上述思维导图的配色方法可以应用于如图4所示的由终端101和服务器103所构成的硬件环境中。如图4所示,服务器103通过网络与终端101进行连接,可用于为终端或终端上安装的客户端提供服务(如思维导图服务等),可在服务器上或独立于服务器设置数据库105,用于为服务器103提供数据存储服务,上述网络包括但不限于:广域网、城域网或局域网,终端101并不限定于PC、手机、平板电脑等。

本申请实施例的思维导图的配色方法可以由服务器103来执行,也可以由终端101来执行,还可以是由服务器103和终端101共同执行。其中,终端101执行本申请实施例的思维导图的配色方法也可以是由安装在其上的客户端来执行。图5是根据本申请实施例的一种可选的思维导图的配色方法的流程图,如图5所示,该方法可以包括以下步骤:

步骤S502,形成目标色环,目标色环中包括多个颜色。

可选地,形成目标色环包括:获取在一个描述属性上具有共性的颜色,将获取的颜色作为所述目标色环。每个色环中颜色的共性包含任何可以描述颜色的信息,比如情感属性,明暗,色调,饱和度等等,至少有一项描述能够明显的将这个组颜色归位一类。

步骤S504,利用目标色环中的颜色形成一组配色方案,一组配色方案中的每个配色方案是用目标色环中的一个颜色构建成的。

可选地,利用所述目标色环中的颜色形成一组配色方案包括:获取所述目标色环中的任意一个颜色;以获取的颜色为基础色,形成一套具体的配色方案。

可选地,在利用所述目标色环中的颜色形成一组配色方案时,对于不同的所述目标色环中的颜色,使用同一规则对颜色进行处理。

可选地,在利用所述目标色环中的颜色形成一组配色方案时,对于同一个所述目标色环中的颜色,使用不同的规则对颜色进行处理。

步骤S506,使用形成的配色方案对思维导图进行配色。

可选地,使用形成的配色方案对思维导图进行配色包括:使用所述配色方案中的颜色对思维导图中的元素进行颜色填充。

作为一种可选的实施例,本申请具体的实现方式分为以下三个大的步骤:

步骤1,形成色环。

主要工作是选择一组具有某种共性的颜色作为一个色环,颜色越多,最终生成的Color theme就越多。理论上来说,色环中包含的颜色数量并没有限制。比如其中一个色环(以下简称色环1,如图6所示(为了满足专利相关要求,用灰度图示出,实际上是彩色),它形成的Color Theme以下称做CT1),根据色相来看都很鲜艳,包含了12种颜色,具体的颜色数量其实没有限制。

再比如还有一个色环是(以下称做色环2,如图7所示,它形成的Color Theme,以下称做CT2)饱和度比较低少,而且显得灰暗一点。

每个色环中颜色的共性包含任何可以描述颜色的信息,比如情感属性,明暗,色调,饱和度等等,至少有一项描述能够明显的将这个组颜色归位一类。这个选择色环的逻辑称之为规则一。理论上可以根据需要有无数种选择。例如,已有的行业内公开的一些色环也可以作为本方案的色环。比如Meterial Design色环和PCCS色环。

色环包含几个颜色最终就会形成几套配色,它们一起构成一组Color Theme。

步骤2,形成配色方案Color theme。

色环形成之后,假如P代表色环中的任意一个颜色,将P作为基础发展出一套具体的配色方案,以CT1为例就一次形成了12套配色方案。它们的配色规则是一样,因为是同一组Color Theme。假如选取CT1中的第九个颜色(蓝色,第二排第三个)作为基础,根据如下规则得出一组配色:

1)选定它为主色,叫作C0;

2)然后在另外一个色环中(比当前色环更暗的色环)选取和C0相同位置的颜色,定为C1;

3)再选取第三个不同的色环,找到和C0相同位置的颜色,往前移两位得到C2;

4)将C0的亮度增加60%,得到C3;

5)将C0的亮度减少30%,得到C4;

6)再到第四个色环,和C0相同的位置往前移12位,得到C5;

7)最后到第五个色环,和C0相同的位置往前移12位C6。

至此总共得到了如图8所示的7个不同的颜色。

色环1中的每一个颜色就是C0,它们都按照相同的规则类似的最终得到一个配色方案。所以最后得到12套具有相同规则的配色方案。这个生成颜色的逻辑称之为规则二。

上述的CT2的规则二就不一样,如果以其中一个颜色来说明(如第三个),它就是这样的:

1)选定它为主色C0;

2)在同一个色环中C0位置往前12,定为C1;

3)C0亮度增加30%,得到C2;

4)将C0的亮度减少55%,得到C3;

5)再到第二个色环,和C0相同的位置往前移12位,得到C4;

6)C4亮度减去20%,得到C5。

所以最后得到6个颜色,如图9所示。

不同的Color Theme,具体配色的规则可以是不一样的,就是从C0如何得到C1,C2等等颜色的逻辑不同,并且最终形成的颜色数量也不同。这里CT1是7种颜色,CT2是6种颜色,会有更少和更多的情况存在。

上述说明了,一个色环通规则二形成一个Color Theme的颜色列表,色环1通过规则二形成了构成CT1的所有颜色,色环2形成了构成CT2的所有颜色。一般过程如图10所示。

还要说明一点,如图11所示,不同的色环可以使用同一个规则二形成不同的ColorTheme;同样的一个色环也可以使用不同的规则二形成不同的一组Color Theme。这样可以极大的扩充Color Theme的丰富性。

Color Theme的颜色列表形成之后,最后一步就是如何应用到思维导图。

步骤3,将生成的一组颜色用于思维导图。

最后一步就是如何将得到的配色方案用于思维导图,具体来讲就是,什么元素用什么颜色填充,背景用什么颜色。

还是以上述的例子来说明,CT1中的蓝色形成了7个颜色,现在要将所有的颜色用于如图12所示的这个思维导图,具体使用颜色的规则是:

1)C0用于Main Topic的填充;

2)C1用于Central Topic的填充;

3)C2用于Summary,Boundary,Relationship等元素的填充和线条;

4)C3用于思维导图的背景和文字;

5)C4用于线条和文字;

6)C5,C6用于标识重要的Topic。

以上就是CT1的颜色使用逻辑,同一组Color Theme中的配色方案都是相同的逻辑,这个规则称之为规则三。

需要说明的是,不同的Color Theme,如何使用颜色(规则三)可以是不一样的,比如其中的C1有的可能是用于背景,有的可能是用于Main Topic,会根据不同的Color Theme而变。

比如CT2的规则三和最终呈现如图13所示,CT2的规则三逻辑为:

1)C0用于Central Topic和Main Topic的填充;

2)C1用于Summary,Boundary,Relationship等元素的填充和线条;

3)C2用于填充背景颜色;

4)C3用于文字,边框,线条;

5)C4,C5用于标识重要的Topic。

所以不同的Color Theme的规则三可不一样,会根据具体情况来变。

用户在使用时,可不用知道所有形成Color Theme的逻辑,他们只需要在一组Color Theme里面选择一个应用就可以了。还是以上述的CT1和CT2为例,在面向用户使用时,最终是以一个示意图的形式给用户点击即可,如图14所示。

大致的流程就是:根据三个规则从一个最初的色环形成一组Color Theme,每组Color Theme会起一个名字,并且可能去掉一些配色方案(CT1和CT2都去掉了一半);一组Color Theme中的每一个会有一个示意图供用户选择,示意图中的颜色信息就是最终规则二中形成的配色列表;点击之后,用户实际的思维导图按照规则三来进行渲染,如图15所示。

需要说明的是,对于前述的各方法实施例,为了简单描述,故将其都表述为一系列的动作组合,但是本领域技术人员应该知悉,本申请并不受所描述的动作顺序的限制,因为依据本申请,某些步骤可以采用其他顺序或者同时进行。其次,本领域技术人员也应该知悉,说明书中所描述的实施例均属于优选实施例,所涉及的动作和模块并不一定是本申请所必须的。

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

根据本申请实施例的另一个方面,还提供了一种用于实施上述思维导图的配色方法的思维导图的配色装置。该装置可以包括:

色环形成单元,用于形成目标色环,其中,所述目标色环中包括多个颜色;配色形成单元,用于利用所述目标色环中的颜色形成一组配色方案,其中,所述一组配色方案中的每个配色方案是以所述目标色环中的一个颜色构建成的;配色单元,用于使用形成的配色方案对思维导图进行配色。

此处需要说明的是,上述模块与对应的步骤所实现的示例和应用场景相同,但不限于上述实施例所公开的内容。需要说明的是,上述模块作为装置的一部分可以运行在如图4所示的硬件环境中,可以通过软件实现,也可以通过硬件实现。

可选地,配色形成单元还用于:获取所述目标色环中的任意一个颜色;以获取的颜色为基础色,形成一套具体的配色方案。

可选地,配色形成单元还用于:在利用所述目标色环中的颜色形成一组配色方案时,对于不同的所述目标色环中的颜色,使用同一规则对颜色进行处理。

可选地,配色形成单元还用于:在利用所述目标色环中的颜色形成一组配色方案时,对于同一个所述目标色环中的颜色,使用不同的规则对颜色进行处理。

可选地,色环形成单元还用于:获取在一个描述属性上具有共性的颜色,将获取的颜色作为所述目标色环。

可选地,配色单元还用于:使用所述配色方案中的颜色对思维导图中的元素进行颜色填充。

此处需要说明的是,上述模块与对应的步骤所实现的示例和应用场景相同,但不限于上述实施例所公开的内容。需要说明的是,上述模块作为装置的一部分可以运行在如图4所示的硬件环境中,可以通过软件实现,也可以通过硬件实现,其中,硬件环境包括网络环境。

根据本申请实施例的另一个方面,还提供了一种用于实施上述思维导图的配色方法的服务器或终端。

图16是根据本申请实施例的一种终端的结构框图,如图16所示,该终端可以包括:一个或多个(仅示出一个)处理器201、存储器203、以及传输装置205,如图16所示,该终端还可以包括输入输出设备207。

其中,存储器203可用于存储软件程序以及模块,如本申请实施例中的思维导图的配色方法和装置对应的程序指令/模块,处理器201通过运行存储在存储器203内的软件程序以及模块,从而执行各种功能应用以及数据处理,即实现上述的思维导图的配色方法。存储器203可包括高速随机存储器,还可以包括非易失性存储器,如一个或者多个磁性存储装置、闪存、或者其他非易失性固态存储器。在一些实例中,存储器203可进一步包括相对于处理器201远程设置的存储器,这些远程存储器可以通过网络连接至终端。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。

上述的传输装置205用于经由一个网络接收或者发送数据,还可以用于处理器与存储器之间的数据传输。上述的网络具体实例可包括有线网络及无线网络。在一个实例中,传输装置205包括一个网络适配器(Network Interface Controller,NIC),其可通过网线与其他网络设备与路由器相连从而可与互联网或局域网进行通讯。在一个实例中,传输装置205为射频(Radio Frequency,RF)模块,其用于通过无线方式与互联网进行通讯。

其中,具体地,存储器203用于存储应用程序。

处理器201可以通过传输装置205调用存储器203存储的应用程序,以执行下述步骤:

形成目标色环,其中,所述目标色环中包括多个颜色;

利用所述目标色环中的颜色形成一组配色方案,其中,所述一组配色方案中的每个配色方案是用所述目标色环中的一个颜色构建成的;

使用形成的配色方案对思维导图进行配色。

可选地,本实施例中的具体示例可以参考上述实施例中所描述的示例,本实施例在此不再赘述。

本领域普通技术人员可以理解,图16所示的结构仅为示意,终端可以是智能手机(如Android手机、iOS手机等)、平板电脑、掌上电脑以及移动互联网设备(Mobile InternetDevices,MID)、PAD等终端设备。图16其并不对上述电子装置的结构造成限定。例如,终端还可包括比图16中所示更多或者更少的组件(如网络接口、显示装置等),或者具有与图16所示不同的配置。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令终端设备相关的硬件来完成,该程序可以存储于一计算机可读存储介质中,存储介质可以包括:闪存盘、只读存储器(Read-Only Memory,ROM)、随机存取器(RandomAccess Memory,RAM)、磁盘或光盘等。

本申请的实施例还提供了一种存储介质。可选地,在本实施例中,上述存储介质可以用于执行思维导图的配色方法的程序代码。

可选地,在本实施例中,上述存储介质可以位于上述实施例所示的网络中的多个网络设备中的至少一个网络设备上。

可选地,在本实施例中,存储介质被设置为存储用于执行以下步骤的程序代码:

形成目标色环,其中,所述目标色环中包括多个颜色;

利用所述目标色环中的颜色形成一组配色方案,其中,所述一组配色方案中的每个配色方案是用所述目标色环中的一个颜色构建成的;

使用形成的配色方案对思维导图进行配色。

可选地,本实施例中的具体示例可以参考上述实施例中所描述的示例,本实施例在此不再赘述。

可选地,在本实施例中,上述存储介质可以包括但不限于:U盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

上述本申请实施例序号仅仅为了描述,不代表实施例的优劣。

上述实施例中的集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在上述计算机可读取的存储介质中。基于这样的理解,本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来,该计算机软件产品存储在存储介质中,包括若干指令用以使得一台或多台计算机设备(可为个人计算机、服务器或者网络设备等)执行本申请各个实施例所述方法的全部或部分步骤。

在本申请的上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述的部分,可以参见其他实施例的相关描述。

在本申请所提供的几个实施例中,应该理解到,所揭露的客户端,可通过其它的方式实现。其中,以上所描述的装置实施例仅仅是示意性的,例如所述单元的划分,仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另一点,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,单元或模块的间接耦合或通信连接,可以是电性或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

另外,在本申请各个实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。

以上所述仅是本申请的优选实施方式,应当指出,对于本技术领域的普通技术人员来说,在不脱离本申请原理的前提下,还可以做出若干改进和润饰,这些改进和润饰也应视为本申请的保护范围。

相关技术
  • 思维导图的配色方法和装置、存储介质、电子装置
  • 思维导图的展示方法、装置、设备及存储介质
技术分类

06120113175647