CN108292319B - 确定用于被显示在用户界面上的元素的外观 - Google Patents
确定用于被显示在用户界面上的元素的外观 Download PDFInfo
- Publication number
- CN108292319B CN108292319B CN201680070127.8A CN201680070127A CN108292319B CN 108292319 B CN108292319 B CN 108292319B CN 201680070127 A CN201680070127 A CN 201680070127A CN 108292319 B CN108292319 B CN 108292319B
- Authority
- CN
- China
- Prior art keywords
- appearance
- dimension
- element type
- scheme
- hue
- 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.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/103—Formatting, i.e. changing of presentation of documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Health & Medical Sciences (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Artificial Intelligence (AREA)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
- Processing Or Creating Images (AREA)
Abstract
提供了一种用于确定用于被显示在用户界面上的元素的外观的设备。在一个实现方式中,设备包括处理单元和存储器,存储器耦合到处理单元并且存储用于由处理单元执行的指令。指令当由处理单元执行时,使得设备:初始化用于至少一个第一元素类型的第一外观,第一外观指定用于至少一个第一元素类型的第一属性值集;基于第一外观和第一规则生成外观方案的第一维度,第一维度的每个外观方案包括与第二外观相关联的至少一个第二元素类型,第二外观指定用于至少一个第二元素类型的第二属性值集;以及根据第一维度的外观方案中的一个外观方案来确定用于至少一个第二元素类型的第二外观,以改进经由用户界面操作至少一个第二元素类型的效率。根据本文所描述的技术方案的设备改进经由用户界面操作至少一个第二元素的效率。还提供了一种用于确定用于被显示在用户界面上的元素的外观的方法和一种计算机程序产品。
Description
背景技术
常规地,人们能够决定与要经由用户界面来显示的文档或者内容中的元素相关联的外观。现有工具可以以用户可以选择的模板的形式来建议设计方案,诸如布局模板或者颜色方案,但是用户倾向于自己选择颜色方案,使得结果看起来独特并且漂亮。然而,对于用户而言,逐个设置用于若干元素的外观通常是困难的(特别是通过直接操纵图形元素或者录入属性值)。另外,该过程可能是冗长的并且还要求关于颜色设置、颜色空间和相关方法的知识。因此,人们可以在找出用于文档的、适当并且令人满意的颜色方案上花费许多时间。
发明内容
根据本文所描述的技术方案的实现方式,提出了一种用于确定用于被显示在用户界面上的元素的外观的方案。元素中的每个元素具有元素类型。对于包括多个元素(例如,形状、线、段落、背景等)的文档,本公开的实现方式初始化用于至少一个第一元素类型的第一外观,第一外观指定用于至少一个第一元素类型的第一属性值集,基于第一外观和第一规则来生成外观方案的第一维度,并且根据第一维度的外观方案中的一个外观方案来确定用于至少一个第二元素类型的第二外观。第一维度的每个外观方案包括与第二外观相关联的至少一个第二元素类型。第二外观指定用于至少一个第二元素类型的第二属性值集。经由用户界面操纵至少一个第二元素的效率被改进。
本发明内容被提供,用于以简化形式介绍所选择的概念,该概念在下文的具体实施方式中被进一步描述。本发明内容不旨在标识要求保护的技术方案的关键特征或基本特征,也不旨在用于限制要求保护的技术方案的范围。
附图说明
图1是其中可以实现本文所描述的技术方案的实现方式的环境的框图;
图2图示了根据示例实现方式的确定用于被显示在用户界面上的元素的外观的方法的流程图;
图3图示了根据示例实现方式的确定用于被显示在用户界面上的元素的外观的另一方法的流程图;
图4图示了根据示例实现方式的用于确定被使用在文档中的各种元素的外观的示例用户界面;
图5图示了根据示例实现方式的在更新步骤被调用之后图4的示例用户界面;以及
图6图示了根据示例实现方式的用于确定被使用在文档中的各种元素的外观的另一示例用户界面。
贯穿附图,相同或者类似附图标记被用于指示相同或者类似元素。
具体实施方式
现在将参考若干示例实现方式来讨论本文所描述的技术方案。应当理解,这些实现方式被讨论,仅用于使得本领域的技术人员能够更好地理解并且因此实现本文所描述的技术方案,而不是提出对技术方案的范围的任何限制。
如本文所描述的,术语“包括”和其变型将被理解为意味着“包括但不限于”的开放式术语。除非上下文另外清楚地指示,否则术语“或者”将被理解为“和/或”。术语“基于”将被理解为“至少部分地基于”。术语“一个实现方式”和“实现方式”将被理解为“至少一个实现方式”。术语“另一实现方式”将被理解为“至少一个其他实现方式”。术语“第一”、“第二”、“第三”等可以指代不同或者相同元素。下面可以包括明确和隐含的其他定义。
图1图示了其中可以实现本文所描述的技术方案的实现方式的环境的框图。如图所示,环境100包括用户101和计算设备102。计算设备102可以是台式计算机、膝上型计算机、平板电脑、智能电话或者任何其他类型的计算设备。计算设备102可以包括一个或多个处理器110、存储器120和一个或多个I/O接口130。存储器120可以存储各种模块、应用、程序或者其他数据。另外,存储器120可以包括指令,当指令由(多个)处理器110执行时,使得(多个)处理器110针对计算设备102执行本文所描述的操作。在计算设备102中,(多个)I/O接口130可以支持各种不同的输入设备和输出设备中的一个或多个,其使得用户101能够与计算设备102交互。例如,(多个)输入设备可以包括用户设备(诸如键盘、小键盘、触摸板、轨迹球等)。(多个)输出设备可以包括例如显示器。
计算设备102可以具有附加的特征和/或功能。例如,计算设备102还可以包括附加的数据存储设备(可移除的和/或不可移除的)诸如,磁盘、光盘或者磁带。这样的附加存储可以包括可移除的存储和/或不可移除的存储。计算机可读介质可以包括至少两种类型的计算机可读介质,即计算机存储介质和通信介质。计算机存储介质可以包括以任何方法或者技术实现的易失性和非易失性、可移除和不可移除的介质,用于信息的存储,诸如计算机可读指令、数据结构、程序模块、程序数据或者其他数据。系统存储器、可移除的存储和不可移除的存储全部是计算机存储介质的示例。计算机存储介质包括但不限于:RAM、ROM、EEPROM、闪速存储器或者其他存储器技术、CD-ROM、数字通用光盘(DVD)、或者其他光学存储、磁带盒、磁带、磁盘存储或者其他磁性存储设备、或者可以被用于存储期望信息并且可以由计算设备102访问的其他任何介质。任何这样的计算机存储介质可以是计算设备102的一部分。而且,计算机可读介质可以包括计算机可执行指令,当指令由(多个)处理器执行时,执行本文所描述的各种功能和/或操作。相反,通信介质可以实施计算机可读指令、数据结构、程序模块或者在经调制的数据信号(诸如载波)中的其他数据、或者其他机制。如本文所定义的,计算机存储介质不包括通信介质。
存储器120可以存储文档编辑应用121文本处理应用或者幻灯片演示应用。文档编辑应用121可以在文档103上操作。例如,文档103可以是演示文档或者文本文档。文档103可以包括一个或多个编辑单元。如本文所使用的,术语“编辑单元”指代组成文档130的基本单元。编辑单元的示例包括但不限于:演示文档中的幻灯片或者文本文档中的页面,诸如在图1中所示的编辑单元104、105和106。编辑单元中的每个编辑单元可以包括一个或多个元素(例如,形状、线、段落等)。例如,编辑单元104被示出为包括元素114和116,编辑单元104被示出为包括元素115和117,并且编辑单元106被示出为包括元素118和119。在下文的讨论中,仅出于图示的目的,文档103是演示文档并且编辑单元104、105和106是演示文档内的幻灯片的一些实现方式将被描述。
图2图示了根据示例实现方式的用于确定用于被显示在用户界面上的元素的外观的方法200的流程图。各元素可以具有元素类型或者被分配有元素类型。在一个实现方式中,方法100可以由计算设备102(或者更特别地,通过图1所示的(多个)处理器110)来执行。用户界面可以是图1所示的I/O接口130,其被用于将包括各种元素的文档显示给用户。用户被允许以经由用户界面来输入或者操纵元素,或者确定用于元素的外观。
在步骤201中,用于至少一个第一元素类型的第一外观被初始化。第一外观指定用于至少一个第一元素类型的第一属性值集。文档中的每个元素可以被分类为各种元素类型之一,诸如形状、线、背景、文本字符串、标题等。另外,每个元素可以基于其属性来显示,诸如,颜色、字体、大小、与另一元素的相对距离(例如,页面内的文本区域的留白大小)等,所有这些确定特定元素的外观。在步骤201中完成的初始化可以由用户经由用户界面手动执行、或者由文档编辑应用121根据一些预设规则来执行、或者甚至通过属性值的随机分配来执行。
在步骤202中,外观方案的第一维度基于第一外观和第一规则来生成。第一维度的每个外观方案包括与第二外观相关联的至少一个第二元素类型。第二外观指定用于至少一个第二元素类型的第二属性值集。因此,若干外观方案可以通过用户界面来进一步可视化,示出元素的属性(诸如颜色、字体、大小、留白、位置等)如何改变视觉效果。另外,第一维度的每个外观方案可以仅包括第二元素类型的元素,或者第一元素类型和第二元素类型二者的元素。
在步骤203中,用于至少一个第二元素类型的第二外观根据第一维度的外观方案中的一个外观方案来确定。因此,经由用户界面操作至少一个第二元素类型的效率可以被改进。
在一个情况下,可以假定文档仅包括两个元素,其中一个元素是第一元素类型,并且另一个元素是第二元素类型。在最开始时,用于第一元素类型的外观可以在步骤201中被初始化。例如,用户可以设置用于标题的字体大小,并且因此字体大小是第一外观并且标题是第一元素类型。备选地,用户界面可以能够基于预定义逻辑来设置用于第一元素类型的字体大小。例如,用户界面可以显示以默认大小、或者从其他文档所采集的(或者所提取的)大小(以便模拟其他文档的外观)示出的第一元素(例如,标题)。
接着用于第一元素类型的外观的初始化的是:在步骤202中针对用户的选择来生成若干提出的方案。在一些实现方式中,提出的方案可以基于用于第一元素类型(标题)的外观(字体大小)来生成,该外观可以被用于根据规则提出多个方案,使得第二元素(背景或者页面)可以具有与第一元素有关的外观(从标题到背景或者页面的上边界的距离)。规则通常是基于经验的,并且因此用于显示两个元素的所生成的提出的方案对于大部分人类看起来很协调。
在一个示例中,用户能够在步骤203中确定用于第二元素的哪个外观是优选的。换句话说,可以确定标题定位在距背景或者页面的上边界(即,上留白)多远处。备选地,方案之一可以基于预定义规则来自动确定。第二元素(背景或者页面)的外观(从标题到背景或者页面的上边界的距离)可以甚至从所提出的方案当中来随机确定。虽然方法200主要地参考(多个)第二元素的上留白的确定来描述,但是用于(多个)第二元素类型的其他属性可以以类似的方式来确定(例如,基于预定义规则或者随机地),从而确定第二元素的外观。
图3图示了根据示例实现方式的确定用于被显示在用户界面上的元素的外观的方法300的流程图。方法300的步骤301、302和303可以分别对应于如参考图2所描述的方法200的步骤201、202和203,并且因此这里将不再重复。在该示例中,作为用于不同的元素类型的外观的颜色的确定将被讨论。
该示例旨在重新着色用户界面所示的文档中的不同元素。有时,用户可能需要创建或者找到要被应用到目标文档的颜色方案。如本文所使用的,颜色方案指代被分配到单个或若干文档中的不同的元素的颜色集,以便更生动地呈现文档或增强可读性。这样的元素可以指代可以经由用户界面显示的部件,诸如文档的背景、被布置在文档中的一些文本字符串、具有用于用户交互的特定意义的一些形状等。
颜色方案常常涉及特定布局并且被打包为文档模板。但是这样的模板在数目和质量方面有限,并且因此不能提供足够大的池供用户选择。用户还具有通过直接地指定文档背景、文本和强调(诸如标题、子标题和其他标题行)的颜色来创建他们自己的颜色方案的能力,例如,通过选择RGB(红-绿-蓝)颜色空间、或者HSL(色调-饱和度-明度)颜色空间、或者HCL(色调-色度-亮度)中的颜色。
RGB颜色空间可以通过将该空间认为是可以由从用于红色、绿色和蓝色的三个颜料而制成的“所有可能颜色”来理解,每个颜色由值表示。RGB不与感观质量有关系。HSL或者HCL颜色空间是基于人类颜色感观的测量的颜色空间,并且该空间通过色调、色度和亮度(或者明度)来描述。HSL与感观质量有关,但以不均匀的方式,而HCL是感观上均匀的颜色模型。色调是刺激可以被描述为与被描述为红色、橙色、黄色、绿色、蓝色和紫色的刺激类似或者不同的程度。色度是相对于看起来是白色或者高度透光的类似地照射区域的明亮度的色彩度。明度或者亮度意味着相对于看起来是白色或者高度透光的类似地照射区域的明亮度来判断的区域的明亮度。HCL颜色空间内的每个颜色由值的三元组来限定。在HCL空间内,那些维度(色调、色度和亮度)中的每个维度可以被明确地控制。
由于改变颜色中的红色、绿色或者蓝色的数量改变色调和明度二者,因而当使用RGB颜色空间时设置外观(诸如元素的颜色)是特别困难的。HCL颜色空间试图通过提供色调和明度的直接表示来解决该问题。然而,在该模型中,并非所有色调具有相同固有明度,并且因此色调和明度不能被独立地控制。
HCL颜色空间提供调节色调光谱中的颜色的方式。色调光谱限定随相位改变的色调的光谱。色调光谱可以是表示色调的最多条目的全光谱,并且它还可以是表示若干色调条目的全光谱。在一个实现方式中,色调光谱可以例如被表示为由360度封闭带制成的色调轮或色彩轮。色调轮呈现轮形区域中的各种颜色,并且特定颜色可以对应于轮内的特定点。例如,所选择的色调可以由相对于色调轮的角度来描述。因此,颜色方案可以被认为是颜色轮上的颜色的逻辑组合。
在步骤304中,这里,外观方案的第二维度基于第二外观的亮度值和用于分配亮度值的第二规则来生成。第二维度的外观方案中的每个外观方案与用于至少两个第二元素类型的亮度值相关联。在步骤305中,这里,外观方案的第三维度基于第二外观的色度值和用于分配色度值的第三规则来生成。第三维度的每个外观方案与用于至少两个第二元素类型的色度值相关联。在步骤306中,用于至少一个第二元素类型的第二外观根据第一维度的外观方案、第二维度的外观方案和第三维度的外观方案中的一个外观方案来更新。
由于在步骤303中确定用于(多个)第二元素类型的外观,因而在步骤304中,所提出的方案的附加维度或者第二维度基于所确定的用于(多个)第二元素类型和/或(多个)第一元素类型的外观、根据亮度来生成。方案的该附加维度提供若干可能的外观,其中每个外观给出不同的对比度呈现。
类似地,在步骤305中,所提出的方案的另一维度或者第三维度可以基于所确定的用于(多个)第二元素类型和/或(多个)第一元素类型的外观、根据色度来生成。方案的三个维度一起提供了在三个方面——色调、亮度和色度上分离地显示的所提出的颜色方案的大的变化。
在一些实现方式中,当步骤306被用户调用时,例如,通过从各维度的方案中选择一个方案作为用于(多个)第二元件类型的更新的外观,步骤306被执行。在一些情况下,这样的更新可以导致用于(多个)第一元素类型的色调值的改变。因此,步骤301至305可以被执行,以提出供选择的、刷新的颜色方案集。
图4图示了用于确定被使用在文档中的各种元素的外观的示例用户界面400。文档可以具有任何格式,并且是由典型的显示设备可显示的。在一个示例中,文档包含具有对应的元素类型(诸如标题、段落文本字符串、页面(背景)、形状或者一系列字符、或者可显示的区域,如上文所解释的)的至少一个元素。这些元素类型可以被分配有至少一个属性(诸如大小、颜色、字体、位置等),并且用于一个元素类型的所有属性组成用于元素类型的外观。
在该实现方式中,要被解释的元素类型的外观特定于HCL颜色空间中的颜色(作为示例)。当在单个文档内存在若干元素类型时,仅不同的元素类型被给出其相应的颜色,使得用户能够区分元素类型之间的差异。而且,只要颜色间的差异足够大,信息通过显示可以是可识别的。例如,对于文档而言,文本消息需要具有与背景不同的颜色,使得文本消息是由人眼可识别的。
在可以被显示在用户界面上的文档中,用于不同的元素类型的颜色配置可以被认为是颜色方案。在一个示例中,这样的颜色方案可以从用于背景颜色、文本颜色和强调颜色的颜色集来形成。背景颜色意指文档的背景的颜色。文本颜色旨在用于文档的常规文本,诸如用于包含许多词语的消息或者段落的文本。强调颜色旨在用于文本字符串的强调或者分类,或者用于修饰或者说明性元素类型(例如,条形图的线条或者其他图形(诸如示图)的形状)的填充或者线颜色。
在一些情况下,用户被允许以设置外观,特别是用于文档内的元素类型的颜色。然而,对于大多数用户而言,在短时间内选择用于各种元素类型的令人满意的颜色组合是困难的。由图4图示的示例给出可能的解决方案,用于基于不同的规则给用户提供若干方案,这一起示出了不同的方案中的背景、文本和强调的预览颜色。仅出于图示,现在将参考用于生成并且处理包括幻灯片的演示文档的应用121来讨论本文所描述的技术方案的示例实现方式。
图4中示出了示例用户界面400,用于可视化颜色模型和探索不同的颜色方案。示出的用户界面400是在基于窗口的操作系统中运行的独立窗口。然而,用户界面400可以具有其他形式,或者可以被集成在其他程序中,并且因此,本文描述的技术方案不旨在对用户界面的形状、位置和配置作任何限制。
用户界面400的顶部410包括表示当前方案的颜色的若干颜色框。从左到右,顶部410包含背景颜色框411、文本颜色框412和六个强调颜色框413-418。然而,应当理解,这些框的形式、形状、大小或者布置将不被限制。可以存在更多或者更少数目的框(例如,两个背景颜色框或者仅一个强调颜色框),这取决于实际的要求。
在用户界面400的顶部410下方示出色调条420,用于控制被显示在第一强调颜色框413中的主强调颜色的色调。主强调或者第一强调可以被认为是第一元素类型的特定示例,或者通过参考图2或图3所图示的第一元素类型中的一个第一元素类型的特定示例。色调条420示出了沿着水平线的色调的全光谱。虽然在该实现方式中,色调被量化为41个离散值并且连续地被显示,但是存在许多其他方式来呈现更多或更少色调,以被显示或供用户选择。主强调或者第一强调的色调可以被视为第一维度,其可以首先手动或者自动地被决定。色度值以及亮度值可以由稍后要被解释的其他维度预设或者确定。在图4中所示的实现方式中,当前所选择的色调值被显示在被放置在色调条420的中间的深色矩形421内。深色区域或者矩形仅被用于允许用户知道哪个色调值现在被采用,并且因此其他形式的指示器还可以被用于通知用户被选择的当前色调。
在用于主强调的色调值被选择之后,用于背景和文本的色调值将基于一些经验规则来确定。背景和文本可以被认为是通过参考图2或者图3所图示的第二元素类型的特定示例。背景和文本的色调可以被用作第二维度。在该实现方式中,用于背景和用于文本的色调值可以根据来自色彩理论的建立完善的“协调的”色调关系、在360度色调轮上获得。用于主强调的亮度值和色度值可以被预定或者可以基于主强调的所选择的色调值来确定,使得主强调的颜色复原被完成。
用于确定用于背景并且用于文本的色调值的典型规则的示例包括但不限于:相似规则、补充规则、三元组规则和T形规则。相似规则指定在色调轮上的角度差异方面靠在一起的色调的序列。具体而言,由相似规则引起的色调在色调轮上被分开固定间距。补充规则指定色调对在色调轮上相对,或者分离180度。三元组规则指定三个色调或者超过三个色调在色调轮上形成等边三角形,各自分开120度。T形规则指定三个或更多个色调形成相互关系,其中两个色调互补(分开180度),并且另一色调垂直于互补色调之间的连接线。
基于用于第一强调的色调值和以上规则中的一些或全部或其组合,第一方案集或者色调方案430被显示。第一方案集或者色调方案430包含若干色调框431-437,其中每个色调框通过描绘其提出的颜色来显示强调、文本和背景。用于色调框431-337的亮度值和色度值可以相同或者类似。应当理解,第一方案集430可以利用更多或更少的提出框来获得,尽管七个色调框431-437在图4中被图示用于特定的第一方案集430。另外,色调框的形式、形状、大小或者布置将不被限制。
例如,用于第一色调框431的方案可以通过相似规则获得。例如,假定用于第一强调的色调在色调轮上是0度,在30度间距的情况下,用于背景的色调可以是+330度并且用于文本的色调可以是+300度。用于第二色调框432的方案可以通过T形规则获得。例如,假定用于第一强调的色调在色调轮上是0度,用于背景的色调可以是+270度并且用于文本的色调可以是+90度。用于第三色调框433的方案可以通过三元组规则获得。例如,假定用于第一强调的色调在色调轮上是0度,用于背景的色调可以是+240度并且用于文本的色调可以是+120度。用于第四色调框434的方案可以通过三元组规则获得。例如,假定用于第一强调的色调在色调轮上是0度,用于背景的色调可以是+180度并且用于文本的色调可以是+180度。用于第五色调框435的方案可以通过三元组规则获得。例如,假定用于第一强调的色调在色调轮上是0度,与用于第三色调框433的方案的方向相反,用于背景的色调可以是+120度并且用于文本的色调可以是+240度。用于第六色调框436的方案可以通过T形规则获得。例如,假定用于第一强调的色调在色调轮上是0度,与用于第二色调框432的方案的方向相反,用于背景的色调可以是+90度并且用于文本的色调可以是+270度。用于第七色调框437的方案可以通过三元组规则获得。例如,假定用于第一强调的色调在色调轮上是0度,与用于第一色调框431的方案的方向相反,用于背景的色调可以是+30度并且用于文本的色调可以是+60度。应当理解,在未提出关于本文所描述的技术方案的范围的任何限制的情况下,以上示例中所描述的值仅用于说明。
基于与第一方案集330之一的元素类型相关联的颜色以及亮度规则(其将在下文中被讨论的)中的一些或全部,第二方案集或者亮度方案400被显示。第二方案集340包含若干亮度框441-447,其中每个亮度框通过描绘其提出的颜色来显示强调、文本和背景。用于不同的亮度框441-447的色调值可以相同或者类似,并且在一个示例中可以与第一方案集430之一完全相同。用于亮度框441-447的色度值也可以相同或者类似。同时,用于不同的亮度框441-447的亮度值从左到右变化。应当理解,第二方案集440可以利用更多或更少的提出框来获得,尽管七个亮度框441-447在图4中被图示,用于特定的第二方案集440。另外,亮度框的形式、形状、大小和布置将不限于如上文所描述的示例。
背景和文本或者附加地,强调的亮度值可以被视为第三维度。第三维度通过使其亮度值变化控制背景与前景之间的对比度。前景可以包含文本和/或强调。在一个实现方式中,亮度值可以在从0到100的范围内被表示,其中最低值或值“0”对应于最暗亮度并且最高值或值“100”对应于最亮亮度。应用到亮度框441-447之一内的不同的元素类型的亮度值可以由某个亮度规则控制。例如,前景与背景之间的亮度上的差异可以被控制为高于阈值,使得文本与背景之间的对比度对于人眼而言看起来恰当地足够大。
亮度规则中的一些可以以这样的方式预设:前景和背景具有适合的亮度比,诸如例如65/100、60/95、55/90、85/40、80/30、75/20、70/10等。换句话说,在该示例中亮度值之间的差可以是至少35。如在图4所示,亮度框441具有最亮背景,并且用于背景的亮度从左到右逐渐地变暗。另一方面,亮度框447具有最亮前景,并且用于前景的亮度从右到左逐渐地减小。在该示例中前景包含强调元素类型和文本元素类型二者,其可以具有相同或者类似的亮度值。在一些其他示例中,强调元素类型可以具有与文本元素类型不同的亮度值,并且这些元素类型的亮度值可以根据一些其他预定规则(如上文解释的那些)来改变。
基于与第一方案集430之一的元素类型相关联的颜色,以及色度规则(其将在下文中被讨论的)中的一些或全部,第三方案集或者色度方案350被显示。第三方案集450包含若干色度框351-357,其中每个色度框通过描绘其提出的颜色来显示强调、文本和背景。用于不同的色度框451-457的色调值可以相同或者类似,并且在一个示例中可以与第一方案集430之一完全相同。用于色度框451-457的亮度值也可以相同或者类似。同时,用于不同的色度框451-457的色度值从左到右变化。应当理解,第三方案集450可以利用更多或更少的提出框来获得,尽管七个色度框451-457在图4中被图示,用于特定的第三方案集450。另外,色度框的形式、形状、大小或者布置将不被限制。
背景和文本或者强调的色度值可以被视为第四维度。第四维度可以通过变化其色度值来控制背景与前景的色彩度水平。前景可以包含文本和/或强调。在一个实现方式中,色度值可以在从0到某个预设值(例如,或者较小值)的范围内被表示,其中最低值或值“0”对应于最低色彩度,并且最高值或值“128”对应于最高色彩度。应用到色度框451-457之一内的不同的元素类型的色度值可以特意地由某个色度规则控制。例如,前景与背景之间的色度上的差可以被控制为高于阈值,使得文本与背景之间的色彩度对于人眼而言看起来合适。
色度规则中的一些色度规则可以以这样的方式预设:前景和背景具有适合的色度比,诸如20/0、30/7、40/14、50/21、60/28、70/35、80/42等。换句话说,在该示例中亮度值之间的差可以是至少20。如图4所示,色度框451具有最不彩色的背景,并且用于背景的色度从左到右逐渐地增强。此外,虽然色调框451具有比其背景更彩色的前景,但是用于前景的色度也从右到左逐渐地增强,以确保前景与背景之间的色度上的差高于阈值。在该示例中前景包含强调元素类型和文本元素类型二者,其可以具有相同或者类似的色度值。在另一示例中,强调元素类型可以总是具有比文本元素类型的色度值更彩色的色度值。例如,文本的色度值与强调的色度值的比可以是0.75。
在图4所图示的实现方式中,第二维度、第三维度和第四维度中的每个维度提供用于在用户界面400上显示的7个方案或者选择。如上文所讨论的,响应于主强调的颜色或者色调的决策,并且基于辅助生成显得协调的若干方案的一些经验规则,第一方案集430、第二方案集440和第三方案集450被确定。
对于图4所示的实现方式,存在21个框,其示出在色调、亮度和色度中变化、用于不同元素类型(这里指,主强调、文本和背景)的外观的预览效果。默认或者预选外观可以由应用121或者由用户手动地来选择。在图4中,第四色度框434被较大的矩形框围绕,这意味着用于该元素类型的当前外观从该特定方案被采用,并且用于主强调、文本和背景的组合效果可以在色调框434中和/或在顶部410的对应框中被查看。在该示例中,色调方案434、亮度方案444和色度方案454具有相同外观,并且其各自被较大的框围绕。第一方案集、第二方案集和第三方案集中的每个方案集可以具有示出当前外观的框。应当理解,围绕的矩形框仅被用于说明,而不对本文所描述的技术方案的范围提出任何限制。其他形式的指示符可以被用于通知用户哪个框对应于当前外观。
超过一个强调可以被包含在文档中。如由顶部410中的最右边的六个框所示,强调1-6(框413-418)在一排中被显示,其中强调1指代主强调,如上文所讨论的。在存在至少两个强调的情况下,与所有强调相关联的外观可以被视为第五维度。在第四方案集460处,可以提供用于强调组合的若干方案,特别地图示被应用到强调的外观的一些推荐组合。
第五维度确定:在该示例中,六个强调的集合如何从在第一维度中所选择的主强调色调来生成。这些是三个不同的强调间色调间距(小、中和大)和色调轮上的两个方向(顺时针和逆时针)的组合。使用相同色调用于所有强调,但是渐进地减少色度以实现基于单色饱和度的色彩协调是可能的。
基于用于第一强调的外观和下面要被讨论的规则中的一些规则,第四方案集460被显示,其包含若干强调框461-467,每个强调框通过描绘其提出的颜色来显示所有强调的外观。强调框461-467之一中的各个强调可以由图4所示的一系列垂直条来预览。然而,被预览的强调的形式、形状、大小和布置在本文中将不被限制。应当理解,第四方案集460可以利用更多或更少的提出框来获得,尽管七个强调框461-467在图4中被图示,用于特定的第四方案集460。另外,色调框的形式、形状、大小或者布置将不被限制。
在图4中所示的实现方式中,强调框461具有六个垂直条(包括主强调),每个垂直条在色调轮上与主强调偏离+36度(“顺时针大间距”)。强调框462具有六个垂直条,每个垂直条在色调轮上与主强调偏离+22度(“顺时针中间距”)。强调框463具有六个垂直条,每个垂直条在色调轮上与主强调偏离+13度(“顺时针小间距”)。强调框464具有共享相同色调值的六个垂直条。然而,从主强调到最右的强调,其色度值各自减少18%。强调框465具有六个垂直条,每个垂直条在色调轮上与主强调偏离-13度(“逆时针小间距”)。强调框466具有六个垂直条,每个在色调轮上与主强调偏离-22度(“逆时针中间距”)。强调框467具有六个垂直条,每个垂直条在色调轮上与主强调偏离-36度(“逆时针大间距”)。在以上示例中,可以对间距进行设计,使得小间距和中间距强调范围的第六颜色分别与中间距和大间距强调范围的第四颜色相同。
总而言之,所有五个维度支持大量的不同的方案。可表达的方案的数目可以通过使维度的数目和每个维度中的方案的数目变化来不同。足够数目的维度或者每个维度中的方案可以具有重要性,因为这允许用户易于区分差异,同时提供充分足够的选择。
图5图示了在选择与图4所示的当前方案不同的方案之后更新的用户界面400。换句话说,图5示出了在更新步骤如通过参考图2或图3所描述的被调用之后的用户界面400。在选择方案集之一中的不同的方案时,用于其他方案集的所生成的方案也将被改变,因为用于所有方案的色调、亮度和色度值实时自动地被重新计算。用户可以选择对应于色调框433的方案,并且用于所有方案集的序列被相应地改变。例如,亮度框445和色度框453全部显示当前外观,每个被较大的矩形框围绕。
制作中等表达度的颜色模型的结果是:跨众多用户,对于不同的用户而言偶然地创建相同的颜色方案是可能的,或者对于一个用户而言,创建之前从未被创建的颜色方案是可能的。在一个实现方式中,如果用户界面400支持对所创建的所有颜色方案的跟踪,则它可以提供关于当前颜色方案先前地已经被创建多少次的反馈。而且,添加评定并且标记当前颜色方案的能力可以提供社会反馈机制,其在用户对美学颜色组合的选择中来辅助用户,并且该方案因此可以根据流行度来排名,并且可以通过文本描述来搜索。
四个按钮471-474位于示例用户界面400中的维度选项下方。“重置”按钮471将所有方案重置到其默认或者预定义值。“重新混合”按钮472随机地确定用于主强调的色调值,并且生成用于其余方案的值。当前外观还可以通过点击用于每个维度的“重新混合”按钮472方案来随机选择,以帮助用户找到用于颜色方案的随机灵感。接着的“应用到幻灯片”按钮473和“应用到标题组”按钮474将当前颜色方案应用到被使用的演示。
在一个实现方式中,这些按钮可以以常规的方式覆盖现有颜色分配:幻灯片背景被给出背景颜色中的实体填充;幻灯片标题被给出主强调字体颜色;其他文本形状被给出文本字体颜色;任何形状填充被设置成背景颜色;任何线被设置成文本颜色;并且具有对比形状填充的任何图形元素被分配到强调颜色的全范围。使用强调颜色的现有幻灯片或者形状填充还可以保持其强调颜色参考,并且具有被调节以创建所期望的对比度的明亮度。
在一个实现方式中,在操作用户界面时,所选择的方案可以被自动计算,使得初始颜色方案最接近于当前在幻灯片上的颜色,无论其是来自现有颜色方案还是被直接分配(例如,通过RGB颜色选择器)。这允许所应用的颜色方案的简单的基于模型的操纵,以调节在适于印刷的白色背景上的暗本文的演示对比度。类似地,所选择的图像的颜色还可以被用于计算最匹配的颜色模型。然而,仅基于这样的约束的颜色模型的任何方法不允许精细粒度控制,通过精细粒度控制可以微调演示对比度,使得文本在给定的投影仪上具有最佳易读性。出于该目的,附加的颜色控制可以使用HCL颜色空间中的专用颜色建模:颜色+/-、对比度+/-和颜色(丰满度)+/-,其被用于对所选择的方案进行微调。
图6示出了用于确定被使用在文档中的各种元素类型的外观的另一示例用户界面600。在该实现方式中,文档可以指代演示幻灯片。当用户调用颜色控制时,用户界面600根据形状类型、填充和元素类型间的重叠来分析幻灯片的结构,以确定哪个文本位于哪个背景上(对于控制对比度而言较重要)。用户界面600还将所有RGB颜色和技术方案颜色参考变换到HCL颜色空间中。基于该分析,用户界面600创建从初始颜色到变换后的颜色的映射,以及从初始颜色到其提出的色调、色度和亮度目标中的每个的映射。针对色调、色度和对比度(亮度)的所得到的外观被独立地显示在三个列610、620、630中,以从初始外观展示一些提出的变化。
通过在不影响色调之间的相对角的情况下使色调围绕颜色轮旋转,提出的色调目标612-616可以从针对初始目标611的初始色调值来生成。提出的色调目标622-626可以基于针对初始目标621的初始色度值来设置,使得色调的旋转可以不影响在提出的色度目标622-626中所示的变换后的颜色的色彩。操纵色度控制调节最大色度阈值的水平,最大色度阈值初始被设置为文档中的最大色度。亮度目标632-636可以通过下面所解释的规则中的一些、利用幻灯片的分析来设置。
如果文本形状具有颜色填充,则形状填充可以被调整为与可见文本的平均亮度的相反亮度(明或暗)。否则,如果该形状与另一填充形状(其可以提供用于多个文本形状的背景)重叠,则文本亮度可以被调整为背景形状的相反亮度。最后,在其他情况下,文本亮度可以被设置为与幻灯片背景的亮度形成对比。以这种方式,初始具有相同颜色的文本或者填充可以基于幻灯片结构变为被变换到相反方向上。如果用户降低对比度比他们增加对比度更多次(或者反之亦然),则用户界面600可以使所有亮度目标翻转到其相反值,如由目标634-646所示。这使得能够实现从一个对比度风格(例如,暗底亮字)的幻灯片到另一个对比度风格(例如,亮底暗字)的平滑过渡。
本文所描述的技术方案基于结构化颜色模型,用户可以交互式探索该模型,以在不需要理解模型底层的颜色理论的情况下创建美学颜色方案。创建颜色方案的这样的方法的优点中的一些可以包括:(a)颜色方案可以被更迅速地选择;(b)提出的方案的所有组合表示遵从用于组合颜色的已建立的规则/指导的有效主题;(c)用户仅需要选择(通过简单的轻叩、点击或者命令)选项,来探索可能的颜色方案,这允许用户表达其创造性,并且以简单和受约束的方式来建立其期望的颜色方案;(d)对于用户而言,在颜色方案(例如,评定和标记)方面以支持社会互动的方式来选择已经先前已被其他用户选择的相同选项集是可能的。
虽然操作在以上描述中以特定次序被描述,但是这不应当被理解为要求这样的操作以所示的特定次序或者以顺序次序执行,或者要求所有所图示的操作被执行,以实现期望的结果。在某些情况下,多任务和并行处理可以是有利的。同样地,虽然若干细节被包含在以上讨论中,但是这些细节不应当被解释为对本文所描述的技术方案的范围的限制,而是作为对可以特定于特定实现方式的特征的描述。在分离的实现方式的上下文中所描述的某些特征还可以在单个实现方式中被组合实现。另一方面,在单个实现方式的上下文中所描述的各个特征还可以分离地或者以任何适合的子组合在多个实现方式中被实现。
本文所描述的技术方案提出一种用于确定用于被显示在用户界面上的元素的外观的方法和系统。
在一个方面中,本文所公开的示例实现方式提供一种设备,包括:处理单元和存储器,存储器耦合到处理单元并且存储用于由处理单元执行的指令;当由处理单元执行时,该指令使得设备:初始化用于至少一个第一元素类型的第一外观,第一外观指定用于至少一个第一元素类型的第一属性值集;基于第一外观和第一规则生成外观方案的第一维度,第一维度的每个外观方案包括与第二外观相关联的至少一个第二元素类型,第二外观指定用于至少一个第二元素类型的第二属性值集;以及根据第一维度的外观方案中的一个外观方案来确定用于至少一个第二元素类型的第二外观,以改进经由用户界面操作至少一个第二元素的效率。
在示例实现方式中,第一属性值集和第二属性值集中的每个属性值集可以包括色调值、亮度值和色度值,并且外观方案的第一维度基于用于至少一个第一元素类型的色调值和第一规则而生成。
在另一示例实现方式中,当由处理单元执行时,该指令还可以使得设备在第一维度的每个外观方案中,将预定亮度值和预定色度值应用到至少一个第二元素类型。
在又一示例实现方式中,第一规则可以指定以下各项中的至少一项:用于至少一个第二元素类型的色调值在色调光谱中关于用于至少一个第一元素的色调值的相位差的预定义范围内,色调光谱限定随相位改变的色调的光谱;或者用于至少一个第二元素类型的色调值在色调光谱中从用于至少一个第一元素类型的色调值被移动预定义相位。
在另一示例实现方式中,当由处理单元执行时,该指令还使得设备:基于用于至少一个第二元素类型的亮度值和第二规则来生成外观方案的第二维度,第二维度的每个外观方案包括与对应的亮度值相关联的至少一个第二元素类型;以及根据第一维度的外观方案和第二维度的外观方案中的一个外观方案来更新用于至少一个第二元素类型的第二外观。
备选地或者附加地,至少一个第二元素类型可以包括多个第二元素类型,并且第二规则指定用于第二元素类型中的一个第二元素类型的亮度值之间的差比用于第二元素类型中的另一个第二元素类型的亮度值大预定义的阈值。
在又一实现方式中,当由处理单元执行时,该指令还可以使得设备:基于用于至少一个第二元素类型的色度值和第三规则来生成外观方案的第三维度,第三维度的每个外观方案包括与对应的色度值相关联的至少一个第二元素类型;以及根据第一维度的外观方案和第三维度的外观方案中的一个外观方案来更新用于至少一个第二元素类型的第二外观。
备选地或者附加地,至少一个第二元素类型可以包括多个第二元素类型,并且第三规则指定用于第二元素类型中的一个第二元素类型的色度值之间的差比用于第二元素类型中的另一个第二元素类型的色度值大预定义的阈值。
在另一实现方式中,至少一个第一元素可以包括多个第一元素,并且当由处理单元执行时,指令还使得设备:将色调值应用到所有第一元素类型,色调值中的每个色调值在色调光谱中从第一外观的色调值移动预定相位,色调光谱限定随相位变化的色调的光谱。
在另一实现方式中,属性可以指定元素类型的特性,包括对应的元素的颜色、位置、间距、大小和字体中的至少一个。
在另一方面中,本文所公开的示例实现方式提供一种确定用于被显示在用户界面上的元素的外观的方法。元素中的每个元素具有元素类型。该方法包括:初始化用于至少一个第一元素类型的第一外观,第一外观指定用于至少一个第一元素类型的第一属性值集;基于第一外观和第一规则生成外观方案的第一维度,第一维度的每个外观方案包括与第二外观相关联的至少一个第二元素类型,第二外观指定用于至少一个第二元素类型的第二属性值集;以及根据第一维度的外观方案中的一个外观方案来确定用于至少一个第二元素类型的第二外观,以改进经由用户界面操作至少一个第二元素类型的效率。
在示例实现方式中,第一属性值集和第二属性值集中的每个属性值集可以包括色调值、亮度值和色度值,并且外观方案的第一维度基于用于至少一个第一元素类型的色调值和第一规则而生成。
在又一示例实现方式中,第一规则可以指定以下各项中的至少一项:用于至少一个第二元素类型的色调值在色调光谱中关于用于至少一个第一元素的色调值的相位差的预定义范围内,色调光谱限定随相位改变的色调的光谱;或者用于至少一个第二元素类型的色调值在色调光谱中从用于至少一个第一元素类型的色调值被移动预定义相位。
在另一示例实现方式中,该方法还可以包括:基于用于至少一个第二元素类型的亮度值和第二规则来生成外观方案的第二维度,第二维度的每个外观方案包括与对应的亮度值相关联的至少一个第二元素类型;以及根据第一维度的外观方案和第二维度的外观方案中的一个外观方案来更新用于至少一个第二元素类型的第二外观。
备选地或者附加地,至少一个第二元素类型可以包括多个第二元素类型,并且第二规则指定用于第二元素类型中的一个第二元素类型的亮度值之间的差比用于第二元素类型中的另一个第二元素类型的亮度值大预定义的阈值。
在又一示例实现方式中,该方法还可以包括:基于用于至少一个第二元素类型的色度值和第三规则来生成外观方案的第三维度,第三维度的每个外观方案包括与对应的色度值相关联的至少一个第二元素类型;以及根据第一维度的外观方案和第三维度的外观方案中的一个外观方案来更新用于至少一个第二元素类型的第二外观。
备选地或者附加地,至少一个第二元素类型可以包括多个第二元素类型,并且第三规则指定用于第二元素类型中的一个第二元素类型的色度值之间的差比用于第二元素类型中的另一个第二元素类型的色度值大预定义的阈值。
在另一示例实现方式中,至少一个第一元素可以包括多个第一元素类型,并且该方法还可以包括:将色调值应用到所有第一元素类型,色调值中的每个色调值在色调光谱中从第一外观的色调值移动预定相位,色调光谱限定随相位变化的色调的光谱。
在另一示例实现方式中,属性可以指定元素的特性,包括对应的元素的颜色、位置、间距、大小和字体中的至少一个。
在另一方面中,本文所公开的示例实现方式提供一种计算机程序产品,有形地被存储在非暂态机器可读介质上并且包括机器可执行指令,指令当在设备上执行时,使得设备:初始化用于至少一个第一元素类型的第一外观,第一外观指定用于至少一个第一元素类型的第一属性值集;基于第一外观和第一规则生成外观方案的第一维度,第一维度的每个外观方案包括与第二外观相关联的至少一个第二元素类型,第二外观指定用于至少一个第二元素类型的第二属性值集;以及根据第一维度的外观方案中的一个外观方案来确定用于至少一个第二元素类型的第二外观,以改进经由用户界面操作至少一个第二元素类型的效率。
虽然已经以特定于结构特征和/或方法动作的语言描述了技术方案,但是应当理解,所附的权利要求中限定的技术方案不必限于上文所描述的特定特征或动作。相反,上文所描述的特定特征和动作被公开为实现权利要求的示例形式。
Claims (16)
1.一种用于确定用于被显示在用户界面上的元素的外观的设备,包括:
处理单元;
存储器,耦合到所述处理单元并且存储用于由所述处理单元执行的指令,所述指令当由所述处理单元执行时,使得所述设备:
接收文档,其中所述文档包括背景颜色;
初始化包括第一元素类型的第一元素的第一外观,所述第一外观指定用于所述第一元素类型的第一视觉属性值集;
基于与所述背景颜色的对比度,选择用于所述第一外观的所述第一元素类型的颜色属性;
基于包括所述第一元素类型的所述颜色属性的所述第一外观和第一规则生成外观方案的第一维度,所述第一维度的每个外观方案包括与第二外观相关联的第二元素类型的第二元素,所述第二外观指定用于所述第二元素类型的第二视觉属性值集,其中所述第一维度的每个外观方案的所述第二视觉属性值集基于所述第一视觉属性值集;
基于用于所述第二元素类型的亮度值和第二规则来生成外观方案的第二维度,其中用于所述第二维度的每个外观方案的所述第二元素类型的对应的亮度值从所述亮度值偏移预定的发光强度变化;
基于用于所述第二元素类型的色度值和第三规则来生成外观方案的第三维度,所述第三维度的每个外观方案包括与对应的色度值相关联的所述第二元素类型;
在用户界面中显示外观方案的所述第一维度、外观方案的第二维度和外观方案的第三维度,其中外观方案的所述第一维度、外观方案的第二维度和外观方案的第三维度的每个外观方案被显示为可选择的用户界面元素,并且其中使用所述第一元素类型的元素、所述第二元素类型的元素和所述背景颜色来显示外观方案的所述第一维度、外观方案的第二维度和外观方案的第三维度的每个外观方案;
接收对外观方案的所述第一维度、外观方案的第二维度和外观方案的第三维度的外观方案的选择;以及
基于所选择的外观方案来更新所述用户界面中所述第一元素类型和所述第二元素类型的显示,其中所述选择改变所述文档中的所述第一元素和所述第二元素的所述显示。
2.根据权利要求1所述的设备,其中所述第一视觉属性值集和所述第二视觉属性值集中的每个视觉属性值集包括色调值、亮度值和色度值,并且外观方案的所述第一维度基于用于所述第一元素类型的所述色调值和所述第一规则而生成。
3.根据权利要求2所述的设备,其中所述指令当由所述处理单元执行时,还使得所述设备:
在所述第一维度的每个外观方案中,将预定亮度值和预定色度值应用到所述第二元素类型。
4.根据权利要求2所述的设备,其中所述第一规则指定以下各项中的至少一项:
用于所述第二元素类型的所述色调值在色调光谱中关于用于所述第一元素的所述色调值的相位差的预定义范围内,所述色调光谱限定随相位改变的色调的光谱,或者
用于所述第二元素类型的所述色调值在所述色调光谱中从用于所述第一元素类型的所述色调值被移动预定义相位。
5.根据权利要求1所述的设备,其中所述第二规则指定预定义的亮度阈值,所述亮度阈值定义所述第二元素类型的第一实例的第一亮度值与所述第二元素类型的第二实例的第二亮度值之间的差。
6.根据权利要求1所述的设备,其中所述第三规则指定预定义的色度阈值,所述色度阈值定义所述第二元素类型的第一实例的第一色度值与所述第二元素类型的第二实例的第二色度值之间的差。
7.根据权利要求2所述的设备,其中所述第一元素类型包括多个第一元素类型,并且所述指令当由所述处理单元执行时,还使得所述设备:
将色调值应用到所有所述第一元素类型,所述色调值中的每个色调值在色调光谱中从所述第一外观的所述色调值被移动预定相位,所述色调光谱限定随相位变化的色调的光谱。
8.根据权利要求1所述的设备,其中所述视觉属性指定所述元素类型的特性,包括对应的元素的颜色、位置、间距、大小和字体中的至少一个。
9.一种确定用于被显示在用户界面上的元素的外观的方法,所述元素中的每个元素具有元素类型,所述方法包括:
接收文档,其中所述文档包括背景颜色;
初始化包括第一元素类型的第一元素的第一外观,所述第一外观指定用于所述第一元素类型的第一视觉属性值集;
基于与所述背景颜色的对比度,选择用于所述第一外观的所述第一元素类型的颜色属性;
基于包括所述第一元素类型的所述颜色属性的所述第一外观和第一规则生成外观方案的第一维度,所述第一维度的每个外观方案包括与第二外观相关联的第二元素类型的第二元素,所述第二外观指定用于所述第二元素类型的第二视觉属性值集,其中所述第一维度的每个外观方案的所述第二视觉属性值集基于所述第一视觉属性值集;
基于用于所述第二元素类型的亮度值和第二规则来生成外观方案的第二维度,其中用于所述第二维度的每个外观方案的所述第二元素类型的对应的亮度值从所述亮度值偏移预定的发光强度变化;
基于用于所述第二元素类型的色度值和第三规则来生成外观方案的第三维度,所述第三维度的每个外观方案包括与对应的色度值相关联的所述第二元素类型;
在用户界面中显示外观方案的所述第一维度、外观方案的第二维度和外观方案的第三维度,其中外观方案的所述第一维度、外观方案的第二维度和外观方案的第三维度的每个外观方案被显示为可选择的用户界面元素,并且其中使用所述第一元素类型的元素、所述第二元素类型的元素和所述背景颜色来显示外观方案的所述第一维度、外观方案的第二维度和外观方案的第三维度的每个外观方案;
接收对外观方案的所述第一维度、外观方案的第二维度和外观方案的第三维度的外观方案的选择;以及
基于所选择的外观方案来更新所述用户界面中所述第一元素类型和所述第二元素类型的显示,其中所述选择改变所述文档中的所述第一元素和所述第二元素的所述显示。
10.根据权利要求9所述的方法,其中所述第一视觉属性值集和所述第二视觉属性值集中的每个视觉属性值集包括色调值、亮度值和色度值,并且外观方案的所述第一维度基于用于所述第一元素类型的所述色调值和所述第一规则而生成。
11.根据权利要求10所述的方法,其中所述第一规则指定以下各项中的至少一项:
用于所述第二元素类型的所述色调值在色调光谱中关于用于所述第一元素的所述色调值的相位差的预定义范围内,所述色调光谱限定随相位改变的色调的光谱,或者
用于所述第二元素类型的所述色调值在所述色调光谱中从用于所述第一元素类型的所述色调值被移动预定义相位。
12.根据权利要求9所述的方法,其中所述第二规则指定预定义的亮度阈值,所述亮度阈值定义所述第二元素类型的第一实例的第一亮度值与所述第二元素类型的第二实例的第二亮度值之间的差。
13.根据权利要求9所述的方法,其中所述第三规则指定预定义的色度阈值,所述色度阈值定义所述第二元素类型的第一实例的第一色度值与所述第二元素类型的第二实例的第二色度值之间的差。
14.根据权利要求10所述的方法,其中所述第一元素类型包括多个第一元素类型,并且所述方法还包括:
将色调值应用到所有所述第一元素类型,所述色调值中的每个色调值在色调光谱中从所述第一外观的所述色调值被移动预定相位,所述色调光谱限定随相位变化的色调的光谱。
15.根据权利要求9所述的方法,其中所述视觉属性指定所述元素类型的特性,包括对应的元素的颜色、位置、间距、大小和字体中的至少一个。
16.一种非暂态机器可读介质,包括机器可执行指令,所述指令当在设备上执行时,使得所述设备:
接收文档,其中所述文档包括背景颜色;
初始化包括第一元素类型的第一元素的第一外观,所述第一外观指定用于所述第一元素类型的第一视觉属性值集;
基于与所述背景颜色的对比度,选择用于所述第一外观的所述第一元素类型的颜色属性;
基于包括所述第一元素类型的所述颜色属性的所述第一外观和第一规则生成外观方案的第一维度,所述第一维度的每个外观方案包括与第二外观相关联的第二元素类型的第二元素,所述第二外观指定用于所述第二元素类型的第二视觉属性值集,其中所述第一维度的每个外观方案的所述第二视觉属性值集基于所述第一视觉属性值集;
基于用于所述第二元素类型的亮度值和第二规则来生成外观方案的第二维度,其中用于所述第二维度的每个外观方案的所述第二元素类型的对应的亮度值从所述亮度值偏移预定的发光强度变化;
基于用于所述第二元素类型的色度值和第三规则来生成外观方案的第三维度,所述第三维度的每个外观方案包括与对应的色度值相关联的所述第二元素类型;
在用户界面中显示外观方案的所述第一维度、外观方案的第二维度和外观方案的第三维度,其中外观方案的所述第一维度、外观方案的第二维度和外观方案的第三维度的每个外观方案被显示为可选择的用户界面元素,并且其中使用所述第一元素类型的元素、所述第二元素类型的元素和所述背景颜色来显示外观方案的所述第一维度、外观方案的第二维度和外观方案的第三维度的每个外观方案;
接收对外观方案的所述第一维度、外观方案的第二维度和外观方案的第三维度的外观方案的选择;以及
基于所选择的外观方案来更新所述用户界面中所述第一元素类型和所述第二元素类型的显示,其中所述选择改变所述文档中的所述第一元素和所述第二元素的所述显示。
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
PCT/CN2016/071004 WO2017120882A1 (en) | 2016-01-15 | 2016-01-15 | Determining appearances for elements displayed on user interface |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108292319A CN108292319A (zh) | 2018-07-17 |
CN108292319B true CN108292319B (zh) | 2022-05-24 |
Family
ID=59310565
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201680070127.8A Active CN108292319B (zh) | 2016-01-15 | 2016-01-15 | 确定用于被显示在用户界面上的元素的外观 |
Country Status (4)
Country | Link |
---|---|
US (1) | US20180329869A1 (zh) |
EP (1) | EP3403196A4 (zh) |
CN (1) | CN108292319B (zh) |
WO (1) | WO2017120882A1 (zh) |
Families Citing this family (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US10755030B2 (en) * | 2017-06-29 | 2020-08-25 | Salesforce.Com, Inc. | Color theme maintenance for presentations |
CN111783402B (zh) * | 2019-04-02 | 2023-08-08 | 珠海金山办公软件有限公司 | 一种文档视觉效果的获取方法和装置 |
US11302284B2 (en) * | 2020-01-17 | 2022-04-12 | Microsoft Technology Licensing, Llc | Focus assist mode for user interfaces |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1828587A (zh) * | 2004-11-15 | 2006-09-06 | 微软公司 | 电子文档样式矩阵 |
CN102047293A (zh) * | 2008-04-21 | 2011-05-04 | 威仕达品特技术有限公司 | 用于自动生成配色法变体的系统和方法 |
CN105144067A (zh) * | 2013-03-15 | 2015-12-09 | 苹果公司 | 用于调节控件的外观的设备、方法和图形用户界面 |
Family Cites Families (12)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US5311212A (en) * | 1991-03-29 | 1994-05-10 | Xerox Corporation | Functional color selection system |
JPH0883271A (ja) * | 1994-09-09 | 1996-03-26 | Fuji Xerox Co Ltd | 文書処理装置 |
US6788308B2 (en) * | 2000-11-29 | 2004-09-07 | Tvgateway,Llc | System and method for improving the readability of text |
JP4082591B2 (ja) * | 2003-05-20 | 2008-04-30 | インターナショナル・ビジネス・マシーンズ・コーポレーション | データ編集装置及びプログラム |
US7322007B2 (en) * | 2003-05-30 | 2008-01-22 | Vistaprint Technologies Limited | Electronic document modification |
US7457483B2 (en) * | 2004-02-09 | 2008-11-25 | Olympus Corporation | Image processing apparatus, image processing program and storage medium |
US8013869B2 (en) * | 2006-09-13 | 2011-09-06 | Adobe Systems Incorporated | Color selection interface |
CN100521612C (zh) * | 2007-06-25 | 2009-07-29 | 腾讯科技(深圳)有限公司 | 一种利用移动终端更新网络相册图片的方法、系统及设备 |
US8139080B2 (en) * | 2008-10-31 | 2012-03-20 | Verizon Patent And Licensing Inc. | User interface color scheme customization systems and methods |
US20140096039A1 (en) * | 2012-09-28 | 2014-04-03 | Interactive Memories, Inc. | Method for Preserving Layer Position of a Graphical Digital Asset for Consistent Presentation Between Multiple Pages in an Electronic Interface |
US20160041957A1 (en) * | 2014-08-05 | 2016-02-11 | Cimpress Schweiz Gmbh | System and method for improving design of user documents |
CN104574491A (zh) * | 2015-01-20 | 2015-04-29 | 成都品果科技有限公司 | 一种基于移动终端平台的多格特效渲染方法及系统 |
-
2016
- 2016-01-15 US US15/772,955 patent/US20180329869A1/en not_active Abandoned
- 2016-01-15 WO PCT/CN2016/071004 patent/WO2017120882A1/en active Application Filing
- 2016-01-15 CN CN201680070127.8A patent/CN108292319B/zh active Active
- 2016-01-15 EP EP16884445.4A patent/EP3403196A4/en not_active Withdrawn
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN1828587A (zh) * | 2004-11-15 | 2006-09-06 | 微软公司 | 电子文档样式矩阵 |
CN102047293A (zh) * | 2008-04-21 | 2011-05-04 | 威仕达品特技术有限公司 | 用于自动生成配色法变体的系统和方法 |
CN105144067A (zh) * | 2013-03-15 | 2015-12-09 | 苹果公司 | 用于调节控件的外观的设备、方法和图形用户界面 |
Also Published As
Publication number | Publication date |
---|---|
US20180329869A1 (en) | 2018-11-15 |
CN108292319A (zh) | 2018-07-17 |
WO2017120882A1 (en) | 2017-07-20 |
EP3403196A4 (en) | 2019-10-30 |
EP3403196A1 (en) | 2018-11-21 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP4495239B2 (ja) | 電子文書内の選択されたオブジェクトの半透明なハイライト方法 | |
US9147378B2 (en) | Color selection interface | |
US20090262130A1 (en) | System and method for automatically generating color scheme variations | |
US20130201202A1 (en) | Media editing with overlaid color adjustment tools | |
US10067646B2 (en) | Color selector for desktop publishing | |
TWI597708B (zh) | 電子顯示器 | |
CN108292319B (zh) | 确定用于被显示在用户界面上的元素的外观 | |
US20210134016A1 (en) | Method and apparatus for assigning colours to an image | |
JP2015523593A5 (zh) | ||
US11715404B2 (en) | Color modification based on perception tolerance | |
Annum et al. | Image colouration in adobe photoshop: A digital painting technique for transforming grayscale photographs into colour mode | |
US10593067B2 (en) | Intelligent systems and methods for dynamic color hierarchy and aesthetic design computation | |
CN111783382A (zh) | 一种文档视觉效果的推荐方法和装置 | |
CN114512094B (zh) | 屏幕色彩调节方法、装置、终端及计算机可读存储介质 | |
JPH096573A (ja) | イメージ画配色調整方法及びシステム | |
CN115606189A (zh) | 渲染用于视觉可及性的内容的方法和装置 | |
US11948530B2 (en) | Computer-implemented method for generating gradient color value array, apparatus, and computer-program product thereof | |
US20230195433A1 (en) | Software tool for deriving colors from a reference color by varying color characteristics | |
Garg et al. | Magic marker: a color analytics interface for image annotation | |
Garg et al. | Magic Marker: A Color Analytics Interface for Image | |
Hascoët | Visual color design | |
CN116258779A (zh) | 海报制作方法、可读介质、电子设备以及计算机程序产品 | |
JP2020016971A (ja) | 彩色プログラム及び彩色方法 | |
CN116991349A (zh) | 一种工程机械显示交互系统色彩设计及色板生成方法 | |
Bailey et al. | Towards a Perception Based Image Editing System |
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 |