CN102035990A - 内容画面的颜色定制方法 - Google Patents
内容画面的颜色定制方法 Download PDFInfo
- Publication number
- CN102035990A CN102035990A CN2010101703260A CN201010170326A CN102035990A CN 102035990 A CN102035990 A CN 102035990A CN 2010101703260 A CN2010101703260 A CN 2010101703260A CN 201010170326 A CN201010170326 A CN 201010170326A CN 102035990 A CN102035990 A CN 102035990A
- Authority
- CN
- China
- Prior art keywords
- color
- tone
- brightness
- show
- parts
- 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
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/001—Texturing; Colouring; Generation of texture or colour
Landscapes
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- User Interface Of Digital Computer (AREA)
- Input From Keyboards Or The Like (AREA)
Abstract
本发明提供一种内容画面的颜色定制方法,以便能够以用户容易视觉辨认的颜色来显示构成所显示的画面的各部。在内容画面中选择作为部件的操作按钮作为颜色定制对象时,显示颜色定制操作画面(17a),该颜色定制操作画面(17a)具有与该操作按钮对应的颜色选择器显示区域(19)、与该操作按钮所重叠显示的布局(背景)对应的颜色选择器显示区域(20)。在颜色选择器显示区域(19)中显示作为构成该操作按钮的要素的文字、背景、框线各自的颜色选择器(19a、19b、19c),可以在它们的调色板中选择各个要素的颜色。在颜色选择器显示区域(20)中也显示作为构成布局的要素的文字、背景、框线各自的颜色选择器(20a、20b、20c),可以在它们的调色板中选择各个要素的颜色。
Description
技术领域
本发明涉及内容画面的颜色定制方法,其可以对构成在终端装置等的显示画面上显示的内容的操作按钮或文本、复选框等以及它们的背景区域等部件的颜色进行定制(变更)。
背景技术
在个人计算机等的显示画面中显示的内容中设置了操作按钮或文本(text)、复选框(check box)等,由此可以进行画面操作,另外,为了易于进行该操作,对它们进行着色使得可以容易地进行判别。
然而,在显示文本等的情况下,根据该文本的背景的颜色等,有时该文本变得难以看到,因此,提出了根据背景的状况变更文本的显示色使得容易看到该文本的技术。
作为其一例,提出了以下技术:在通过数字照相机拍摄的图像上重叠显示(镶入)其拍摄日期时间或拍摄者姓名等文本时,把该图像的重叠有文本的区域作为背景,以容易看到文本的颜色来显示背景(例如参照专利文献1)。
该技术预先作为多个文字色管理信息而设定了在背景中使用的颜色、即背景色,把图像中的成为文本的背景的区域(镶入位置)的颜色作为背景色而取得,依次选择该文字色管理信息的设定色,求出与所取得的背景色的对比度(亮度差),将该对比度与预先设定的基准值进行比较,当该对比度超过该基准值时,把与该对比度相应的设定色设为背景的颜色,当对比度超过该基准值的设定色不存在时,把对比度最大的设定色设为背景的颜色。
作为另一例,提出了以下技术:在根据光盘再生出的影像中,在背景中重叠了表达文字的字幕时,以容易看到文字的方式变更该字幕中的文字(文本)和背景的颜色关系后,显示重叠了该字幕的再生影像(例如参照专利文献2)。
该技术设置了颜色代码表,该颜色代码表中预先设定了多个用于容易观看文字的、字幕中的文字和颜色的关系(例如,文字为黑色、背景为白色的组合,或者文字为白色、背景为黑色的组合,文字为红色、背景为黄色的组合等),当文字由于影像而难以观看的背景的透明度在预定的范围内时,把与此时的文字的颜色相应的颜色代码表中的背景的颜色,设为该字幕的背景的颜色。
作为另一例,还提出了生成调色板,使得可以选择希望的颜色成分的技术(例如参照专利文献3)。
该技术是从图像数据中包含的颜色成分中除去不需要的颜色成分,使其不显眼的技术,在图像数据中包含想要除去的颜色成分时,提取出在该图像数据中包含的全部颜色成分,生成这些颜色成分的调色板并显示,与此同时,使得可以指定想要从该调色板中除去的颜色成分,并指定想要从该调色板除去的颜色成分,由此选择所指定的颜色成分,变换为不显眼的别的颜色。
【专利文献1】特开2008-182513号公报
【专利文献2】特开2009-27605号公报
【专利文献3】特开2008-153749号公报
然而,上述专利文献1、2中记载的技术决定了在背景中使用的颜色,而且,实际在背景中使用的颜色是通过与文本(文字)的颜色的关联来决定的。由此,有时文本相对于背景变得容易视觉辨认,但有时根据用户未必变得容易视觉辨认,而且,尽管也可能存在容易观看的着色,但用户无法进行该着色。
另外,有时需要不光使文本,而且使背景也容易观看地进行着色,但在上述专利文献1、2所记载的技术中未考虑到对于上述图像或影像,使文本的背景易于观看。
而且,在所显示的内容的画面中,操作按钮或文本、复选框等(以下将它们称为内容的部件)构成该内容,并且与上述专利文献1、2中记载的技术中的对图像附加的文本或其背景不同,未考虑到能够以用户容易视觉辨认的颜色显示所述部件。
另外,上述专利文献3中记载的技术,可以从调色板中选择预定的颜色,但在该调色板中显示的颜色是图像数据具有的颜色成分,是通过该图像数据决定的颜色成分,而且,在该调色板中所选择的颜色成分,是从该图像数据中被除去而不显眼的颜色成分。因此,在所述引用文献3中记载的技术中,并非可以选择容易观看画面内容的颜色。
发明内容
鉴于上述问题而提出本发明,其目的在于提供一种内容画面的颜色定制方法,其能够以用户容易视觉辨认的颜色显示构成所显示的画面的各部件。
为了达成所述目的,本发明提出一种内容画面的颜色定制方法,用于支援在内容画面中显示的部件的颜色选择,其特征在于,在内容画面中指定成为颜色选择对象的部件的同时,显示颜色定制操作画面,在颜色定制操作画面中,针对构成所指定的该部件的每个要素,显示颜色选择用的调色板,并且针对构成与所指定的该部件连接的其它部件的每个要素,显示颜色选择用的调色板,通过在调色板中选择希望的颜色,以选择出的颜色来显示所选择的部件的各个要素和其它部件的各个要素。
另外,本发明的特征在于,所述部件由作为其要素的字符和背景构成,而且根据需要,作为其要素而具有框线。
而且,本发明的特征在于,在与作为所述要素的字符和背景对应的调色板的某一方中,把字符和背景的亮度对比率不足第一比率的颜色作为不能选择的颜色,对该颜色附加表示是无法选择的颜色的标记,在与作为所述要素的字符以外的两个要素分别对应的调色板的某一方中,把这些要素中的亮度对比率不足第二比率的颜色作为不推荐选择的颜色,对该颜色附加表示是不推荐选择的颜色的标记。
而且,本发明的特征在于,第一比率为4.5∶1,第二比率为1.7∶1。
而且,本发明的特征在于,指定的部件是在所指定的拖拽区域中包含的多个部件,针对拖拽区域内的每个部件,显示构成部件的各个要素的颜色选择用的调色板。
而且,本发明的特征在于,所述其它部件,是与所指定的部件重叠显示的部件。
而且,本发明的特征在于,在颜色定制操作画面中设定的预览区域中显示选择部件区域,该选择部件区域包含在所述内容画面中指定的部件。
另外,本发明提供一种内容画面的颜色定制方法,用于支援在内容画面中显示的部件的颜色选择,其特征在于,在内容画面中指定成为颜色选择对象的部件的同时,显示颜色定制操作画面,在颜色定制操作画面中显示颜色选择用的调色板,在调色板中设有用于对色调、亮度、色度以及透明度中的各项进行指定的指定部,并且矩阵状地配置了多个颜色的色元,所述多个颜色的色元具有通过色调的指定部指定的色调范围的色调、且具有通过亮度的指定部指定的亮度范围的亮度,通过在调色板中选择显示所希望的颜色的色元,以选择出的颜色来显示所指定的部件。
另外,本发明的特征在于,以色调和亮度为轴矩阵状地配置色元,沿该矩阵的色调轴配置的色元,显示相同亮度而所述色调范围不同的色调的颜色,沿矩阵的亮度轴配置的色元,显示相同色调而所述亮度范围不同的亮度的颜色。
而且,本发明的特征在于,在所述色调的指定部中,设定并显示了表示无法选择的色调的范围的不可选择区域,在亮度的指定部中,设定并显示了表示无法选择的亮度的范围的不可选择区域。
而且,本发明的特征在于,在所述色调的指定部的所述不可选择区域中也包含可以选择但不推荐选择的色调,在亮度的指定部的所述不可选择区域中也包含可以选择但不推荐选择的亮度。
而且,本发明的特征在于,色调的指定部具有色调显示条、以及可以沿色调显示条移动的,用于指定色调显示条中的色调的色调指定滑块,设定以通过色调指定滑块指定的色调显示条中的色调为中心的色调指定范围,色调指定范围中的色调是通过调色板的色元显示的颜色的色调,亮度的指定部具有亮度显示条、以及可以沿亮度显示条移动的,用于指定亮度显示条中的亮度的亮度指定滑块,设定以通过亮度指定滑块指定的亮度显示条中的亮度为中心的亮度指定范围,亮度指定范围中的亮度是通过调色板的色元显示的颜色的亮度。
而且,本发明的特征在于,针对所指定的部件的每个要素,同时显示调色板和具有色调、亮度、色度以及透明度的指定部的颜色选择器。
而且,本发明的特征在于,对于所选择的部件的要素,通过计算可否对与该要素相邻的其它要素的颜色进行判别,来判定是所述无法选择的颜色或可以选择但不推荐选择的颜色。
而且,本发明的特征在于,在调色板的上部配置色度的指定部,在色度的指定部的下方,以色调和亮度为轴矩阵状地配置色元。
根据本发明,可以把内容画面中的希望的部件指定为颜色定制的对象,针对构成颜色定制操作画面中的该部件的每个要素,通过颜色选择器的操作,可以在用户容易视觉辨认的状态下把该“要素”定制成希望的颜色。
附图说明
图1表示内容的一个具体例的一部分。
图2表示内容中的部件的种类和其要素,以及选择部件时以及未选择部件(未激活)时的要素。
图3是表示本发明的内容画面的颜色定制方法的第一实施方式的一连串处理步骤的流程图。
图4表示图3的步骤S100中显示的内容画面的一个具体例。
图5表示操作图4所示的内容画面的“颜色定制设定”按钮时的选择画面的一个具体例子。
图6表示在图5所示的“颜色定制设定”按钮中选择了“OK”按钮时的内容画面的一个具体例。
图7表示在图6所示的内容画面中选择了一个部件时的选择部件区域的一个具体例。
图8表示图7所示的选择部件区域的移动后显示的颜色定制操作画面的一个具体例。
图9表示在图8所示的颜色定制操作画面中打开了所选择的颜色选择器的状态的颜色定制操作画面的一个具体例。
图10A、10B表示图9中的“单色”标签和“渐变”标签的一个具体例。
图11A、11B表示图10所示的“单色”标签和“渐变”标签的表示了无法选择的颜色、不推荐选择的颜色的状态。
图12表示进行了图9所示的颜色定制操作画面中的操作按钮的文字的颜色定制操作的状态。
图13表示进行了图9所示的颜色定制操作画面中的操作按钮的框线的颜色定制操作的状态。
图14表示进行了图9所示的颜色定制操作画面中的布局的背景的颜色定制操作的状态。
图15表示图9所示的颜色定制操作画面中的布局的背景的颜色选择器的一个操作例。
图16A表示图9所示的颜色定制操作画面中的布局的背景的渐变操作。
图16B表示接续图16A所示的操作的渐变操作。
图17表示在图9所示的颜色定制操作画面中使颜色定制的对象变化的操作。
图18表示在图9所示的颜色定制操作画面中颜色定制操作结束时的操作的一个具体例。
图19表示通过图18所示的操作而显示的选择画面的一个具体例。
图20表示在图6所示的内容画面中选择多个“部件”的操作的一个具体例。
图21表示在图20所示的操作中显示的颜色定制操作画面的一个具体例。
图22表示本发明的内容画面的颜色定制方法的第二实施方式中的颜色定制操作画面中展开的颜色选择器的一个具体例。
图23A、23B表示图22中的“选择颜色显示”栏21的设定色显示部21a的显示状态的一个具体例。
图24表示本发明的内容画面的颜色定制方法的第二实施方式中的颜色定制操作画面中展开的颜色选择器的另一具体例。
图25A、25B表示图24中的色调指定部44以及亮度指定部45的操作方法的一个具体例。
图26表示本发明的内容画面的颜色定制方法的第二实施方式中的未进行颜色定制处理时的图22所示的颜色选择器40中的“单色”标签29的显示状态的一个具体例。
图27表示本发明的内容画面的颜色定制方法的第二实施方式中的对象要素以灰度进行了颜色定制处理时的图22所示的颜色选择器40中的“单色”标签29的缺省显示状态的一个具体例。
图28A表示图22所示的颜色选择器40的色调指定部44中的操作状态的一个具体例。
图28B表示在图28A所示的颜色选择器40d中,使亮度指定部45c的亮度指定滑块45a移动到亮度显示条45c的上端侧的情况下的状态的一个具体例。
图29表示本发明的内容画面的颜色定制方法的第二实施方式中的一个部件的各要素的颜色选择器中的调色板的状态的一个具体例。
图30表示在包含图29所示的颜色选择器40C、40B、40F的颜色定制操作画面中进行按下操作图18所示的“OK”按钮时显示的指示画面的一个具体例。
图31表示在图22、图23、图26~图30中所示的颜色选择器的一个变形例。
图32A、32B表示操作图31所示的结构的图9中的颜色选择器40C、40B的一方的“清除”按钮23时的这些颜色选择器40C、40B的状态的变化。
图33表示在图22所示的颜色选择器40中选择了“渐变”标签30时的状态。
图34A、34B是说明在图33所示的颜色选择器40中的渐变分支点设定部61的分支点增减部63的操作的图。
图35A、35B是说明图33所示的颜色选择器40中的中间部指示体67I的操作的图。
图36表示本发明的内容画面的颜色定制方法的第三实施方式中的图8所示的颜色定制操作画面中展开的颜色选择器的一个具体例。
符号说明
1 显示画面;2 内容画面;3 “颜色定制模式设定”按钮;
4 内容数据显示区域;5 操作按钮;51 “重要度变更”按钮;
52 “期限变更”按钮;53 “负责人变更”按钮;
54 “状态变更”按钮;55 下拉菜单;5a 按钮的文字;5b 按钮的背景;
5c 按钮的框线;6 布局(背景);6a、6b 文字;7 标签面板;
7a 标签面板的文字;7b 标签面板的背景;8 文本;9 复选框;
10 文本框;11 光标;12 选择画面;13 文本;14 “OK”按钮;
15 “取消”按钮;16 按下部件区域;17、17a 颜色定制操作画面;
18 颜色选择器显示画面;19、191~193 “按钮”的颜色选择器显示区域;
19a~19c 颜色选择器;20 “布局”的颜色选择器显示区域;
20a~20c 颜色选择器;21 “选择色显示”栏;21a 设定色显示部;
21b 设定渐变显示部;21c 颜色的名称;21d 消息;
22 “选择色的候补显示”按钮;23 “清除”按钮;24 预览区域;
25 滚动操作部;26 “OK”按钮;27 “取消”按钮;28 “全部清除”按钮;
29 “单色”标签;29a 不透明度指定部;29b 色调显示栏;29c 调色板;
29d1 色调指定部;29d2 浓度指定部;29e1、29e2 滑块;
30 “渐变”标签;30a 不透明度显示栏;30b 颜色类别栏;30c 调色板;
30d1 色调指定部;30d2 浓度指定部;30e1、30e2 滑块;
30f 渐变设定部;30f1 渐变条;
30f2、30f3 端部标记;30f4 色调/浓度指示标记;30g 渐变方向设定栏;
31a “×”标记;31b “/”标记;32 选择画面;33 文本;
34 “是”按钮;35 “否”按钮;36 光标;37 拖曳区域;
38 颜色定制操作画面;
40、40’、40”、40a~40e、40B、40B’、40C、40C’、40F 颜色选择器;
41 灰度色标;41a 灰度单元;42 调色板;43 色元;
43a 中心位置色元;43’ 未激活的色元;
44 色调指定部;44a 色调显示条;44b、44b’ 色调指定滑块;
44b1 基础滑块;44b2 下侧边界变更用滑块;44b3 上侧边界变更用滑块;
44c 色调指定范围;44cU 上侧边界线;44cD 下侧边界线;44d 选择色调值显示框;44d1 下侧边界选择色调值显示框;44d2 上侧边界选择色调值显示框;
45 亮度指定部;45a 亮度显示条;45b、45b’ 亮度指定滑块;
45b1 基础滑块;45b2 下(左)侧边界变更用滑块;45b3 上(右)侧边界变更用滑块;45c 亮度指定范围;45cU 上侧边界线;45cD 下侧边界线;
45d 选择亮度值显示框;45d1 下(左)侧边界选择亮度值显示框;
45d2 上(右)侧边界选择亮度值显示框;46、46’ 色度指定部;
46a、46a’ 色度显示条;46b、46b’ 色度指定滑块;46c、46c’ 选择色度值显示框;47、47’ 透明度指定部;47a、47a’ 透明度显示条;
47b、47b’ 透明度指定滑块;47c、47c’ 选择透明度显示框;48 中心单元框;49 选择单元框;50 对象要素色显示区域;51 背景色显示区域;
52 指示画面;53 消息;54 “OK”按钮;55 “×”按钮;
561~565 色元横列;571~575 色元纵列;581~583 不可选择区域;60 渐变角度设定部;61 渐变分支点设定部;62 分支点数显示部;
63a “+”按钮;63b “-”按钮;64 选择分支点位置显示部;
65 渐变显示部;66 渐变条;67L 左端侧指示体;67R 右端侧指示体;
67I 中间部指示体;68 选择框
具体实施方式
首先,说明本发明的概念。
在个人计算机等终端装置的显示画面上显示的内容由各部件构成,各部件由其构成要素组成。
图1表示所述内容的一个具体例的一部分,100是操作按钮,101是文字,102是按钮背景,103是按钮框线,200是背景。
在该图中,该内容的该部分由操作按钮100和该操作按钮100以外的区域的背景200构成。在此,操作按钮100和背景200是部件,内容的该部分由操作按钮100和背景200的部件构成。在此,该操作按钮100是“部件1”,背景200是“部件2”。
另外,部件1的操作按钮100由表示操作按钮100的轮廓的框线103、成为该按钮框线103的内部区域的按钮背景102、形成文本的文字101构成,所述文字101、按钮背景102和框线103成为构成部件1的要素。
以下说明的实施方式被设置在终端装置中,关于这种内容的部件和各部件或部件的各个要素,为使该用户容易视觉辨别,可以通过用户进行颜色的定制(变更)。
然而,为了明确地判别部件或部件的要素,该部件或要素和与其邻接(以下称为邻接)的其它部件或其它要素的亮度对比率(浓度差异)需要足够大。
在此,根据W3C(World Wide Web Consortium)的WCAG(Web ContentAccessibility Guidelines)推荐标准,亮度对比率以式(1)表示
(L1+0.05)/(L2+0.05) ...(1)。
其中,L1:邻接的部件或要素中的亮的一方的颜色的相对亮度L
L2:邻接的部件或要素中暗的一方的颜色的相对亮度L。
颜色的相对亮度L,在IEC(国际电气标准会议)标准的sRGB颜色空间中,以L=0.2126*R+0.7152*G+0.0722*B表示。其中,所述颜色的相对亮度中的R(红)成分、G(绿)成分、B(蓝)成分,当设sRGB颜色空间中的R成分为RsRGB,类似地设G成分为GsRGB,类似地B成分为BsRGB时,
在RsRGB≤0.03928的情况下,R=RsRGB/12.92
在RsRGB>0.03928的情况下,R=((RsRGB+0.055)/1.055)^2.4
在GsRGB≤0.03928的情况下,G=GsRGB/12.92
在GsRGB>0.03928的情况下,G=((GsRGB+0.055)/1.055)^2.4
在BsRGB≤0.03928的情况下,B=BsRGB/12.92
在BsRGB>0.03928的情况下,B=B((BsRGB+0.055)/1.055)^2.4
其中,“^”表示指数运算符,RsRGB、GsRGB、BsRGB分别为
RsRGB=R8bit/255
GsRGB=G8bit/255
BsRGB=B8bit/255。
R8bit、G8bit、B8bit分别是以8比特表示的值。
如上所述,通过上述的式(1)表达亮度对比率,然而
(1)内容生成者,由于无法控制与文本的表现(从数值数据进行的图像化:例如字体的平滑处理或反走样处理(anti-aliasing))相关的用户的设定,因此,在关闭反走样处理(清除在所显示的线等上出现的锯齿的处理)的状态下评价文本的亮度对比率。
(2)在文字的周围存在边缘的情况下,该边缘有时会增强对比度,被用于文字和其背景色中的对比度的计算。其中,把文字周围的细的边缘作为文字来处理。若文字周围的粗的边缘变得像晕(光晕或光环)那样,掩盖了文字的细的笔画,则作为背景色来考虑。
(3)在典型的表现中邻接时,由制作者想到对WCAG的应用,对于在内容中指定的颜色的组合应该被评价。制作者,如通过用户代理(user agent)进行的颜色变更等那样,不需要考虑与通常不同的表现。但是,在其由于制作者的源代码引起的情况下除外。
在发生抖动(dithering)(组合可以显示的颜色,表现其中间颜色)的情况下,使用原来的颜色的值。关于在发生源进行抖动的颜色,应该使用所使用的颜色的平均值(R的平均值、G的平均值、B的平均值)。
以下说明的实施方式,根据以上的亮度对比率规定内容的部件或其要素的颜色,假定任意部件或要素的颜色都可以配合用户来定制。
在此,所谓该颜色的规定是指:假定在文字和其背景(该文字所重叠显示的背景)中不选择其亮度对比率不到4.5∶1的颜色,还可以选择文字以外的要素和其背景或者与该文字以外的要素相邻的要素(例如按钮的背景色和该按钮的框线色、按钮的框线色和设置该按钮的背景的颜色等)的亮度对比率在1.7∶1以上的颜色。
以下,如上所述,把上述规定的亮度对比率设为4.5∶1,1.7∶1来说明实施方式,但不限于此,对于用户来说可以决定容易视觉分辨各“要素”的其它亮度对比率。但是,设在文字和与其邻接的“要素”之间规定的亮度对比率,与在文字以外的“要素”间规定的对比率相比,其比率更大。
另外,在以下的实施方式中,接合的要素(在图1中,部件1的文字101、部件1中的背景102、部件1的框线103、部件2)全部独立地进行定制。在渐变(gradation,颜色或浓淡的连续变化)情况下,最低的亮度对比率(上述的4.5∶1或1.7∶1),通过最严格的颜色来判别。
图2是表示部件的种类和其要素的一览的图。
在该图中,在此作为部件而列举出:“按钮”;“文本”;成为配置所述“按钮”或“文本”的背景的“布局”;用于输入文字的“文本框”;每个设置有两个以上的项目,使得可以选择其中的任意项目的“复选框”;每个设置有两个以上的项目,使得可以选择其中任意一项的“单选按钮”;用于在有限的一定区域内显示多个种类的信息的“标签面板”。另外,列举出与它们对应的要素。作为所述要素,是“文字/记号”、“文字/记号的边缘”、“背景”、“框线”和“阴影”等。在此,作为要素“文字/记号”、“文字/记号的边缘”、“背景”、“框线”的属性,存在可以“按下”的(通过按下操作来工作)状态的要素、和尽管成为可以“按下”的状态但此时无法“按下”(即使按下操作也不工作)状态的“未激活”的要素,对于可以“按下”的状态的要素,例如以“文字/记号”为例时,存在“文字/记号”和“未激活的文字/记号”。另外,把表示“按下”时选择了该部件的状态设为“选择时”。例如,当以“文字/记号”为例时,具有:表示被按下前并且是可以按下的状态的“文字/记号”、表示被按下前并且是不可按下的状态的“未激活时的文字/记号”、和表示被按下后的状态的“选择时的文字/记号”。并且,关于每个部件,对各个要素的相应的属性附加了○标记。
根据图2,部件“按钮”、“布局”、“文本框”、“复选框”、“单选按钮”“标签面板”由“文字/记号”或“文字/记号的边缘”、“背景”、“框线”、“阴影”的要素组成,但在它们中存在全部“未激活”的状态。部件“布局”由“文字/记号”或“文字/记号的边缘”、“背景”、“框线”、“阴影”的要素组成,但由于不是按下的部件,因此这些要素既不存在未激活的状态,也不存在选择的状态。部件“文本”由“文字/记号”和“文字/记号的边缘”的要素组成,但在这些要素中存在未激活的状态。另外,“标签面板”由“文字/记号”、“文字/记号的边缘”、“背景”、“框线”、“阴影”的要素组成,在这些要素中存在“未激活”的状态,同时也存在可以“选择”的状态。
基于以上内容,以下使用图3~图21说明本发明的第1实施方式。图3是表示本发明的内容画面的颜色定制方法的一个实施方式的一连串处理步骤的流程图,根据该图3说明该实施方式。
首先,当通过未图示的终端装置下载内容数据时,在其显示画面上显示图4所示的基于该内容数据的内容画面(图3的步骤S100)。
在图4中,1为显示画面,2为内容画面,3为“颜色定制模式设定”按钮,4为内容数据显示区域,5、51~54为操作按钮,55为用于选择在按下在其右侧设置的“执行”按钮时执行的功能的操作部(在此设为下拉菜单),5a为按钮的文字,5b为按钮的背景,5c为按钮的框线,6为背景,6a、6b为文字,7为标签面板,7a为标签面板的文字,7b为标签面板的背景,8为文本,9为复选框,10为文本框,11为光标。
在该图中,在显示画面1中显示的内容画面2中,与显示所下载的内容的内容显示区域4一起,显示用于处理该内容显示区域4中显示的内容的、例如“重要度变更”按钮51、“期限变更”按钮52、“负责人变更”按钮53、“状态变更”按钮54(以下,一起描述或总称时,称为操作按钮5)或用于功能选择的操作部55、所述操作按钮5或操作部55所重叠显示的布局(背景)6、标签面板7、在标签面板7内显示的文本8、针对在内容显示区域4中显示的每个内容数据设置的复选框9、文本框10等。它们成为构成内容画面2的上述“部件”。
在内容显示区域4中,在此显示了由项目“重要度”、“期限”、“负责人”、“状态”、“备忘录”等构成的任务的一览表,针对这些任务中的每个任务设置了用于可以对其进行处理的复选框9。“重要度变更”按钮51或“期限变更”按钮52、“负责人变更”按钮53、“状态变更”按钮54、操作部55的部件,当内容显示区域4中的任意任务都未在复选框9中被选中而处于不可处理的状态时,全部处于未激活的状态,即使按下也不工作,但即使内容显示区域4中有一个任务通过该复选框9被选中而成为可以处理的状态时,它们全部成为可以“按下”的状态。
例如,如图所示,当选择任务3、4成为可以处理的状态时,对于所述任务3、4,通过选择“重要度变更”按钮51可以变更其项目“重要度”的内容,通过选择“期限变更”按钮52可以变更其项目“期限”的内容,通过选择“负责人变更”按钮53可以变更其项目“负责人”的内容,通过选择“状态变更”按钮54可以变更其项目“状态”的内容。另外,如图所示,在通过操作部55选择了“备忘录记载”的项目的状态下,当按下“执行”按钮时可以变更上述任务3、4的项目“备忘录”的内容。此外,在该操作部55中,通过按下其▼按钮,显示功能的一览,当按下其中希望的功能并按下“执行”按钮时,针对上述任务3、4执行该功能。
以下,作为颜色定制的对象,以操作按钮5作为代表例进行说明,但对于该“备忘录记载”变更操作部55或除此以外的“部件”即标签面板7、文本8、复选框9、文本框10等也相同。
作为部件的操作按钮5由文字5a、背景5b和框线5c构成,它们成为构成按钮5的“要素”。作为所述要素的文字,在“重要度变更”按钮51中是“重要度变更”,在“期限变更”按钮52中是“期限变更”,在“负责人变更”按钮53中是“负责人变更”,在“状态变更”按钮54中是“状态变更”。同样地,在作为部件的布局6中显示了表示该布局6的标题的文字6a、6b,该文字6a、6b和布局6的背景成为构成该布局6的要素。该文字6a,当指定作为重叠在布局6上来显示的部件的“重要度变更”按钮51、“期限变更”按钮52、“负责人变更”按钮53、“状态变更”按钮54等的命令时,例如以“常用命令”这样的标题(文本)来表示。
另外,标签面板7中显示的文本8是内容数据,是部件。与此相对,在标签面板7中显示的“个人”的文字7a表示标签面板7的标题,成为构成标签面板7的要素。此外,标签面板7由作为要素的所述文字7a和作为要素的背景7b构成,在该背景8b上重叠显示作为部件的文本8。在此,也存在把标题设为“组”的标签面板,但它也与标签面板7相同。
而且,在内容显示区域4中,假定如图所示显示了任务的一览,但在此针对这些任务中的每个任务设置了作为部件的复选框9。
而且,在该内容画面2中,在其上边部显示了“颜色定制”按钮3等模式选择按钮,通过用光标11指定它们中的某一个并进行点击操作(以下将该操作称为按下操作),设定与其相应的模式。“颜色定制”按钮3是用于设定对在该内容画面2中的部件或其要素的颜色进行定制的模式的按钮。
在显示了该内容画面2的状态下(图3的步骤S100),当操作光标11来按下“颜色定制”按钮3时(图3的步骤S101),显示图5所示的选择画面。
在图5中,12是选择画面,13是文本,14是“OK”按钮,15是“取消”按钮。
在该图中,在此,该选择画面12叠加在内容画面2上并显示在其中央部,在这种情况下,假定内容画面2成为透明的状态。但是也可以仅显示选择画面12。
在该选择画面12中,例如在显示“请选择想要定制颜色的部分”这样的文本13的同时,显示用于定制部件的颜色的“OK”按钮14和用于取消颜色的定制模式的“取消”按钮15,当通过光标11的操作按下该“取消”按钮15时取消颜色的定制模式,返回图4所示的仅显示内容画面2的状态。
当按下“OK”按钮14时设定颜色的定制模式,成为图6所示的内容画面2的显示状态(其中,在图6中对于与图4对应的部分附加相同符号,省略重复的说明),当操作光标11按下希望的一个部件、例如“期限变更”按钮52时,该部件被按下(图3的步骤S102、S103)。
与此同时,在这种情况下所按下的部件是“期限变更”按钮52,在该部件上不重叠其它部件(图3的步骤S104:“否”),如图7所示(在图7中,16是按下部件区域,对于与前面的附图对应的部分附加相同符号,省略重复的说明),成为明确显示完全包含内容画面2中的该部件、即“期限变更”按钮52,并且包含与其邻接的其它部件(在此是布局6)的一部分,并尽量排除了除此以外的部件的按下部件区域16的状态,内容画面2的其它区域成为透明的状态。
并且,图6所示的内容画面2的整体例如向左方移动,由此,所述按下部件区域16移动,显示图8所示的颜色定制操作画面(图3的步骤S105)。
在图8中,17是颜色定制操作画面,18是颜色选择器显示画面,19是“按钮”的颜色选择器显示区域,19a~19c是颜色选择器,20是“布局”的颜色选择器显示区域,20a~20c是颜色选择器,21是“选择色显示”栏,22是“选择色的候补显示”按钮,23是“清除”按钮,24是预览区域,25是滚动操作部,26是“OK”按钮,27是“取消”按钮,28是“全部清除”按钮。
在该图中,在该颜色定制操作画面17中,由变更了图4所示的内容画面2中的内容数据显示区域4的颜色选择器显示画面18、和变更了标签面板7的显示区域的预览区域24构成,如上所述,进行图6所示的内容画面2整体的移动,直到按下部件区域16被定位在预览区域24内,在该预览区域24中仅显示该内容画面2在该预览区域24中包含的部分。但是,在该预览区域24内仅明确显示按下部件区域16的部分,其它部件成为透明的状态。由此,明确表示了在图6的内容画面2中被按下的部件(在此情况下是“期限变更”按钮52),可以容易地对其进行确认。
另外,在颜色选择器显示画面18中,针对图6中的内容画面2中被按下的部件、和重叠了该部件而显示的其它部件的按下部件区域16中明确显示的每个部件,设定颜色选择器显示区域。在上述例子中设定了所选择的“期限变更”按钮52的颜色选择器显示区域19、和与重叠了该“期限变更”按钮52的布局6对应的颜色选择器显示区域(布局6的颜色选择器显示区域)20。并且,针对每个颜色选择器显示区域19、20,显示用于可以针对相应的部件的每个要素选择其颜色的颜色选择器。在这种情况的例子中,在颜色选择器显示区域19中,对于作为部件的“期限变更”按钮52的“要素”、即按钮的文字5a(图4)设定了颜色选择器19a,对于其背景5b设定了颜色选择器19b,对于其框线5c设定了颜色选择器19c,另外,在布局6的颜色选择器显示区域20中,对于作为“部件”的布局6的“要素”、即部件6的文字6a(图4)设定了颜色选择器20a,对于其背景设定了颜色选择器20b,对于其框线设定了颜色选择器20c。
各颜色选择器,以颜色选择器20c为例进行说明时,由“选择色显示”栏21、“选择色的候补显示”按钮22和“清除”按钮23构成,在“选择色显示”栏21中显示与该颜色选择器20c相应的“要素”(在这种情况下是布局6的框线)的当前的颜色,由此可以确认该“要素”的当前的显示色。另外,“选择色的候补显示”按钮22如后所述,是用于显示用来定制(变更)颜色的单元的按钮,“清除”按钮23如后所述,是用来解除所选择的颜色的按钮,也是用于解除针对颜色选择的限制的按钮。
另外,图6所示的内容画面2中所选择的(图3的步骤S103)一个部件,例如像布局6那样,在其上重叠了其它部件(例如操作按钮5)的情况下(图3的步骤S104:“是”),如图8所示,显示了设定了该选择的部件的颜色选择器显示区域19和在该部件上重叠的其它部件的颜色选择器显示区域20的颜色定制操作画面17。但是,当该按下的部件是布局6时,在其上重叠的部件是多个操作按钮5,在这种情况下,针对这些操作按钮5的每一个设定颜色选择器显示区域20来显示(图6的步骤S106)。当按下的部件是标签面板7时,在其上重叠的部件是文本8,因此,在这种情况下,显示设定了所选择的标签面板7的颜色选择器显示区域19、和在其上重叠的文本8的颜色选择器显示区域20的颜色定制操作画面17。
在该颜色定制操作画面17中具备:使颜色选择器显示画面18上下滚动的滚动操作部25、用于确定后述的颜色定制的操作结果的“OK”按钮26、取消后述的颜色定制的操作的“取消”按钮27、具有与全部同时操作了颜色选择器显示画面18中显示的全部颜色选择器19a~19c、20a~20c的“清除”按钮23的功能相同功能的“全部清除”按钮28。
在图8所示的颜色定制操作画面17中,当使用光标11对希望的“要素”的颜色选择器的“选择色的候补显示”按钮22进行按下操作时,如图9所示,通过按下该“选择色的候补显示”按钮22而选择的颜色选择器成为展开的状态,成为可以定制该“要素”的颜色的状态。
在图9中,17a是此时的颜色定制操作画面,29是“单色”标签,30是“渐变”标签,对与图8对应的部件附加相同符号,省略重复的说明。
此时,在图8所示的颜色定制操作画面17中的“期限变更”按钮52的颜色选择器显示区域19中,按下颜色选择器19a~19c的“选择色的候补显示”按钮22,另外在布局6的颜色选择器显示区域20中按下颜色选择器20b的“选择色的候补显示”按钮22时,成为选择这些颜色选择器19a~19c、20b并展开的状态。即,在此,用于设定“期限变更”按钮52的要素“文字”5a的文字色的颜色选择器19a、同样地用于设定要素“按钮的背景”5b的背景色的颜色选择器19b、同样地用于设定要素“按钮的框线”5c的框线色的颜色选择器19c、用于设定布局6的要素“背景”的背景色的颜色选择器20b展开。
这些颜色选择器19/20(颜色选择器19a~19c、20a~20c的总称)由用于决定颜色的“单色”标签29和用于决定渐变的“渐变”按钮30构成,处于通过光标11的操作而选择了它们中的某一个的状态。在图9所示的例子中表示了以下状态:通过与“期限变更”按钮52的要素“文字”5a对应的“按钮文字色”的颜色选择器19a、同样地与要素“按钮的框线5c”对应的“按钮框线色”的颜色选择器19c、以及与布局6的要素“背景”对应的“背景色”的颜色选择器20b选择了“单色”标签29,通过与“期限变更”按钮52的要素“按钮的背景”5b对应的“按钮背景色”的颜色选择器19b选择了“渐变”标签30。
这些“单色”标签29或“渐变”标签30处于选择了表示相应“要素”的颜色(即“选择色显示”栏21)的状态(图3的步骤S107)。
图10A表示图9中的“单色”标签29的一个具体例,21a是设定色显示部,29a是不透明度指定部,29b是色调显示栏,29c是调色板,29d1是色调指定部,29d2是浓度指定部,29e1、29e2是滑块。
在图10A中,“单色”标签29由表示在“要素”(例如“期限变更”按钮52的“要素”)中当前设定的颜色的不透明度的不透明度指定部29a、表示可以设定的各种浓度中的颜色的一览的颜色选择用的调色板29c、表示在该调色板29c中包含的颜色的种类的色调显示栏29b构成。
该调色板29c把横轴作为色调(颜色的种类)坐标轴,沿着该色调坐标轴排列各种色调的颜色,把纵轴作为浓度坐标轴,沿着该浓度坐标轴以不同浓度排列相同色调的颜色。通过光标11的操作选择调色板29c中的希望的颜色,由此,把与该“单色”标签29相应的“要素”的颜色设定为该选择的颜色。与此同时,在“选择色显示”栏21(图8)的设定色显示部21a中显示的颜色也被变更为该选择的颜色。
在调色板29c的上边侧设置了用于变换要选择的色调的色调指定部29d1,在该色调指定部29d1中设置了用于选择色调的滑块29e1。通过使该滑块29e1沿着色调坐标轴在左右方向上移动,可以选择与该滑块29e1相对的色调的颜色。另外,在调色板29c的左边侧设置了用于使颜色的浓度变化的浓度指定部29d2,在该浓度指定部29d2中设置了用于选择浓度的滑块29e2。通过使该滑块29e2沿着浓度坐标轴在上下方向上移动,可以选择与该滑块29e2相对的浓度的颜色。当在左右方向上移动滑块29e1时,与其对应地,选择的色调变化,与此同时,在“选择色显示”栏21的设定色显示部21a中显示的颜色变化,当在上下方向上移动滑块29e2时,与其对应地,通过滑块29e1选择的色调的浓度变化,与此同时,在“选择色显示”栏21的设定色显示部21a中显示的颜色的浓度变化。
由此,当把滑块29e1设定在与希望的色调相对的位置,并把滑块29e2设定在与希望的浓度相对的位置时,以希望的浓度选择了希望的色调的颜色,在“选择色显示”栏21的设定色显示部21a中以所述希望的浓度显示希望的色调的颜色。
图10B表示图9中的“渐变”标签30的一个具体例,21b是设定渐变显示部,30a是不透明度指定部,30b是色调显示栏,30c是调色板,30d1是色调指定部,30d2是浓度指定部,30e1、30e2是滑块,30f是渐变设定部,30f1是渐变条,30f2、30f3是端部标记、30f4是色调/浓度指示标记,30g是渐变方向设定栏。
在该图中,“渐变”标签30与“单色”标签29同样地设置了不透明度指定部30a、色调显示栏30b和调色板30c,同时设置了渐变设定部30f以及渐变方向设定栏30g。在此,调色板30c用于选择设定渐变时的颜色。
渐变方向指定栏30g用于可以任意切换设定渐变的方向(颜色或者浓度变化的方向),当该方向为角度0°时,使颜色或其浓度在横向上顺次变化,当角度为90°时,使颜色或其浓度在纵向上顺次变化,当角度为45°时,使颜色或其浓度在斜向上顺次变化。例如,在“期限变更”按钮52内的背景5b(图4)中设定渐变的方向的情况下,如图9所示,在“按钮背景色”的颜色选择器19b中选择“渐变”标签30,在该“渐变”标签30(图10B)中的渐变方向设定栏30g中设定与该方向对应的角度那样操作即可。在此,当把渐变方向指定为角度0°时,该“期限变更”按钮52内的背景5b的颜色或其浓度在横向上变化显示,当指定为角度90°时,在该“期限变更”按钮52内的背景5b的颜色或其浓度在纵向上变化显示,当指定为角度45°时,该“期限变更”按钮52内的背景5b的颜色或其浓度在斜向上变化显示。
渐变设定部30f由表示渐变的渐变条30f1、表示渐变条30f1的端部的端部标记30f2、30f3、和用于指示渐变30f1的端部间的颜色或浓度的色调/浓度指示标记30f4构成。该色调/浓度指示标记30f4可以使沿着渐变条30f1的其位置变更,另外可以删除,而且也可以再追加删除的色调/浓度指示标记30f4。
在通过渐变条30f1中的端部标记30f2、30f3或色调/浓度指示标记30f4指示的位置,可以通过与“单色”标签29中的颜色指定方法相同的操作方法指定颜色。即,通过指定一个端部标记30f2或30f3(通过光标11进行触摸操作),在调色板30c中对希望的浓度的色调进行选择操作,在渐变条30f1的该端部标记30f2或30f3侧的端部设定该选择的浓度的颜色,通过对另一端部标记30f3或30f2进行指定操作,在调色板30c中对希望的浓度的色调进行选择操作,在渐变条30f1的该端部标记30f3或30f2侧的端部设定该选择的浓度的颜色,由此,渐变条30f1中设定了从在该一个端部设定的浓度的颜色到在另一个端子设定的浓度的颜色的渐变。与此同时,在“颜色”显示栏21的设定渐变显示部21b中显示该颜色渐变。
作为在渐变条30f1中设定的颜色渐变,在此,在调色板30c上显示由沿着连接对在渐变条30f1中的一个端部(例如端部标记30f2侧的端部)指定的颜色、和对另一端部(例如端部标记30f3侧的端部)指定的颜色的直线的颜色的列所构成的颜色渐变。因此,当所述指定的两种颜色是在与调色板30c的浓度坐标轴平行的一条直线上的颜色时,在渐变条30f1中得到相同颜色的浓度变化的颜色渐变,当所指定的两种颜色是在与浓度坐标轴不平行的一条直线上的颜色时,至少得到颜色变化的颜色渐变。
在此,当渐变方向指定栏30g为角度90°,布局6等的“要素”中的渐变的方向为垂直方向(纵方向)时,在渐变条30f1的端部标记30f2侧的端部设定的浓度和色调的颜色表示该“要素”的下端的颜色,在渐变条30f1的另一端部标记30f3侧的端部设定的浓度和色调的颜色表示该“要素”的上端的颜色,在渐变条30f1中以这些浓度表示色调的色间的渐变,在该渐变中以色调/浓度的渐变显示该“要素”。另外,当渐变方向指定栏30g为角度0°,布局6等“要素”中的渐变的方向为水平方向(横方向),在渐变条30f1的端部标记30f2侧的端部设定的浓度、色调的颜色表示该“要素”的左端的颜色,在渐变条30f1的另一端部标记30f3侧的端部设定的浓度、色调的颜色表示该“要素”的右端的颜色,在渐变条30f1中表示这些浓度、色调的色间的渐变,在该渐变中以色相/浓度的渐变显示该“要素”。当渐变方向指定栏30g为角度0°和角度90°以外的角度,布局6等的“要素”中的渐变的方向为斜向时,在渐变条30f1的端部标记30f2侧的端部设定的浓度、色调的颜色表示该“要素”的例如左下角侧的颜色,在渐变条30f1的另一端部标记30f3侧的端部设定的浓度、色调的颜色表示该“要素”的右上角侧的颜色,在渐变条30f1中表示这些浓度、色调的色间的渐变,在该渐变中以色调/浓度的渐变显示该“要素”。
色调/浓度指示标记30f4使得可以在渐变条30f1的途中以希望的浓度指定色调的颜色,通过指定色调/浓度指示标记30f4在调色板30c中以希望的浓度对色调的颜色进行选择操作,在渐变条30f1的该色调/浓度指示标记30f4的位置设定该选择的浓度、色调的颜色。在这种情况下,在渐变条30f1的一个端部标记30f2侧的端部和色调/浓度指示标记30f4面对的位置之间设定了在它们中设定的浓度、色调的色间的渐变,而且,在色调/浓度指示标记30f4面对的位置和另一端部标记30f3侧的端部之间设定了在它们中设定的浓度、色调的色间的渐变。例如,当通过端部标记30f2、30f3分别设定不同的浓度D1、D2、相同色调的颜色C,通过色调/浓度指示标记30f4设定与它们相同色调、较浓的浓度D3(>D1、D2)的颜色C时,在渐变条30f1中设定了从左侧起浓度从D1变化到D3,而且从D3变化到D2的渐变。并且,将该渐变设定在相应的“要素”中。
以上的图10A、图10B表示“单色”标签29和“渐变”标签30的结构,在这些“单色”标签29和“渐变”标签30中,根据上述亮度对比率设定通过这些调色板29c、30c不能选择的颜色(以下,在提到“颜色”时,该“颜色”由色调和浓度构成)和不推荐选择的颜色。
图11A、图11B表示所述“单色”标签29的调色板中的显示例,31a是表示叉号的“×(叉)”标记,31b是表示斜线号的“/”标记,对与图10对应的部分附加相同符号,省略重复的说明。
如上所述,具有以下规定:在要素“文字/记号”和与其邻接的其它要素之间亮度对比率必须在4.5∶1以上,在要素“文字/记号”以外的要素间亮度对比率必须在1.7∶1以上。在该第一实施方式中,在“单色”标签29或“渐变”标签30的调色板中显示不满足该规定的颜色。
图11A以“单色”标签29为例,表示要素“文字/记号”和与其邻接的其它要素对应的调色板29c的显示状态的一个具体例,对于这些“要素”间亮度对比率不足4.5∶1的颜色附加“×”标记31a,使得无法选择该颜色。
在图9所示的颜色定制操作画面17a中,在所选择的“期限变更”按钮52(图6)中的按钮的文字5a(图4)的颜色选择器19a中,在该“单色”标签29的调色板29c中示出附加了“×”标记31a的颜色,但其在该“期限变更”按钮52中,在文字5a和其重叠显示的文字的背景5b中,对于相对于该文字的背景5b的颜色亮度对比率不足4.5∶1的文字5a的颜色附加“×”标记31a。因此,图9所示的颜色定制操作画面17a中,在调色板29c中附加了“×”标记31a的颜色是无法选择的颜色。通过在该调色板29c中选择未附加“×”标记31a的颜色,文字5a相对于其重叠显示的文字的背景5b的颜色,在该内容画面2(图4)中以使用户可以明确视觉辨认的方式被进行了着色。
图11B以“单色”标签29为例,表示要素“文字/记号”以外的两个要素所对应的调色板29c的显示状态的一个具体例,对于这些“要素”间亮度对比率不足1.7∶1的颜色,示出“/”标记31b,该颜色可以选择,但当选择该颜色时,这些“要素”间成为亮度对比率不足1.7∶1的颜色,因此不推荐。
在图9所示的颜色定制操作画面17a中,在所选择的“期限变更”按钮52(图6)中的按钮的框线5c(图4)的颜色选择器19c中,在该“单色”标签29的调色板29c中示出附加了“/”标记31b的颜色,但在该“期限变更”按钮52中,在框线5c和与其邻接显示的文字的背景5b中,对于相对于该文字的背景5b的颜色亮度对比率不足1.7∶1的框线5c的颜色附加“/”标记31b。因此,在图9所示的颜色定制操作画面17a中,按钮框线色的颜色选择器19c的调色板29c中附加了“/”标记31b的颜色是不推荐选择的颜色。通过在该调色板29c中选择未附加“/”标记31b的颜色,以相对于与其邻接显示的文字的背景5b的颜色,在该内容画面2(图4)中用户可以明确地视觉辨认的方式,对按钮的框线5c进行了着色。
在此,在图9所示的颜色定制操作画面17a中,针对各颜色选择器19/20的每一个设置了“清除”按钮23,当按下“清除”按钮23时,在按下了“清除”按钮23的颜色选择器19/20中解除颜色的选择、或者渐变的选择。即成为任何颜色、或者任何渐变都不选择的状态。例如,在图11A中,当按下“清除”按钮23时,解除在颜色选择器19a中的此时选择的颜色,因此,此时显示的“期限变更”按钮52的按钮的文字5a的颜色消除,同时,在“颜色显示”栏21中显示的颜色也消除。另外,在图11B中,当按下“清除”按钮23时,解除颜色选择器19b中此时设定的渐变,因此,此时显示的“期限变更”按钮52的按钮的背景5b中的渐变消除,同时在“颜色显示”栏21中显示的渐变也消除。
另外,与此同时,由于上述选择的颜色或渐变消失,因此图11所示的设定了“×”标记31a或“/”标记31b的颜色改变。例如,在图9中,当在“期限变更”按钮52的按钮的背景5b对应的颜色选择器19b中按下“清除”按钮23解除其渐变时,在“期限变更”按钮52的按钮的文字5a对应的颜色选择器19a中,有时可以选择根据此前的颜色选择器19b中设定的渐变无法选择的、设定了“×”标记31a的颜色,对于这样的颜色除去该“×”标记31a。在图9中,在颜色选择器19a中按下“清除”按钮23,解除在“期限变更”按钮52的按钮的文字5a中此时选择的颜色,但此时,在与之对应的颜色选择器19a中,在通过与“期限变更”按钮52的按钮的背景5b对应的颜色选择器19b进行了渐变的设定时,对于无法针对该渐变进行选择的颜色设定了“×”标记31a时,即使在颜色选择器19a中按下“清除”按钮23也存在删除“×”标记31a的颜色,但也存在维持设定了“×”标记31a的颜色。颜色选择器19a中的所述颜色,是在颜色选择器19b中无论选择任何颜色,都无法选择的颜色。
由于颜色选择器19a中的颜色选择,在颜色选择器19b中对颜色设定了“×”标记31a的情况也相同,即使在颜色选择器19b中按下“清除”按钮23有时也残留设定了“×”标记31a的颜色。另外,关于设定了“/”标记31b的颜色也相同。
在图9所示的颜色定制操作画面17a中表示,在布局6的颜色选择器显示区域20中仅展开该布局6的背景6a、6b(图4)的颜色选择器20b,在其“单色”标签29的调色板29c(图11)中设定了“×”标记31a,对于亮度对比率相对于未被展开的、该布局6的文字6a、6b的颜色选择器20a中的调色板中的颜色不足4.5∶1的颜色设定了“×”标记31a。
另外,“期限变更”按钮52的框线5c,与布局6的背景邻接。因此,在它们的颜色之间仍然把亮度对比率设定在1.7∶1以上。在这种情况下,如上所述,指定了“期限变更”按钮52,因此对于该框线5c,限制在布局6中可以选择的颜色。即,对于布局6的背景的颜色选择器20b中的调色板29c中的、相对于在“期限变更”按钮52的框线5c的调色板29c中未设定“/”标记31a的颜色的亮度对比率不足1.7∶1的颜色也设定“/”标记31a。
如上所述,在图8所示的颜色定制操作画面17中,当指定需要进行颜色定制的“要素”的颜色选择器时,显示展开了所指定的“要素”的颜色选择器的图9所示的颜色定制操作画面17a(图3的步骤S108)。
在这种情况下,如上所述,针对所指定的“部件”和与其邻接(即被该“部件”重叠、或者在该“部件”上重叠来邻接)的其它一个以上的部件中的每个部件,展开该“要素”的颜色选择器,在该颜色选择器中的调色板中选择颜色,或者选择渐变,由此,可以通过该选择的颜色、或者选择的渐变来表现相应的“要素”。另外,在各个调色板中,为使相应的“要素”相对于与其邻接的“要素”具有必要的亮度对比率来容易视觉辨认,对于不足该必要的亮度对比率的不容易视觉辨认的颜色附加显示该意思的“×”标记31a或者“/”标记31b,使其无法选择、或者不推荐选择。
如上所述,当显示内容画面2(图4)时,指定“部件”对于该“部件”或者对于与该“部件”邻接的“部件”,在其某个“要素”的颜色选择器中进行颜色定制时,原样地保持各个“要素”的颜色选择器的调色板的状态(附加了“×”标记31a或“/”标记31b的状态),然后,同样在显示了内容画面2时也原样地保持各“要素”的颜色选择器的调色板的状态。此时,若不对任何颜色选择器的“清除”按钮23进行按下操作,则该各“要素”的颜色选择器的调色板的状态不变化。
但是,当按下某个“要素”的颜色选择器的“清除”按钮23时,与其对应地,在其它“要素”的颜色选择器的调色板中,如上所述,根据所应用的亮度对比率,设定“×”标记31a而被禁止选择的颜色、和设定“/”标记31b而不推荐选择的颜色有时也改变。
在显示图9所示的颜色定制操作画面17a的状态下(图3的步骤S108)、存在想要进行颜色定制的“要素”(图3的步骤S109:“是”),但该“要素”的想要进行定制的颜色为可以通过该“要素”的颜色选择器的调色板选择的状态(未附加“×”标记31a或“/”标记31b的状态)时(图3的步骤S110中:“是”),在该调色板中如上所述,通过对希望的颜色进行选择操作,以该颜色显示该“要素”(图3的步骤S111)。
与之相对,在该调色板中希望的颜色处于不可选择的状态(附加了“×”标记31a的状态)或不推荐选择的状态(附加了“/”标记31b的状态)时(图3的步骤S110中:“否”),首先,在与具有该调色板的颜色选择器对应的“要素”邻接的其它“要素”的颜色选择器中按下“清除”按钮,解除设定该“要素”的颜色(图3的步骤S112),在该状态下判定在该调色板中希望的颜色是否可以选择(图3的步骤S110),然后,当该希望的颜色不可选择时(图3的步骤S110中:“否”),进而在与该其它“要素”邻接的其它“要素”的颜色选择器中按下“清除”按钮23(图3的步骤S112)。顺次进行所述处理,对于上述希望的颜色解除“×”标记31a而变得可以选择时(图3的步骤S110中:“是”),可以选择该希望的颜色(图3的步骤S111)。因此,由此可以将该“要素”的颜色定制为该希望的颜色(图3的步骤S111)。
在此,此时在图9所示的颜色定制操作画面17a中,当想要定制作为部件“期限变更”按钮52(图4)的“要素”的“文字”5a(图4)的颜色,但该“文字”5a对应的颜色选择器19a的调色板29c(图10A)中,对于该想要颜色定制的颜色附加了表示不可定制的“×”标记31a时,通过对与“期限变更”按钮52的“文字”5a相邻接的该“期限变更”按钮52的“背景”5b的颜色选择器19b的“清除”按钮23进行按下操作,解除在该颜色选择器19b中设定的渐变,由此,“期限变更”按钮52的“文字”5a对应的颜色选择器19a中想要定制的颜色,当解除其“×”标记31a而变得可以选择时,可以选择该颜色。
因此,通过光标11的操作从该调色板29c选择希望的颜色,由此,以该颜色显示内容画面2(图6)中所选择的“期限变更”按钮52的文字5a,在预览区域24中的按下部件区域16中表示这种情况,以该选择的颜色来表现该部件区域16中的相应的“要素”、即“期限变更”按钮52的文字5a。
然而,此时,例如作为“期限变更”按钮52的“要素”的“背景”5b的此前的颜色,有时成为在其颜色选择器19b中的调色板29c中被附加了“×”标记31a的状态。但是,原样地维持所述状态,在调色板29c中对该颜色附加了“×”标记31a,因此表示当前所设定的颜色是相对于“期限变更”按钮52的“文字”5a不满足相对对比率的颜色。
此外,对于某要素、例如“期限变更”按钮52的“背景”5b,当如上所述按下“清除”按钮23后,当选择了希望的颜色的结果为,在“期限变更”按钮52的“文字”5a中当前所设定的颜色成为对其附加“×”标记31a而成为不可选择的颜色时,在如上所述未进行处理的情况下,原样不变地维持所述状态。在这种情况下,在颜色选择器19a的调色板中对该颜色附加了“×”标记31a,因此可以确认该颜色是不可选择的颜色。此外,在图9所示的颜色定制操作画面17a中对“全部清除”按钮28进行指定操作时,在该颜色定制操作画面17a中显示的全部颜色选择器19/20(即在此为颜色选择器19a~19c、20a~20c的全部)中解除了所设定的颜色,在消除了与它们对应的“期限变更”按钮52或布局6的颜色的同时(因此,“颜色显示”栏21(图10A、图10B)中也不显示颜色),成为未附加它们的调色板中的“×”标记31a或“/”标记31b的状态。
在所述状态下,例如在颜色选择器19a的调色板29c中选择“按钮的文字”的文字色时,设定“期限变更”按钮52的“文字”5a的颜色,与此同时,在其它颜色选择器19b、19c、20a~20c中的调色板29c、30c中,如上所述对无法选择的颜色附加“×”标记31a,对不推荐选择的颜色附加“/”标记31b。由此,在各个调色板29c、30c中可以指定上述颜色(图3的步骤S110中:“是”)。
在此,当设定作为部件“期限变更”按钮52的一个要素的“按钮的文字”5a的颜色时,在颜色定制操作画面17a中显示的全部颜色选择器的调色板中,对无法选择的颜色附加“×”标记31a,对不推荐选择的颜色附加“/”标记31b。即,当设定“按钮的文字”5b的颜色时,关于与其邻接的“按钮的背景”5b可以计算无法选择的颜色,因此,对于成为对象的颜色附加“×”标记31a。当关于“按钮的文字”5b决定可以选择的颜色时,关于与其邻接的“按钮的框线”5c可以计算不推荐选择的颜色,因此,对成为对象的颜色附加“/”标记31b。于是,通过按照邻接的“要素”的顺序依次进行计算,当设定一个要素的颜色时,在全部的调色板中可以分别附加“×”标记31a以及“/”标记31b。在此,例如有时根据从关于“按钮的背景”5b可以选择的颜色中选择哪个颜色,“按钮的框线”5c中的不推荐选择的颜色发生改变。在该第一实施方式中,假定无论在“按钮的背景”5b中选择的哪个颜色,作为“按钮的框线”5c的颜色,仅对与“不推荐选择的颜色”相应的颜色附加表示不推荐选择的“/”标记31b。
图12表示使用“单色”标签29设定“期限变更”按钮52的“文字”5a的颜色的操作,图13表示在选择了“单色”标签29的颜色选择器19c中设定“期限变更”按钮52的“框线”5c的颜色的操作,图14表示在选择了“单色”标签29的颜色选择器20b中设定布局6的“背景”6a的颜色的操作。都与上述的“期限变更”按钮52的“文字”5a的颜色设定操作同样,通过在“单色”标签29的调色板29c中进行颜色选择操作,可以决定这些“要素”的颜色。并且,对于这样进行了颜色定制的“要素”,在预览区域24的按下部件区域16中以相应的颜色进行着色。
在图13、图14中,对于与图12对应的部分附加相同符号,省略重复的说明,但在所有附图中都仅对成为说明对象的部分附加符号。
图15是表示在颜色定制操作画面17a中的渐变设定部的调整操作例的图,对于与先前的附图对应的部分附加相同符号,省略重复的说明。此外,在图15中仅对需要说明的部分附加符号。
在该图中,可以除去“渐变”标签30中的渐变设定部30f中的色调/浓度指示标记30f4。为此,用光标11指示该色调/浓度指示标记30f4,拖放到颜色选择器的区域外即可,由此,该色调/浓度指示标记30f4被置于渐变设定部30f外的位置。在此状态下,该色调/浓度指示标记30f4无法对渐变设定部30f发挥作用,对此时的渐变设定部30f不发挥作用。因此,在渐变条30f1中显示从其端部标记30f2侧的颜色向端部标记30f3侧的颜色的渐变。
在追加已除去的色调/浓度指示标记30f4来再次使用时,通过在渐变设定部30f的渐变条30f1的附近双击,在该渐变条30f1的下侧、并且在离点击地点最近的位置重新追加色调/浓度指示标记30f4。
图16A、图16B表示图15所示的颜色定制操作画面17a中的渐变操作的一个具体例,该图A表示渐变条30f1的一个端部侧的颜色的设定操作,该图B表示渐变条30f1的另一端部侧的颜色的设定操作,对于与在前附图对应的部分附加相同符号,省略重复的说明。此外,在图15中仅对需要说明的部分附加符号。
图16A中,通过光标11对“渐变”标签30中的渐变设定部30f中的渐变条30f1的一个端部侧的端部标记30f3进行点击操作,然后,在调色板30c中指定希望的颜色时,设定该渐变条30f1的端部标记30f3侧的端部的颜色。
接着,在图16B中,通过光标11对该渐变设定部30f中的渐变条30f1的另一端部侧的端部标记30f2进行点击操作,接着,当在调色板30c中指定希望的颜色时,设定该渐变条30f1的端部标记30f2侧的端部的颜色。
由此,在渐变条30f1中设定从在其一个端部设定的颜色到在另一端部设定的颜色的渐变。与此同时,在该颜色选择器19b中的“选择色显示”栏21的设定色显示部21a中显示该设定的渐变。
“单色”标签29或“渐变”标签30中的以上的颜色或渐变的设定,通过图3中的步骤S111来进行。
然而,在图9所示的颜色定制操作画面17a中,如上所述在预览区域24中显示表示通过颜色选择器显示画面18(图8)的操作进行颜色定制的“部件”的按下部件区域16,在该按下部件区域16中显示的“部件”成为颜色定制的对象部件。
在所述图9所示的颜色定制操作画面17a中,使光标11移动到预览区域24内的按下部件区域16内,如图17所示(在图17中,对与图9对应的部分附加相同符号,省略重复的说明。但是,在图17中仅对必要的部分附加符号),通过使用未图示的鼠标进行拖动,使该光标11向预定的方向移动时,在预览区域24内显示的内容画面2(图4)向该方向移动。此时,按下部件区域16位置已被固定。因此,内容画面2中的该按下部件区域16内显示的区域(在内容画面2中的按下部件区域16内被预览的部分)变化。由此可以使内容画面2中的按下部件区域16中被预览的区域变更,可以阅览成为颜色定制对象的“部件”以外的区域的显示内容。
通过用键盘聚焦预览区域24的任意位置并操作键盘的十字键,也可以使内容画面2移动,由此,也可以使位于内容画面2中的按下部件区域16内的区域变更。由此,也可以与上述相同,使内容画面2中的按下部件区域16中被预览的区域变更。
另外,如上所述,当该光标11处于预览区域24中时,执行使内容画面2中的被预览的区域变化的光标11的功能,当光标11移动到预览区域24外时,已经通过拖曳操作,预览区域24中的内容画面2不移动。因此,为使该内容画面2大幅度移动来把该内容画面2中远离的其它“部件”作为预览的对象,在使光标11在预览区域24中大幅度移动后,将光标11返回按下部件区域16内的原来的位置,再次拖曳来重复使光标11向相同方向移动的操作即可。
需要图9所示的颜色定制操作画面17a中的颜色定制的全部“要素”的颜色定制操作结束,需要颜色定制操作的“要素”消失,通过在预览区域24内的按下部件区域16中按下的部件、即“期限变更”按钮52确认颜色定制的结果(图3的步骤S109:“否”),如图18所示,在颜色定制操作画面17a中按下“OK”按钮26时(图3的步骤S113),在原来的内容画面2上重叠地显示用于选择成为颜色定制对象的“部件”的选择画面。
图19表示所述选择画面的一个具体例,32是选择画面,33是文本,34是“是”按钮,35是“否”按钮。
在该图中,以透明的状态显示内容画面2,在该透明的内容画面2上重叠地显示选择画面32。
在该选择画面32中例如显示指示了“在相同布局部件上放置的相同种类的部件全部设为相同颜色?”的文本33,设置了在遵照该指示时操作的“是”按钮34、和在不遵照指示时操作的“否”按钮35。
当按下“是”按钮34时(图3的步骤S114中:“是”),在图6所示的内容画面2中,与通过光标11选择的“部件”(在这种情况下是“期限变更”按钮52)和与其邻接的部件(在此是布局6)一起,与该布局6邻接的其它“部件”(即重叠在布局6上的、与该选择的“部件”相同种类的“部件”)(在这种情况下是“重要度变更”按钮51或“负责人变更”按钮53、“状态变更”按钮54等)的各“要素”,也被定制为与所指定的“部件”的“要素”相同的颜色(图3的步骤S115)。此后,结束颜色定制处理。
另外,当对“否”按钮35进行了按下操作时(图3的步骤S114的“否”),对图6所示的内容画面2中通过光标11选择的“部件”(即“期限变更”按钮52)、和与其邻接的部件(在此是布局6)进行颜色定制(图3的步骤S116)。此后,结束颜色定制处理。
作为图19所示的选择画面32中显示的文本33,不限于上述文本,例如可以显示“同种类的部件全部改变为相同颜色?”这样的文本33,当按下操作“是”按钮34时(图3的步骤S114:“是”),把图6所示的内容画面2中通过光标11选择的“部件”(即“期限变更”按钮52)以及与其相同种类的部件(即全部操作按钮)定制为相同颜色,或者显示“在同种类的、颜色相同的布局部件上放置的同种类的部件全部变更为相同颜色?”这样的文本33,当按下操作“是”按钮34时(图3的步骤S114:“是”),把满足该条件的部件定制为所设定的相同的颜色,可以恰当地决定进行颜色定制的部件。
如上所述,如图6所示,通过设定为颜色定制模式,选择希望进行颜色定制的“部件”,可以把任何“部件”都定制为希望的颜色。但是,当布局6等与大量“部件”重叠或邻接来与多个部件相关联时,存在根据这些关联的“部件”限制定制的颜色的“部件”。
即,当在图19所示的选择画面32中按下“否”按钮35时,上述指定的操作按钮5,在上述的例子中为“期限变更”按钮52和其重叠的布局6分别被定制为所指定的颜色,而且,对其它操作按钮5、例如“负责人变更”按钮53进行颜色定制时,同样地对于该“负责人变更”按钮53显示图8所示的颜色定制操作画面17,通过仅选择与该“负责人变更”按钮53相应的颜色选择器19a~19c,可以不使已经进行了颜色定制的布局6的颜色错误变化地,仅对“负责人变更”按钮53进行颜色定制。但是在这种情况下,在对于该“负责人变更”按钮53展开了颜色选择器19a~19c的图9所示的颜色定制操作画面17a中(在这种情况下,布局6的颜色选择器20a~20c未被展开),受已进行了颜色定制的布局6的影响,在颜色选择器19a~19c的调色板中存在附加了“/”标记31b或“×”标记31a的颜色,对使用的颜色施加了限制。
然而,以上,当在图4所示的内容画面2中对“颜色定制模式设定”按钮3进行按下操作而设定了颜色定制模式时,在该内容画面2中选择一个“部件”(在此是“期限变更”按钮52)作为进行颜色定制的对象,但是在该第一实施方式中也可以选择多个部件作为颜色定制的对象。以下对此进行说明。
如在先说明的那样,在图4所示的内容画面2中对“颜色定制模式设定”按钮3进行按下操作,指定了颜色定制模式时(图3的步骤S101),在透明的状态的内容画面2上显示图5所示的选择画面12,在该选择画面12中对“OK”按钮14进行按下操作时,显示图6所示的内容画面2。通过该内容画面2中的光标操作,可以同时对成为颜色定制对象的多个部件进行指定操作。
图20表示用于把内容画面2中的所述多个部件同时设为颜色定制对象的操作,36是光标,37是拖曳区域,对与在先附图对应的部分附加相同符号,省略重复的说明。但是,在图20中仅对需要说明的部分附加符号。
在通过在图5所示的选择画面12中对“OK”按钮14进行按下操作而显示的图6所示的内容画面2中,使光标11移动到想要进行颜色定制的“部件”的附近位置,当在该位置进行点击操作时,如图20所示,当该手形的光标11代替箭头状的光标36从该位置拖曳该光标36时,以该位置作为起点形成将该起点和光标36的当前位置作为相对的两个角的矩形的拖曳区域37。
使该拖曳区域37包含该内容画面2中的想要作为颜色定制的对象的多个“部件”来对光标37进行拖曳操作(图3的步骤S102,S117)。然后,结束拖曳操作,当该拖曳区域37决定时,显示颜色定制操作画面,同时,针对该拖曳区域37中包含的每个“部件”,判定在该“部件”的上方是否重叠了其它“部件”(图3的步骤S118)。在该“部件”的上方重叠了其它“部件”时(图3的步骤S118:“是”),在该颜色定制操作画面上显示该“部件”的各“要素”的颜色选择器和在该“部件”上重叠的其它“部件”的各“要素”的颜色选择器(图3的步骤S119),在该“部件”的上方未重叠其它“部件”时(图3的步骤S118:“否”),在该颜色定制操作画面中显示该“部件”的各“要素”的颜色选择器和在该“部件”的下方放置的其它“部件”的各“要素”的颜色选择器(图3的步骤S120)。针对拖曳区域37内的每个“部件”依次进行所述处理(图3的步骤S121:“否”),当针对拖曳区域37内的全部“部件”进行了所述处理时(图3的步骤S121:“是”),如图21所示,显示关于拖曳区域37内的全部“部件”设置了其“要素”的颜色选择器的颜色定制操作画面38。
在图21中,191~193是颜色选择器显示区域,对于与前面附图对应的部分附加相同符号,省略重复的说明。但是,在图21中仅对需要说明的部分附加符号,省略了其它部分的符号。
在此,在图20所示的内容画面2中,作为拖曳区域37中包含的“部件”,设为“重要度变更”按钮51、“期限变更”按钮52、“负责人变更”按钮53,和它们重叠地显示的布局6,与其对应,在图21所示的颜色定制操作画面38中,对于这些“部件”中的每个“部件”设置颜色选择器显示区域19/20。
在颜色选择器显示区域191中设置了与图20中的部件“重要度变更”按钮51的要素“文字”的文字色对应的颜色选择器19a、同样与要素“背景”的背景色对应的颜色选择器19b、以及同样与要素“框线”的框线色对应的颜色选择器19c。在颜色选择器显示区域192中设置了与图20中的部件“期限变更”按钮52的要素“文字”的文字色对应的颜色选择器19a、同样与要素“背景”的背景色对应的颜色选择器19b、以及同样与要素“框线”的框线色对应的颜色选择器19c。在颜色选择器显示区域193中设置了与图20中的部件“负责人变更”按钮53的要素“文字”的文字色对应的颜色选择器19a、同样与要素“背景”的背景色对应的颜色选择器19b、以及同样与要素“框线”的框线色对应的颜色选择器19c。
这些颜色选择器19a~19c具备与图8中的颜色选择器19a~19c相同的功能。另外,在各颜色选择器显示区域19中不显示“部件”不具有的“要素”的颜色选择器。例如,在部件“负责人变更”按钮53(图20)中,在没有框线的情况下,在颜色选择器显示区域193中未设置与框线色对应的颜色选择器19c。
另外,在颜色选择器显示区域20中设置了与图20中的“部件”布局6的要素“文字”的文字色对应的颜色选择器20a、同样与要素“背景”的背景色对应的颜色选择器20b、以及同样与要素“框线”的框线色对应的颜色选择器20c。该颜色选择器20a~20c具有与图8中的颜色选择器20a~20c相同的功能。在该颜色选择器显示区域20中也不显示布局6不具有的“要素”的颜色选择器。例如,在布局3(图20)中,当没有文字时,在颜色选择器显示区域20中不设置与文字色对应的颜色选择器20a。
图20中的布局6对于操作按钮51~53是公共的,即这些操作按钮51~53在相同的布局6上重叠显示,因此,在图21所示的颜色定制操作画面38中,该布局6的颜色选择器显示区域20为1个,被配置在这些操作按钮51~53的颜色选择器19a~19c的后面。
与此相对,当与操作按钮51~53对应的布局不同时,这些布局的颜色选择器显示区域20被配置在与其有关的“部件”(在此是操作按钮)的紧后方。例如,假定“重要度变更”按钮51和“期限变更”按钮52重叠在相同布局61上被显示,“负责人变更”按钮53重叠在别的布局62上被显示时,在图21所示的颜色定制操作画面38中,在“重要度变更”按钮51和“期限变更”按钮52的颜色选择器显示区域191、192之后配置布局61的颜色选择器显示区域201,在“负责人变更”按钮53的颜色选择器显示区域193之后配置布局62的颜色选择器显示区域202。
通过像这样设定多个“部件”及其重叠显示的其它部件的颜色选择器显示区域19、20的配置关系,在颜色定制操作画面38中也可以确认这些“部件”及其重叠显示的其它“部件”的内容画面2中的关系,这些“部件”的进行定制的颜色的选择变得容易。
在图21所示的颜色定制操作画面38中,通过在颜色选择器显示区域191~193中选择“要素”的颜色选择器19a~19c的某一个,或者在颜色选择器显示区域20中选择“要素”的颜色选择器20a~20c的某一个,与图8所示的颜色定制操作画面17同样地进行图3的步骤S107~S116的处理,进行各“部件”中的所选择的“要素”的颜色定制。
如上所述,可以同时把多个“部件”指定为颜色定制的对象,在相同颜色定制操作画面中,能够以用户容易视觉辨认的状态把各个“部件”的“要素”定制成希望的颜色。
接着,说明本发明的内容画面的颜色定制方法的第二实施方式。
在该第二实施方式中,在与在先的第一实施方式同样地得到的图8所示的颜色定制操作画面8中,当使用光标11按下操作颜色选择器19a~19c、20a~20c中的预定的颜色选择器19/20的“选择色的候补显示”按钮22时,对该“选择色的候补显示”按钮22进行了按下操作的颜色选择器19/20,也如图9所示成为展开的状态,但该第二实施方式中的颜色选择器与在先的第一实施方式中的颜色选择器19/20结构不同。
图22表示本发明的内容画面的颜色定制方法的第二实施方式中的图8所示的颜色定制操作画面中展开的颜色选择器的一个具体例,21c是色调名、40是颜色选择器、41是灰度色标、41a是灰度单元、42是调色板,43是色元、43a是中心位置色元,44是色调指定部,44a是色调显示条,44b是色调指定滑块,44c是色调指定范围,44cU是上侧边界线,44cD是下侧边界线,44d是选择色调值显示框,45是亮度指定部,45a是亮度显示条,45b是亮度指定滑块,45c是亮度指定范围,45cU是上侧边界线,45cD是下侧边界线,45d是选择亮度值显示框,46是色度指定部,46a是色度显示条,46b是色度指定滑块,46c是选择色度值显示框,47是透明度指定部,47a是透明度显示条,47b是透明度指定滑块,47c是选择透明度显示框,48是中心单元框,49是选择单元框,对于与图10对应的部分赋予相同符号,省略重复的说明。
在该图中展开的颜色选择器40具有“单色”标签29和“渐变”标签30,在此假定选择了“单色”标签29。
在该“单色”标签29中设置了:灰度色标41、用于显示部件的要素的显示色的调色板42、用于指定调色板42中的色调的色调指定部44、用于指定调色板42中的明亮度(在此称为亮度,但也可以是明度)的亮度指定部45、用于指定调色板42中的色度的色度指定部46、用于指定部件的要素的透明度的透明度指定部47。
灰度色标41用于以灰度(灰色)显示部件的要素,表示浓度不同的灰度的灰度单元41a例如横向排列了5个,按照从所述灰度单元41a的布设的一方的端侧(例如左端侧)开始的顺序,以灰度单元41a显示的灰度的浓度依次变浓,由此表示了灰度色标(gray scale)。在所述灰度色标41中用光标11指定希望的灰度单元41a时,与该颜色选择器40相应的部件的要素、例如图4所示的内容画面2中的“期限变更”按钮52的要素“文字”5a以在灰度色标41中被选择的灰度单元41a所表示的灰度被显示。此外,对于通过光标11指定的灰度单元41a,以对其包围的方式附加了选择单元框49。
调色板42与图10所示的第一实施方式中的调色板29c相同,由矩阵状地纵横各排列了5个的色元43构成,以纵轴作为色调轴,相同横列的5个色元表示相同色调的颜色,从上侧的横列起依次显示的颜色的色调不同。另外,在该调色板42中以横轴作为亮度轴,相同纵轴的5个色元43表示相同亮度的颜色,从左侧的纵轴起依次显示的颜色的亮度不同。
色调指定部44可以使以调色板42的色元43表示的颜色的色调变化,来指定希望的色调的颜色,由在纵向上由其位置表示色调的值(色调值H)的色调显示条44a、和用于指定该色调显示条44a中的色调的色调指定滑块44b构成,通过以光标11的操作使该色调指定滑块44b沿着色调显示条44a移动,可以使调色板42中的色元43中显示的颜色的色调变化。
在色调显示条44a中,以色调指定滑块44b的指示点(当色调指定滑块44b如图所示为三角形时,为色调显示条44a上的其顶点的位置)作为中心点,设定了从该中心点起具有上下相等的宽度的色调指定范围44c,该色调指定范围44c内的等间隔的5个色调值H的色调的颜色,显示在调色板42的纵列的各个色元43中。即,该色调指定范围44c的上侧边界线44cU的色调值H的色调的颜色,通过调色板42的最上侧的横列的色元43来显示,该色调指定范围44c的最下侧边界线44cD的色调值H的色调的颜色,通过调色板42的最下侧的横列的色元43来显示,在所述上侧、下侧的色元43的横列间的3个横列的色元43中显示色调指定范围44c的上侧边界线44cU、下侧边界线44cD间的顺次的色调值H的色调的颜色。
色调通过数值(色调值H)来表示,在此取“0”~“255”的整数值,把色调显示条44a的下端的色调值H设为“0”,把上端的色调值H设为“255”。在色调指定范围44c中,在与色调指定滑块44b的指示点处的色调值H相比值减小例如“20”的色调值H的位置设定了下侧边界线44cD,在与色调指定滑块44b的指示点处的色调值H相比值增大例如“20”的色调值H的位置设定了上侧边界线44cU。当色调指定滑块44b沿着色调显示条44a移动时,下侧边界线44cD、上侧边界线44cU也同样移动,色调指定范围44c以色调指定滑块44b的指示点为中心,将下侧边界线44cD、上侧边界线44cU的间隔保持一定来移动。
在调色板42中的5个色元43的横列中,针对每个色元设定了色调显示条44a中的色调指定范围44c内的色调值H逐个相差“10”的不同的5个色调的颜色,例如在最上侧的色元43的横列中显示色调值H为“195”的色调的颜色时,在其下侧依次排列的4个色元43的横列中分别显示色相值H为“185”、“175”、“165”、“155”的色调的颜色。
位于该调色板42的中心位置的色元(即中心位置色元)43a,表示通过色调显示条44a中的色调指定滑块44b指定的色调值H(色调指定滑块44b如图所示为三角形时,色调显示条44a上的其顶点所位于的色调值H)的色调的颜色,因此,对于该中心位置色元43a以将其包围的方式设置中心单元框48。
另外,在色调显示条44a的上侧设置了选择色调值显示框44d,其中显示通过色调显示条44a中的色调指定滑块44b指定的色调H的值(即通过调色板42的中心位置色元43a显示的色调H的值:在此,值“175”)。
由上可知,通过光标11的操作,色调指定部44中使色调指定滑块44b在色调显示条44a上上下移动时,在调色板42中的色元43的各横列中,在该移动的同时色调值H每次变化“1”,色调变化。另外,与此同时,在选择色调值显示框44d中显示的色调值H也每次变化“1”。
亮度指定部45可以使通过调色板42的色元43表示的颜色、或通过灰度色标41的灰度单元41a表示的灰度的亮度变化,来指定希望的亮度的颜色或灰度,由在横方向上由其位置表示亮度的值(亮度值L)的亮度显示条45a、和用于指定该亮度显示条45a的颜色的亮度值L的亮度指定滑块45b构成,通过以光标11的操作使该亮度指定滑块45b沿着亮度显示条45a移动,可以使调色板42中的色元43中显示的颜色的亮度变化。与此同时,灰度色标41中的灰度单元中显示的灰度的亮度(浓度)也变化。
在亮度显示条45a中,以亮度指定滑块45b的指示点(亮度指定滑块45b如图所示为三角形时,为亮度显示条45a上的其顶点的位置)为中心点,设定以该中心点为中心的具有左右相等的宽度的亮度指定范围45c,针对调色板42的横列的每个色元43设定该亮度指定范围45c内的5个等间隔的亮度值L的亮度。即,对调色板42的最右侧的纵列的色元43设定该亮度指定范围45c的右侧边界线45cU侧的亮度值L的亮度,对调色板42的最左侧的纵列的色元设定该亮度指定范围45c的左侧边界线44cD侧的亮度值L的亮度,对于所述右侧、左侧的色元43的纵列间的3个纵列的色元43,设定亮度指定范围45c的右侧边界线45cU、左侧边界线45cD间的顺次的亮度值L的亮度。
亮度以数值(亮度值L)来表示,在此取“0”~“255”的整数值,把亮度显示条45a的左端的亮度值L设为“0”,把右端的亮度值L设为“255”。在亮度指定范围45c中,在与亮度指定滑块45b的指示点处的亮度值L相比值减小了例如“20”的亮度值L的位置,设定了左侧边界线45cD,在与亮度指定滑块45b的指定点处的亮度值L相比值增大了例如“20”的亮度值L的位置,设定了右侧边界线45cU。当亮度指定滑块45b沿着亮度显示条45a移动时,左侧边界线45cD、右侧边界线45cU也同样移动,亮度指定范围45c以亮度指定滑块45b的指示点为中心,将左侧边界线45cD、右侧边界线45cU的间隔保持一定来移动。
在调色板42中的5个色元43的纵列中设定了亮度显示条45a中的亮度指定范围45c内的亮度值逐个相差“10”的不同的5个亮度,例如当在最右侧的色元43的纵列中显示亮度值L为“194”的亮度的颜色时,在其左侧依次排列的4个色元43的纵列中分别显示亮度值L为“184”、“174”、“164”、“155”的亮度的颜色。
该调色板42的设置了中心单元框48的中心位置色元43a,表示通过亮度显示条45a中的亮度指定滑块45b指定的亮度值L(亮度指定滑块45b如图所示为三角形时,为亮度显示条45a上的其顶点位于的亮度值L)的亮度的颜色。
另外,在亮度显示条45a的左侧设置了选择亮度值显示框45d,其中显示通过亮度显示条45a中的亮度指定滑块45b指定的亮度值L(即,由调色板42的中心位置色元43a显示的亮度值L:在此为值“174”)。
由上可知,通过光标11的操作,当在亮度指定部45中在亮度显示条45a上使亮度指定滑块45b左右移动时,在调色板42中的色元43的各纵列中,在该移动同时亮度值L每次变化“1”,亮度变化。另外,与此同时,由选择亮度值显示框45d显示的亮度值L也每次变化“1”。
此外,在选择色调值显示框44d中显示的色调值H、以及在选择亮度值显示框45d中显示的亮度值L显示了在调色板42中附加了中心单元框48的中心位置色元43a的色调值H、亮度值L。
色度指定部46可以使通过调色板42的色元43表示的颜色的色度变化来指定希望的色度,由在横向上由其位置表示色度的值(色度值S)的色度显示条46a、和用于指定该色度显示条46a中的色度值S的色度指定滑块46b构成,通过用光标11的操作使该色度指定滑块46b沿着色度显示条46a移动,可以使通过调色板42中的色元43显示的颜色的色度变化。
色度指定滑块46b当如图所示为三角形时,色度显示条46a上的其顶点的位置的色度值S是通过该色度指定滑块46b指定的色度,在调色板42的全部色元43中显示的颜色的色度,成为该被指定的色度值S的色度。
色度以数值(色度值S)来表示,在此取0~255的值,把色度显示条46a的左端的色度值S设为“0”,把右端的色度值S设为“255”。在调色板42中的全部色元43中显示的颜色的色度,成为通过色度指定滑块46b指定的色度值S的色度。
另外,在色度显示条46a的左侧设置了选择色度值显示框46c,其中显示通过色度显示条46a中的色度指定滑块46b指定的色度值S。在此假定在色度显示条46a中通过色度指定滑块46b指定了值为“236”的色度值S,由此,在选择色度值显示框46c中显示该值“236”的色度值S。
由上可知,通过光标11的操作,在色度指定部46中,当在色度显示条46a使色度指定滑块46b左右移动时,在调色板42中的全部色元43中,在该移动的同时色度值S每次变化“1”,色度同时发生变化。另外,与此同时,通过选择色度值显示框46c显示的色度值S也每次变化“1”。
通过用光标11进行按下操作,可以选择灰度色标41的灰度单元41a或调色板42的色元43的某一个,对于所选择的灰度单元41a或色元43附加选择单元框49。另外,与此同时,在“选择色显示”栏21的设定色显示部21a中显示所选择的灰度单元41a中显示的灰度、或者所选择的色元43中显示的色调、亮度、色度的颜色。与附加了选择单元框49的灰度单元41a或色元43中的显示一起,通过设定色显示部21a中的显示也可以确认对与该颜色选择器40相应的部件的要素赋予的颜色(也包含灰度)。
透明度指定部47可以指定部件的要素的颜色的透明度α(%),由在横向上由其位置表示透明度α的透明度显示条47a、和用于指定该透明度显示条47a中的透明度α的透明度指定滑块47b构成,通过用光标11的操作使该透明度指定滑块47b沿着透明度显示条47a移动,可以使透明度α变化。
透明度指定滑块47b如图所示为三角形时,透明度显示条47a上的其顶点的位置的透明度α为通过透明度指定滑块47b指定的透明度α,该颜色的透明度α由“选择色显示”栏21的设定色显示部21a中显示的颜色表示。
透明度α通过数值表示,在此取0~100(%)的值,把透明度显示条47a的左端的透明度α设为“0(%)”,把右端的透明度α设为“100(%)”。设定色显示部21a中显示的颜色的透明度α成为通过透明度指定滑块47b指定的透明度显示条47a中的值。在此,透明度α=0%称为完全不透过的状态,透明度α=100%称为最大透过的状态。
另外,在透明度显示条47a的左侧设置了选择透明度显示框47c,其中显示通过透明度显示条47a中的透明度指定滑块47b指定的透明度α的值。在此,假定在透明度显示条47a中通过透明度指定滑块47b指定了值为“50(%)”的透明度α,由此,在选择透明度显示框47c中显示该值“50(%)”。
由上可知,通过光标11的操作,在透明度指定部47中,在透明度显示条47a上使透明度指定滑块47b左右移动时,在调色板42中被选择的、“选择色显示”栏21的设定色显示部21a中显示的颜色的透明度α的值每次变化“1(%)”,透明度α变化。另外,与此同时,在选择透明度显示框47c中显示的透明度α的值也每次变化“1(%)”。
用户得知希望在相应的部件的要素上显示的颜色的种类(色调),当通过键盘输入其名称(例如“808080”)时,将“选择色显示”栏21中的颜色的名称21c从当前的“#A708EE”变更为所输入的颜色的名称“#808080”,与此同时,为了在调色板42中显示颜色的名称“#808080”的色调值H的颜色,在色调指定部44中色调指定滑块44b沿着色调显示条44a移动,与之相伴,将“选择色显示”栏21的设定色显示部21a中的颜色变更为所输入的颜色的名称的颜色。在这种情况下,亮度值L、色度值S、透明度α不变更。
根据以上的颜色选择器40,指定与色调指定部44的色调显示条44a中的色调指定滑块44b的位置对应的色调指定范围44c内的多个色调、以及与亮度指定部45的亮度显示条45a中的亮度指定滑块45b的位置对应的亮度指定范围44c内的多个亮度所对应的多个颜色,并作为调色板42来显示部件的要素中显示的颜色,由于可以从其中选择希望的色调、亮度的颜色,因此与通过色调指定滑块44b从色调显示条44a中选择色调、通过亮度指定滑块45b从亮度显示条45a中选择亮度来选择部件的要素的颜色的方法相比,可以准确且简单地,而且可以迅速地选择希望的色调、亮度的颜色。
图23A、图23B表示“选择色显示”栏21的设定色显示部21a的显示状态的一个具体例,50是对象要素色显示区域,51是背景色显示区域。
在该图中,在设定色显示部21a中把与颜色选择器40相应的部件的要素作为对象要素,在周边部设置显示该对象要素的背景的颜色(背景色)的背景色显示区域51,在该背景色显示区域51的内侧设置显示对象要素的颜色(对象要素色)的对象要素色显示区域50。在背景中的对象要素重叠的部分存在文字或记号等图形时,所述图形的颜色重叠在对象要素色显示区域50上。
图23A表示在透明度指定部47中指定(选择)了透明度α=0%时的设定色显示部21a的显示状态,在这种情况下,在对象要素色显示区域50中显示的颜色不透明,仅显示在灰度色标41或调色板42中选择的对象要素色(包含灰度),不显示背景色(以下,也包含上述图形的颜色)。
图23B表示在透明度指定部47中例如指定(选择)了透明度α=50%时的设定色显示部21a的显示状态,在这种情况下,在对象要素色显示区域50中显示的对象要素色变得透明,在对象要素色显示区域50中,通过对象要素色,可以以与该对象要素色的透明度α对应的程度看见背景色。因此,在对象要素色显示区域50中显示的颜色,显示与在灰度色标41或颜色选择器42中选择的颜色(包含灰度)不同的颜色,即,显示与该选择的颜色(包含灰度)和该透明度α对应的程度的背景色对应的颜色。另外,在具有在背景色显示区域51中的背景色的背景中描绘了文字或记号、图案等图形的情况下,也在对象要素色显示区域50中,以与该透明度α对应的强度(浓度)显示所述图形。
这样,通过在透明度指定部47中透明度显示条47a中的透明度指定滑块47b的操作,可以使相应的部件的要素的颜色(也包含灰度)的透明度α变化,可以在对象要素色显示区域50中确认所述透明度α的设定状态,因此,可以不返回使所述部件的要素直接显示的图4所示的内容画面2地确认与所述要素的透明度对应的显示状态,可以容易且可靠地设定希望的透明度。
另外,即使在灰度色标41或调色板42中选择对象要素的颜色(也包含灰度),有时并非是通过与背景的对比来选择的颜色,最好也考虑与背景的关系。例如有时需要成为描绘了上述那样的图形的背景也透明的显示状态。在这种情况下,在该具体例中,通过透明度指定部47的操作,可以在对象要素色显示区域50中使对象要素的颜色的透明度α变化,由此,所述对象要素的背景变得透明,因此,可以在用户确认所述要素的透明度的同时使其变化,可以容易、可靠地设定希望的透明度。而且,在设定色显示部21a中设置背景色显示区域51,也同时显示对象要素的背景色,因此,可以容易地设定通过与所述背景色的对比不会难以识别对象要素的程度的透明度α。
关于部件的各要素,通过图22所示的颜色选择器40进行颜色的设定,如图18所示,当按下“OK”按钮26,并操作与之相伴而显示的图19中的选择画面32时,颜色定制处理结束,返回图4所示的内容画面2的显示状态,关于图4所示的内容画面2的部件的要素,为了再次进行颜色定制,显示图8所示的颜色定制操作画面17,在颜色选择器显示区域18中展开了希望的部件的要素的图22所示的颜色选择器40时,在该要素中已经设定(选择)了颜色时,作为缺省,灰度色标41或调色板42、色调指定部44、亮度指定部45、色度指定部46、透明度指定部47设定了进行前次的颜色定制处理时的状态,因此,在调色板42中显示包含前次设定的色调、亮度的色元43的5×5个色元43,对该设定的颜色的色元43附加选择单元框49,在“选择色显示”栏21的设定色显示部21a中设定了前次设定的对象要素的颜色。
图24表示本发明的内容画面的颜色定制方法的第二实施方式中的颜色定制操作画面中展开的颜色选择器的另一具体例,40a是颜色选择器,44b’是色调指定滑块,44b1是基础滑块,44b2是下侧边界变更用滑块,44b3是上侧边界变更用滑块,44d1是下侧边界选择色调值显示框,44d2是上侧边界选择色调值显示框,45b’是亮度指定滑块,45b1是基础滑块,45b2是下(左)侧边界变更用滑块,45b3是上(右)侧边界变更用滑块,45d1是下(左)侧边界选择亮度值显示框,45d2是上(右)侧边界选择亮度值显示框,对于与图23对应的部分附加相同符号,省略重复的说明。
在该图中,作为该具体例的颜色选择器40a与图22所示的颜色选择器40不同点在于色调指定部44和亮度指定部45。除此以外的方面与图22所示的颜色选择器40相同。
在色调指定部44中,代替指示图22所示的颜色选择器40的色调显示条44a的一点的色调指定滑块44b,而使用由3个滑块部、即基础滑块44b1、下侧边界变更用滑块44b2和上侧边界变更用滑块44b3构成的色调指定滑块44b’。在该色调指定滑块44b’中,下侧边界变更用滑块44b2设定色调显示条44a中的色调指定范围44c的下侧边界线44cD,上侧边界变更用滑块44b3设定该色调指定范围44c的上侧边界线44cU,把所述下侧边界变更用滑块44b2和上侧边界变更用滑块44b3设置在基础滑块44b1上。
并且,从图25A的(a)表示的状态,如图25A的(b)中所示,当通过使用光标11的操作使下侧边界变更用滑块44b2在上下方向上移动时,色调指定范围44c的下侧边界线44cD移动,由此,色调指定范围44c在色调显示条44a中放大、缩小。同样地,当通过使用光标11的操作使上侧边界变更用滑块44b3在上下方向上移动时,色调指定范围44c的上侧边界线44cU移动,由此,色调执行范围44c在色调显示条44a中放大、缩小。
基础滑块44b1与下侧边界变更用滑块44b2或上侧边界变更用滑块44b3的移动无关地,保持所述下侧边界变更用滑块44b2或上侧边界变更用滑块44b3,在下侧边界变更用滑块44b2或上侧边界变更用滑块44b3的移动同时,即伴随色调指定范围44c的放大、缩小,如图25A的(b)所示,其长度放大、缩小。
另外,基础滑块44b1通过使用光标11的操作可以在上下方向上移动,此时,如图25B的(a)、(b)所示,这些下侧边界变更用滑块44b2或上侧边界变更用滑块44b3被保持在基础滑块44b1的相同位置,色调指定范围44c在将其上下方向的长度保持一定的状态下沿着色调显示条44a上下移动。
在此,在调色板42上设定与从该色调指定范围44c的上侧边界线44cU到下侧边界线44cD的等间隔的5个色调值H分别对应的5个色元43的横列。在最上位的色元43的横列中显示色调指定范围44c的上侧边界线44cU的色调值H的色调,在最下位的色元43的横列中显示色调指定范围44c的下侧边界线44cD的色调值H的色调。在最上位的色元43的横列和最下为的色元43的横列之间的3个色元43的横列中,分别显示上侧边界线44cU的色调值H和下侧边界线44cD的色调值H之间的等间隔地不同的色调值H的色调。当把最上位的色元43的横列中显示的上侧边界线44cU的色调的色调值H设为“195”,把最下位的色元43的横列中显示的下侧边界线44cD的色调的色调值设为“155”时,从上起第2个色元43的横列中显示的色调的色调值H成为“185”,从上起第3个色元43的横列中显示的色调的色调值H成为“175”,从上起第4个色元43的横列中显示的色调的色调值H成为“165”。
另外,在该具体例中,代替图22所示的颜色选择器40的色调指定部44中的选择色调值显示框44d而设置了两个框,即上侧边界选择色调值显示框44d1和上侧边界选择色调值显示框44d2,在下侧边界选择色调值显示框44d1中显示色调指定范围44c的上侧边界线44cU的色调值H(在上述例子中为“155”),在上侧边界选择色调值显示框44d2中显示色调指定范围44c的下侧边界线44cD的色调值H(在上述例子中为“195”)。由此,根据色调指定范围44c中的色调值H,可以确认调色板42中显示的色调的色调值H。
亮度指定部45也相同,代替指示图22所示的颜色选择器40的亮度显示条45a的一点的亮度指定滑块45b,使用由3个滑块部,即基础滑块45b1、下(左)侧边界变更用滑块45b2和上(右)侧边界变更用滑块45b3构成的亮度指定滑块45b’。在该亮度指定滑块45b’中,下侧边界变更用滑块45b2设定亮度显示条45a中的亮度指定范围45c的下侧边界线45cD,上侧边界变更用滑块45b3设定该亮度指定范围45c的上侧边界线45cU,所述下侧边界变更用滑块45b2和上侧边界变更用滑块45b3被设置在基础滑块45b1上。
并且,与色调指定滑块44b’同样地,从图25(A)的(a)所示的状态,如图25(A)的(b)所示通过使用光标11的操作使下侧边界变更用滑块45b2在左右方向上移动时,亮度指定范围45c的下侧边界线45cD移动,由此,亮度指定范围45c在亮度显示条45a中放大、缩小。同样地,当通过使用光标11的操作使上侧边界变更用滑块45b3在左右方向上移动时,亮度指定范围45c的上侧边界线45cU移动,由此,亮度指定范围45c在亮度显示条45a中放大、缩小。
基础滑块45b1与下侧边界变更用滑块45b2或上侧边界变更用滑块45b3的移动无关地,保持所述下侧边界变更用滑块45b2或上侧边界变更用滑块45b3,在下侧边界变更用滑块45b2或上侧边界变更用滑块45b3移动的同时,即伴随亮度指定访问45c的放大、缩小,如图25A的(b)所示,其长度放大、缩小。
另外,可以通过使用光标11的操作使基础滑块45b1在左右方向上移动,此时如图25B的(a)、(b)所示,所述下侧边界变更用滑块45b2或上侧边界变更用滑块45b3被保持在基础滑块45b1的相同位置,亮度指定范围45c在将其左右方向的长度保持一定的状态下沿着亮度显示条45a左右移动。
在此,在调色板42上设定与从该亮度指定范围45c的上侧边界线45cU到下侧边界线45cD的等间隔的5个亮度值L分别对应的5个色元43的纵列。在相同纵列的色元43(在各个色元43中显示不同的色调值H的色调)中设定相同亮度值的亮度。在最右侧的色元43的纵列中设定亮度指定范围45c的上侧边界线45cU的亮度值L的亮度,在最左侧的色元43的纵列中显示亮度指定范围45c的下侧边界线45cD的亮度值L的亮度。在最右侧的色元43的纵列和最左侧的色元43的纵列之间的3个色元43的纵列中,分别显示在上侧边界线45cU的亮度值L和下侧边界线45cD的亮度值L之间的等间隔地不同的亮度值L的亮度。当把最右侧的色元43的纵列中显示的上侧边界线45cU的亮度的亮度值L设为“194”,把最左侧的色元43的纵列中显示的下侧边界线45cD的亮度的亮度值设为“154”时,从上起第2个色元43的纵列中显示的亮度的亮度值L成为“184”,从上起第3个色元43的纵列中显示的亮度的亮度值L成为“174”,从上起第4个色元43的纵列中显示的亮度的亮度值L成为“164”。
另外,在该具体例中,代替图22所示的颜色选择器40的亮度指定部45中的选择亮度值显示框45d而设置了两个框,即下(左)侧边界选择亮度值显示框45d1和上(右)侧边界选择亮度值显示框45d2,在下侧边界选择亮度值显示框45d1中,显示亮度指定范围45c的上侧边界线45cU的亮度值L(在上述例子中为“154”),在上侧边界选择亮度值显示框45d2中,显示亮度指定范围45c的下侧边界线45cD的亮度值L(在上述例子中为“194”)。由此,可以根据亮度指定范围45c中的亮度值L,确认在调色板42中显示的亮度的亮度值L。
图26表示本发明的内容画面的颜色定制方法的第二实施方式中的未进行颜色定制处理时的图22所示的颜色选择器40中的“单色”标签29的显示状态的一个具体例,21d是消息,40b是颜色选择器,对与图22对应的部分附加相同符号,省略重复的说明。
与部件中的未进行着色(也包含灰度)的要素(以下将其称为对象要素)对应的颜色选择器40b,其“单色”标签29成为图26所示的显示状态。例如通过按下“清除”按钮23解除对象要素的着色(也包含灰度),来设定所述状态。
即,在“选择色显示”栏21中表示,设定色显示部21a不进行颜色显示,附加作为斜线号的“/”标记,不对相应的对象要素着色,另外,代替颜色的名称21c显示例如“不填充”这样的消息21d。因此,当展开了颜色选择器40b时,根据“选择色显示”栏21的显示内容,可以确认是否对与该颜色选择器40相应的对象要素进行了着色(也包含灰度),当进行了着色时显示图22所示的颜色选择器40,因此,也可以确认以何种颜色(也包含灰度)进行了着色。
在该颜色选择器40b中,在色调指定部44中设定了由色调指定滑块44b指示色调显示条44a的中间的色调值H(=“128”)的状态,在颜色选择器42中,在中间的色元43的横列中显示该中间的色调值H的色调,在其上侧的两个色元43的横列中显示从该中间色调值H每次将值增大“10”的色调值H的色调,另外,在其下侧的两个色元43的横列中显示从该中间的色调值H每次将值减小“10”的色调值H的色调。与此同时,在选择色调值显示框44d中显示作为该中间色调值H的值“128”。
另外,在亮度指定部45中也设定了由亮度指定滑块45b指示亮度显示条45a的中间的色调值H(=“128”)的状态,在颜色选择器42中,在中间的色元43的纵列中设定该中间的亮度值L的亮度,在其右侧的两个色元43的纵列中设定从该中间的色调值H每次将值增大“10”的亮度值L的亮度,另外,在其左侧的两个色元43的纵列中设定从该中间的亮度值L每次将值减小“10”的亮度值L的亮度。与此同时,选择亮度值显示框45d中显示作为该中间的亮度值L的值“128”。
在该状态下,通过选择灰度色标41或者调色板42中的希望的颜色(也包含灰度)的单元41a、43,如图22所示的颜色选择器40那样,在“选择色显示”栏21中,在设定色显示部21a中显示在该选择的单元41a、43中显示的颜色,代替消息21d而显示该显示的颜色的名称21c。另外,通过在色调指定部44中进行色调指定滑块44b的移动操作,或者在亮度指定部45中进行亮度指定滑块45b的移动操作,可以使调色板42的色元43中显示的颜色的色调或者亮度变化。
以上的状态在图24所示的颜色选择器40a中也同样。但是,在所述状态下的颜色选择器40a中,在色调指定部44中,为使色调指定范围44c达到以色调显示条44a的中心的色调值H为中心的预定长度(与从上侧边界线44cU到下侧边界线44cD的色调值H的个数,例如图22所示的颜色选择器40中的色调指定范围44c相等的长度),设定与色调显示条44a对应的下侧边界变更用滑块44b2、上侧边界变更用滑块44b3的位置。关于亮度指定部45也相同,为使亮度指定范围45c达到以亮度显示条45a的中心的亮度值L为中心的预定长度(与从上侧边界线45cU到下侧边界线45cD的亮度值L的个数,例如图22所示的颜色选择器40中的亮度指定范围45c相等的长度),设定与亮度显示条45a对应的下侧边界变更用滑块45b2、上侧边界变更用滑块45b3的位置。
图27表示将本发明的内容画面的颜色定制方法的第二实施方式中的对象要素颜色定制为灰度时的图22所示的颜色选择器40中的“单色”标签29的缺省的显示状态的一个具体例,40c是颜色选择器,对与图22对应的部分附加相同符号,省略重复的说明。
图8所示的颜色定制操作画面17中以灰度进行了颜色定制处理的对象要素所对应的颜色选择器,通过光标11对其“选择”按钮22进行按下操作而被展开时,显示图27所示的缺省状态的颜色选择器40c。
在该颜色选择器40c中,在“选择色显示”栏21中,在其设定色显示部21a中显示赋予对象要素的颜色、即灰度,在颜色的名称21c中显示该灰度的名称。
另外,在灰度色标41中排列了以表示“选择色显示”栏21的设定色显示部21a中显示的灰度的灰度单元41a为中心在其两侧各排列两个灰度单元41a的5个灰度单元41a。对处于该中心位置的灰度单元41a附加选择单元框49,表示已选择了该灰度单元41a。
在所述颜色选择器40c的缺省状态下,在色调指定部44中,色调与灰度没有关系,因此与图26所示的颜色选择器40b中的色调指定部44同样地,将色调指定滑块44b或色调指定范围44c设定在色调显示条44a的中央部的位置。与之相对,在亮度指定部45中,将亮度指定滑块45b设定在与灰度色标41的中央部的、被附加了选择单元框49的灰度单元41a中显示的灰度的亮度值L(例如值“170”)对应的亮度显示条45a中的位置,与此同时,将亮度指定范围45c设定在与亮度显示条45a中的亮度指定滑块45b的位置对应的位置。
由此,在调色板42中,在色元43中显示与色调指定部44中进行了位置设定的色调指定范围44c对应的色度值H、与亮度指定部45中进行了位置设定的亮度指定范围45c对应的亮度值L的颜色。
在此,在亮度指定部45中,当对亮度指定滑块45b进行移动操作时,调色板42中的各色元43的亮度值L每次变化“1”,同时在灰度色标41中,各灰度单元41a中的灰度的亮度值H也每次变化“1”,其浓度变化。但是如果不进行单元41a、43的选择操作,则选择单元框49的位置不变化,因此,被附加了该选择单元框49的灰度单元43的亮度(浓度)变化,所以,在表示被附加了该选择单元框49的灰度单元43的灰度的“选择色显示”栏21的设定色显示部21a中,在此显示的灰度的亮度(浓度)也变化。
另外,在色度指定部46中,色度与灰度没有关系,因此与图26所示的颜色选择器40b中的色度指定部46同样,将色度指定滑块46b设定在色度显示条46a中的最大色度值S的位置。
而且,在透明指定部47中,将透明度指定滑块47b设定在与“选择色显示”栏21的设定色显示部21a中显示的灰度的透明度相应的透明度显示条47a的透明度α的位置(例如“30%”)。
这样,在以灰度进行了着色的对象要素所对应的颜色选择器40c的缺省状态下,在与灰度有关的亮度指定部45或透明度指定部47中设定了与该灰度对应的亮度值L或透明度α,在与灰度无关的色调指定部44或色度指定部46中设定成上述那样的初始状态。
此外,以上方面,图24所示的颜色选择器40a,关于以灰度着色的对象要素,其缺省状态也相同。
图28A表示图22所示的颜色选择器40的色调指定部44中的操作状态的一个具体例,40d是颜色选择器,43’是未激活的色元,对与图22对应的部分附加相同符号,省略重复的说明。
在该图中表示该颜色选择器40d,在色调指定部44中沿着色调显示条44a使色调指定滑块44b向上移动,色调指定范围44c的一部分从色调显示条44a的上端突出的状态,在这种情况下,在调色板42中的色元43的横列中,与从该色调指定范围44c的色调显示条44a的上端突出的部分相当的横列中的色元43成为未激活的色元43’。
在此,假定色调指定滑块44b处于指定了色调显示条44a的色调值H=“247”的状态,因此,色调指定范围44c从色调显示条44a向上方突出20-(255-247)=12个色调值的量。从色调指定滑块44b到色调指定范围44c的上侧边界线44cU存在与20个色调值H相当的距离,当假定在调色板42中显示的色元43的横列中设定色调指定范围44c中的色调指定滑块44b指定的色调值H、和距此间隔10个的色调值H时,从色调指定滑块44b指定的色调值H(=“247”)到上侧边界线44cU为止的颜色选择器42中应该显示的10个间隔的色调值H成为“257”、“267”,但这些色调值H从色调显示条44a的上端(色调值H=“255”)突出而不存在,因此无法在调色板42中显示,与这些色调值H=“257”、“267”相当的从上起的两个色元43的横列由无法选择的未激活的色元43’构成。在该未激活的色元43’中不显示色调、亮度、色度的颜色,例如成为仅显示其框的透明色元。当然,所述未激活的色元43’无法选择。
色调指定滑块44b可以移动到与色调显示条44a的上侧边界线44cU一致,当移动到该位置时,指定了该上侧边界线44cU的色调值H。因此,调色板42中的状态不变化,但最上位的激活为可以选择的(即从下起第3个)色元43的横列显示该上侧边界线44cU的色调值H的色调。
另外,即使在使色调指定滑块44b向下方移动,色调指定范围44c的一部分从色调显示条44a的下端(色调值=“0”)突出的情况下也同样,在调色板42的下侧存在未激活的色元43’的横列。
此外,在图24所示的颜色选择器40a中,其下侧边界变更用滑块44b2、上侧边界变更用滑块44b3从色调显示条44a的下端移动到上端,因此在调色板42中产生了上述那样的无法选择的未激活的色元43’的横列。
图28B表示在图28A所示的颜色选择器40d中,使亮度指定部45c的亮度指定滑块45a移动到亮度显示条45c的上端侧的情况下的状态的一个具体例,40e是颜色选择器,对与图28A对应的部分附加相同符号,省略重复的说明。
图28A所示的颜色选择器40d中,进而在亮度指定部45中,当沿着亮度显示条45a使亮度指定滑块45b向右移动,亮度指定范围45c的一部分成为从亮度显示条45a的右端突出的状态时,该颜色选择器40e成为图28B所示的状态。在这种情况下,在调色板42中的色元43的纵列中,与从该亮度指定范围45c的亮度显示条45a的右端突出的部分相当的纵列中的色元43成为未激活的色元43’。
在此,假定亮度指定滑块45b成为指定了亮度显示条45a的亮度值L=“238”的状态,因此,亮度指定范围45c从亮度显示条45a向右突出20-(255-238)=3个的亮度值的量。从亮度指定滑块45b到亮度指定范围45c的右侧边界线45cU为止,存在与20个的亮度值L相当的距离,当在调色板42中显示的色元43的纵列中设定亮度指定范围45c中的亮度指定滑块45b指定的亮度值L、和距此间隔10个的亮度值L时,从亮度指定滑块45b指定的亮度值L(=“238”)到上侧边界线45cU为止的在调色板42中应该显示的每次改变“10”的亮度值L成为“248”、“258”,但这些亮度值L中,超过右侧边界线45cU的亮度值L=“255”的“258”的亮度值L从亮度显示条45a的右端(亮度值L=“255”)突出而不存在,因此无法在调色板42中显示,与该亮度值L=“258”相当的从右起的1个色元43的纵列,由无法选择的未激活的色元43’构成。在该未激活的色元43’中不显示色调、亮度、色度的颜色,例如成为仅显示其边框的透明色元。当然,所述未激活的色元43’无法选择。
此外,亮度指定滑块45b可以移动到与亮度显示条45a的上侧边界线45cU一致,当移动到该位置时指定了该上侧边界线45cU的亮度值L。在这种情况下,与色调指定部44的状态的情况相同,颜色选择器42的右侧两个色元的纵列由未激活的色元43’构成,最右侧的激活为可以选择的(即从左起第3个)色元43的纵列显示该右侧边界线45cU的亮度值L的亮度。
另外,即使使亮度指定滑块45b向左移动,亮度指定范围45c的一部分从亮度显示条45a的左端(亮度值L=“0”)突出的情况下也同样,在调色板42的左侧存在未激活的色元43’的纵列。
此外,在图24所示的颜色选择器40a中,其左侧边界变更用滑块45b2、右侧边界变更用滑块45b3从亮度显示条45a的左端移动到右端,因此在调色板42中不产生上述那样的无法选择的未激活的色元43’的纵列。
在该第二实施方式的调色板40中也与图11所示的第一实施方式中的调色板相同,对于在部件的要素“文字/记号”的颜色(也包含灰度)、和与其邻接的背景等其它要素的要素(也包含灰度)之间亮度对比率不足4.5∶1的色元43(也包含灰度单元41a)附加“×(叉)”标记31a,另外,对于部件的要素“文字/记号”以外的互相邻接的要素间颜色(也包含灰度)的亮度对比率不足1.7∶1的色元43(也包含灰度单元41a)附加“/”标记31b。
图29表示1个部件的各要素的颜色选择器中的调色板的状态的一个具体例,40C是要素“文字”的颜色选择器,40B是要素“背景”的颜色选择器,40F是要素“框线”的颜色选择器,对与前面的附图对应的部分附加相同符号,省略重复的说明。此外,在该图中,仅对说明所需要的部分附加了符号。
在该图中,在要素“文字”的颜色选择器40C的灰度色标41或调色板42中,对于相对于在要素“背景”的颜色选择器40B的灰度色标41或调色板42中显示的颜色(也包含灰度)亮度对比率不足4.5∶1的色元43(也包含灰度单元41a)附加“×”标记31a,表示所述色元43(也包含灰度单元41a)无法选择。同样地,在要素“背景”的颜色选择器40B的灰度色标41或调色板42中,对于相对于要素“文字”的颜色选择器40C的灰度色标41或调色板42中显示的颜色(也包含灰度)亮度对比率不足4.5∶1的色元43(也包含灰度单元41a)附加“×”标记31a,表示所述色元43(也包含灰度单元41a)无法选择。
另外,在要素“背景”的颜色选择器40B的灰度色标41或调色板42中,对于相对于要素“框线”的颜色选择器40F的灰度色标41或调色板42中显示的颜色(也包含灰度)亮度对比率不足1.7∶1的色元43(也包含灰度单元41a)附加“/”标记31b,表示不推荐选择所述色元43(也包含灰度单元41a)。在要素“框线”的颜色选择器40F的灰度色标41或调色板42中也同样,对于不推荐选择的色元43(也包含灰度单元41a)附加“/”标记31b。
在此虽未图示,但即使像这样在调色板42上存在被附加了“×”标记32a或“/”标记31b的色元43,对于表示色调指定滑块44b指示的色调值、亮度指定滑块45b指示的亮度值的颜色的、位于调色板42的中央部的色元43附加中心单元框48(图22)。
在图29所示的颜色选择器40C、40B、40F中,通过光标11的操作选择未附加灰度色标41或调色板42中的“×”标记31a的色元43(其中也包含灰度单元41a,因此,附加了“/”标记31b的色元或灰度单元),如图18所示,当按下“OK”按钮26时,决定此时的部件的各要素(文字或背景、框线)的显示色,但这些要素“文字”的颜色选择器40C以及要素“背景”的颜色选择器40B的至少某一个中,通过光标11的操作指定被附加了“×”标记31a的色元43(也包含灰度单元41a),如图18所示,当按下“OK”按钮26时,显示出指示再次的颜色(也包含灰度)选择的图30所示的指示画面。
在图30中,52是指示画面,53是消息,54是“OK”按钮,55是“×”按钮。
在所述指示画面52中,显示出指示通过光标11的操作在图29所示的要素“文字”的颜色选择器40C以及要素“背景”的颜色选择器40B的至少一个中已指定了被附加了“×”标记31a的色元43(也包含灰度单元41a)的消息53,例如显示“使用者有可能无法判别文字,因此请把文字或者其背景的颜色改变为未被附加“×”的颜色”这样的消息53,另外,设置了“OK”按钮54和“×”按钮55。
因此,当使用者遵照该消息53操作光标11来按下“OK”按钮54时,不显示该指示画面52,在图18所示的颜色定制操作画面中显示进行颜色选择前的要素“文字”的颜色选择器40C、要素“背景”的颜色选择器40B以及要素“框线”的颜色选择器40F,可以进行再次的颜色选择。
当在所述指示画面52中通过光标11的按下操作选择“×”按钮55时,不显示该指示画面52,返回包含处于已进行了颜色选择的状态的要素“文字”的颜色选择器40C、要素“背景”的颜色选择器40B以及要素“框线”的颜色选择器40F的上述颜色定制操作画面。当然,通过该颜色定制操作画面中的要素“文字”的颜色选择器40C、要素“背景”的颜色选择器40B以及要素“框线”的颜色选择器40F,也可以选择别的色元43(也包含灰度单元41a)。
于是,即使错误地选择了被附加了“×”标记31a的色元43(也包含灰度单元41a),也可以对此进行反应来显示指示画面52,可以再次重新选择色元43(也包含灰度单元41a)。
图29、图30中说明的方面,在图24、图25所示的其它具体例中也相同。
图31是表示图22、图23、图26~图30所示的颜色选择器的一个变形例的图,40’是颜色选择器,561~565是色元横列,571~575是色元纵列,581~583是不可选择区域,对与前面的附图对应的部分附加相同符号,省略重复的说明。
在该图中,在作为一个变形例的颜色选择器40’中,在调色板42中,在附加了“×”标记31a的色元43的横列中显示的色调值H所对应的色调指定部44的色调显示条44a的区域中,设置了不可选择区域(在此,为不可选择区域581、582),同样地,在附加了“×”标记31a的色元43的纵列中显示的亮度值所对应的亮度指定部45的亮度显示条45a的区域中设置了不可选择区域(在此为583)。
在此,在调色板42中,把色元43的横列从上起依次设为色元横列561、562、563、564、565,把色元43的纵列从右起依次设为色元横列571、572、573、574、575。此时,在色调指定部44的色调显示条44a中,例如当从该色调显示条44a的上端到当前时刻的色调指定范围44c内的上侧为止的区域成为不可选择区域581时,在调色板42中,例如在从上起第一个色元横列561和第二个色元横列562中存在被附加了“×”标记31a的色元43。另外,在亮度指定部45的亮度显示条45a中,例如在从其左端到当前时刻的亮度指定范围45c内的左侧为止的区域成为不可选择区域583时,在调色板42中,例如从左起第一个色元横列571和第二个色元横列572中存在被附加了“×”标记31a的色元43。
根据相同部件的其它要素中的颜色选择,该颜色选择器40中的附加“×”标记31a的色元43变化,但与此同时,色调显示条44或亮度显示条45a中的不可选择区域58变化。
当对相应的要素进行颜色定制时,选择未被附加“×”标记31a的色元43,但在调色板42中仅存在无法选择的色元43,无法进行用于颜色定制的颜色选择时,在图22所示的在先的具体例中,需要操作色调指定滑块44b、亮度指定滑块45b,在调色板42上显示未被附加“×”标记31a的色调或亮度的色元43,根据这些滑块44b、45b的移动方向,有时无论如何也不显示所述色元43,但在该图31所示的具体例中,在色调显示条44a或亮度显示条45a中,从不可选择区域58可以一目了然地掌握被附加“×”标记31a的色调值H的范围或亮度值L的范围,因此,在调色板42上可以迅速、准确地显示以未被附加“×”标记31a的色调或亮度进行颜色显示的色元43。
此外,以上情况在图24、图25所示的其它具体例中也相同。
另外,说明了在不可选择区域581、582中包含被附加了“×”标记31a的色元43中显示的无法选择的颜色的色调值H的情况,但也可以包含在被附加了“/”标记31b的色元43中显示的可以选择、但不推荐选择的颜色的色调值H。另外,同样地说明了在不可选择区域583中包含被附加了“×”标记31a的色元43中显示的不可选择的颜色的亮度值L的情况,但也可以包含在被附加了“/”标记31b的色元43中显示的可以选择、但不推荐选择的颜色的亮度值L。
图32A、32B表示操作图31所示的结构的图9中的颜色选择器40C、40B的一方的“清除”按钮23时的这些颜色选择器40C、40B的状态的变化,40’是要素“文字”的颜色选择器,40B’是要素“背景”的颜色选择器,对与前面的附图对应的部分附加相同符号,省略重复的说明。
图32A中,通过进行了颜色选择,在要素“文字”的颜色选择器40C’和要素“背景”的颜色选择器40B’中,在其调色板42中附加“×”标记49,显示色元43。在此,为了简化说明,假定要素“文字”的颜色选择器40C’成为图31所示的结构,选择调色板42中的一个色元43处于与被附加选择单元框49的图29所示的要素“文字”的颜色选择器40C同样的状态,要素“背景”的颜色选择器40B’成为图31所示的结构,选择灰度色标41中的一个灰度单元41a被附加选择单元框49,处于与图29所示的要素“背景”的颜色选择器40B同样的状态。
在该状态下,此时,当通过光标11按下要素“背景”的颜色选择器40B’中的“清除”按钮23时,如图32B所示,在要素“背景”的颜色选择器40B’中解除颜色的选择状态,在灰度色标41中通过被附加了选择单元框49的色度单元41a排除该选择单元框49,与此同时,在“选择色显示”栏21中解除设定色显示部21a的颜色,附加“/”标记,同时将消息21d变更为“不填充”。
并且,由于排除该要素“背景”的颜色的选择,因此在要素“文字”的颜色选择器40C’中如图32B所示,可以选择通过要素“背景”的颜色选择器40B’的颜色选择不可进行颜色选择的色调或亮度,排除在色调指定部44的色调显示条44a或亮度指定部45的亮度显示条45a中设定的不可选择区域581、582、583,同时排除对调色板42的色元43附加的“×”标记31a。
由此,在要素“文字”的颜色选择器40C’中仅保持颜色的选择状态,对于当前所选择的色调或灰度,对调色板42的相应的色元43、或灰度色标41的相应的灰度单元41a附加选择单元框49,与其对应的颜色(也包含灰度)直接显示在“选择色显示”栏21的设定色显示部21a中。
另一方面,在要素“背景”的颜色选择器40B’中,决定根据通过要素“文字”的颜色选择器40C’选择的颜色(也包含灰度)无法选择的色调或亮度,因此,在色调指定部44的色调显示条44a不可选择区域581、582或亮度指定部45的亮度显示条45a中不可选择区域583变化。另外,调色板42或灰度色标41中的附加了“×”标记31a的色元43或灰度单元41a变化。在图32B所示的要素“文字”的颜色选择器40C’的灰度色标41或调色板42中,表示从灰度色标41或调色板42排除了全部“×”标记31a的状态。
于是,当解除了一方的颜色选择器中的颜色选择时,解除了另一方的颜色选择器中的颜色选择不可状态,可以从全部颜色中选择希望的颜色,在解除了颜色选择的颜色选择器中,颜色选择不可状态也被变更。
在上述情况下,两个颜色选择器中的一方为要素“文字”的颜色选择器,但对于要素“文字”的颜色选择器以外的两个颜色选择器,关于通过“/”标记31b表示的不推荐的颜色(也包含灰度)也相同。
另外,以上情况对于图24、图25所示的结构的颜色选择器也相同。
图33是表示在图22所示的颜色选择器40中选择了“渐变”标签30时的状态的图,60是渐变角度设定部,61是渐变分支点设定部,62是分支点数显示部,63是分支点增减部,64是选择分支点位置显示部,65是渐变显示部,66是渐变条,67L是左端侧指示体,67R是右端侧指示体,67I是中间部指示体,68是选择框,对与前面的附图对应的部分附加相同符号,省略重复的说明。
在该图中,“渐变”标签30用于设定“文字”或“背景”、“框线”等的部件的要素的区域的颜色或灰度的渐变,其上设置了:用于设定在部件的要素的显示区域中设定的颜色或灰度的渐变的方向(角度)的渐变角度设定部60、渐变分支点设定部61、渐变显示部65。另外,在该“渐变”标签30上还设置了:灰度色标41或调色板42、色调指定部44、亮度指定部45、色度指定部46、透明度指定部47,它们用于指定渐变中的颜色(也包含灰度),与在先前的“单色”标签29相同,省略重复的说明。
首先,当说明渐变显示部65时,分别在横长的渐变条66的左侧端部设定了左端侧指示体67L,在右侧端部设定了右端侧指示体67R,根据需要,在所述左端侧指示体67L、右端侧指示体67R件设定一个以上的中间部指示体67I。
在此,在这些左端侧指示体67L、右端侧指示体67R、中间部指示体67I中分别使用灰度色标41或调色板42,在渐变条66上的各自指示的位置(左端部或右端部、它们的中间位置),选择这些灰度色标41的灰度单元41a或调色板42的色元43中显示的颜色(也包含灰度)中的希望的颜色,由此,可以显示所选择的颜色(也包含灰度)。作为其颜色的显示方法,在左端侧指示体67L、右端侧指示体67R、中间部指示体67I(以下,当总称它们时称为指示体67)中选择想要着色的指示体67,然后,在灰度色标41或调色板42中选择显示了想要着色的希望的颜色(包含灰度)的灰度单元41a或色元43,由此,对渐变条66的相应的指示体67指示的位置进行着色。然后,当如此进行着色时,在渐变条66中的左端侧指示体67L和中间部指示体67I之间设定了在这些位置设定的颜色的渐变(即,从通过左端侧指示体67L指示的渐变条66的左端部的设定色到通过中间部指示体67I指示的渐变条66的中间位置的设定色为止的渐变(颜色的变化)),另外,在中间部指示体67I和右端侧指示体67R之间设定在这些位置设定的颜色的渐变(即,从通过中间部指示体67I指示的渐变条66的中间位置的设定色到通过右端侧指示体67R指示的渐变条66的右端部的设定色为止的渐变)。
渐变分支点设定部61,把通过左端侧指示体67L指示的渐变条66的左端部、通过右端侧指示体67R指示的渐变条66的右端部、和通过中间部指示体67I指示的渐变条66的中间位置设为分支点,由:表示在渐变条66中设定的分支点的个数的分支点数显示部62;用于增减该分支点的个数(即追加、削减中间部指示体67I等)的分支点增减部63;以百分比(%)表示分支点、即左端侧指示体67L和右端侧指示体67R和中间部指示体67I中的、所选择的指示体67的渐变条66上的位置的选择分支点位置显示部64构成。在此,把中间部指示体67I作为所选择的指示体67,该中间部指示体67I处于渐变条66的50%的位置,因此,在选择分支点位置显示部64中显示“50%”。此外,在选择分支点位置显示部64中,只要选择了相同指示体67就显示表示该指示体67的位置的百分比(%)。渐变条66中的两个以上的指示体67,选择了其中某一个,因此,选择分支点位置显示部64中显示经常选择的指示体67的位置。
此外,对于所选择的指示体67,以将其包围的方式附加了预定颜色(例如蓝色)的选择框68。在此,假定选择了中间部指示体67I。
分支点的个数最小为2个,无法设为1个或0个,分支点数显示部62中显示的数值在“2”以上。另外,分支点数显示部62中,通过用光标11(未图示)对“▼”进行按下操作,展开表示分支点(即指示体67)的一连串的个数的下拉菜单,通过选择其中一个,沿着渐变条66显示此个数的分支点(指示体67)。
另外,任意指示体67都可以通过使用光标11的操作而沿渐变条66移动,但在这种情况下,该移动的指示体67指示的渐变条66上的位置的颜色也不变化。因此,例如使中间部指示体67I移动时,对于渐变条66上的该中间部指示体67I设定的颜色,同样在渐变条66上移动。结果,该中间部指示体67I和左端侧指示体67L、右端侧指示体67R之间的颜色(也包含灰度)的渐变的倾向变化。例如,当使中间部指示体67I接近左端侧指示体67L时,从该左端侧指示体67L向中间部指示体67I的颜色(包含灰度)的渐变(颜色的变化)变得急剧,另外,此时中间部指示体67I从右端侧指示体67R远离,因此,从中间部指示体67I向右端侧指示体67R的颜色(包含灰度)的渐变变得缓和。
接着,根据图34A、34B说明渐变分支点设定部61的分支点增减部63的操作。此外,在该图中,67Ia是中间部指示体,63a是“+”按钮,63b是“-”按钮,对与图33对应的部分附加相同符号,省略重复的说明。
分支点增减部63由“+”按钮63a和“-”按钮63b构成,“+”按钮63a是用于在渐变条66中使中间部指示体增加的按钮,在光标11的每次按下操作中,使中间部指示体每次增加1个。另外,“-”按钮63a是用于在渐变条66中使中间部指示体减少的按钮,在光标11的每次按下操作中,使中间部指示体减少1个。
图34A表示“+”按钮63a的操作,其(a)表示选择了与图33相同的中间部指示体67I的状态。在该状态下,当通过光标11对“+”按钮63a进行按下操作时,如图34A(b)所示,在所选择的中间指示体67I和其右侧的指示体、在此是右端侧指示体67R的中间位置,追加显示新的中间指示体67Ia。在此,与图33同样,当设中间指示体67I的渐变条66上的位置为“50%”的位置时(在这种情况下,在选择分支点位置显示部64中显示该“50%”),在中间指示体67I和右端侧指示体67R间的中间的“75%”的位置,该新的中间指示体67Ia以被选择状态(因此,代替中间指示体67I而附加了选择框68的状态)显示。另外,在选择分支点位置显示部64中显示表示所选择的该新的中间指示体67Ia的位置的“75%”。另外,由于指示体67增加了1个,因此分支点数显示部62中的显示从值“3”变更为值“4”。
于是,当在分支点增减部63中操作“+”按钮63a时,每进行一次该操作追加1个中间指示体67I。作为此时的追加位置,成为此时选择的中间指示体67I和其右侧的指示体67的中间位置。因此,在图34A(b)的状态下操作“+”按钮63a时,在此时选择的中间指示体67Ia和其右侧的右端侧指示体67R的中间位置追加新的中间指示体67I。该位置成为“83%”(小数部分舍去),该新的中间指示体67I成为选择状态,在选择分支点位置显示部64中显示该位置的“83%”。
于是,关于所追加的中间指示体67Ia,成为了对其附加了选择框68的选择状态,通过在灰度色标41或调色板42中选择灰度或颜色,可以在渐变条66的该中间指示体67Ia的位置设定此选择的颜色(也包含灰度)。因此,在图34A(b)所述的状态下,在中间指示体67I的位置和中间指示体67Ia的位置间、或中间指示体67Ia的位置和右端侧指示体67R的位置间,设定从设定在中间指示体67Ia的位置的颜色(包含灰度)开始的渐变。
此外,当所选择的指示体67是右端侧指示体67R时,由于其右侧的指示体67不存在,因此,此时即使操作“+”按钮63a,也不追加新的中间指示体67I。即,此时,将“+”按钮63a设定为未激活的状态。
另外,在此,当操作分支点增减部63的“+”按钮63a时,在此时所选择的中间指示体67Ia和其右侧的指示体67之间的位置追加了新的中间指示体67I,但也可以在所选择的中间指示体67Ia和其左侧的指示体67之间的位置追加新的中间指示体67I。但是,在这种情况下,当所选择的指示体67是左端侧指示体67L时,其左侧的指示体67不存在,因此“+”按钮63a成为未激活。
图34B表示“-”按钮63b的操作,其(a)为与图33相同的状态,表示选择了右侧指示体67R的状态。在该状态下,通过光标11对“-”按钮63b进行按下操作时,如图34B(b)所示,删除该已选择的右端侧指示体67R,成为选择了该删除的指示体67即右端侧指示体67R的左侧的指示体67、在此是中间指示体67I的状态。因此,对该中间指示体67I附加选择框68,同时在选择分支点位置显示部64中显示该新选择的中间指示体67的位置、即“50%”。另外,由于减少了1个指示体67,所以分支点数显示部62中的显示从值“3”表更为值“2”。
在选择左端侧指示体67L,操作了“-”按钮63b的情况下也同样,删除左端侧指示体67L,另外,在选择中间指示体67I、操作了“-”按钮63b的情况下也同样,删除该中间指示体67I。
渐变条66中的指示体67仅为左端侧指示体67L和右端侧指示体67R这两个指示体67的情况下,设定了从通过左端侧指示体67L中设定的颜色到通过右端侧指示体67R设定的颜色的渐变(颜色(也包含灰度)的变化),在相应的要素的区域中,从其一端到另一端以通过渐变角度设定部60设定的角度设定所述渐变,但如图34B(b)所示,当两个指示体67是左端侧指示体67L和中间指示体67I时,从相应的要素的区域中的一端到另一端,以通过渐变角度设定部60设定的角度,设定从通过左端侧指示体67L设定的颜色到通过该中间指示体67I的渐变。
另外,当在渐变条66中设定的指示体67的个数为两个时(此时,分支点数显示部62中的显示为值“2”),由于无法进一步减少指示体67,因此分支点增减部63的“-”按钮63b成为未激活,即使通过光标11进行按下操作也不响应。
如上所述,通过操作分支点增减部63,可以进行分支指示体67I的追加或删除,可以恰当地设定要在要素的区域中设定的颜色(也包含灰度)的渐变的形态。
接着,根据图35说明图33中的中间指示体67I的操作。此外,在该图中,对与图34A、34B对应的部分附加相同符号,省略重复的说明。
图35A表示与图34A(b)相同的状态,表示“+”按钮63a的操作,假定在图33所示的状态下,在中间指示体67I和右端侧指示体67R之间追加中间指示体67Ia,在渐变条66中的该中间体67Ia的位置通过灰度色标41或调色板42设定了希望的颜色(包含灰度)。
在该状态下,使该中间指示体67Ia成为被附加了选择框68的选择状态,当进行光标11(未图示)的移动操作时,可以使该中间指示体67Ia沿着渐变条66移动。此时,当向箭头表示的左端侧指示体67L的方向进行移动操作时,该中间指示体67Ia移动,但其移动不受其它中间指示体67I影响,如图35B所示,可以越过该中间指示体67I向该中间指示体67I左端侧指示体67L移动。在此,假定从渐变条66的“75%”的位置越过中间指示体67I的“50%”移动到“30%”的位置,此时,在选择分支点位置显示部64中显示表示该中间指示体67Ia的位置的“30%”。中间指示体67Ia的移动,关于向右端侧指示体67R的与上述相反方向也相同。但是,无法使其移动到右端侧指示体67R或左端侧指示体67L的位置。
于是,可以使中间指示体67a的位置在渐变条66内任意变更,由此,可以任意地设定要素中的颜色(也包含灰度)的渐变的形态。
图36表示在本发明的内容画面的颜色定制方法的第3实施方式中的图8所示的颜色定制操作画面中展开的颜色选择器的一个具体例,40”是颜色选择器,46’是色度指定部,46a’是色度显示条,46b’是色度指定滑块,46c’是选择色度值显示框,47’是透明度指定部,47a’是透明度显示条,47b’是透明度指定滑块,47c’是选择透明度显示框,对与图22对应的部分附加相同符号,省略重复的说明。
在该图中,该具体例的颜色选择器40”与图22所示的颜色选择器40,在“单色”标签29中,色度指定部46’、透明度指定部47’分别与色度指定部46、透明度指定部47不同,灰度色标41、调色板42以及亮度指定部45与图22所示的颜色选择器40中的灰度色标41、调色板42以及亮度指定部45相同。
色度指定部46’被配置在灰度色标41或色调指定部44的上方,由色度显示条46a’、色度指定滑块46b’以及选择色度值显示框46c’构成,显示了与图22中的色度指定部46中的色度显示条46a的色度值对应的色度的颜色,但该色度指定部46’中的色度显示条46a’如图所示成为横长的细条(棒)状,该条的位置对应于色度值。在此,与图22中的色度显示条46同样,该色度值显示条46a’的左端部为“0”的最小色度值,右端部为“255”的最大色度值。该色度显示条46a’中的色度值,通过色度指定滑块46b’来选择,通过沿着色度显示条46a’对该色度指定滑块46b’进行移动操作,可以使要选择的色度值变化。
如图22所示的色度指定部46中的色度显示条46a那样,当在此显示与色度对应的颜色时,有时感觉上在该色度显示条46a中显示的所选择的色度、和由此实际在要素中表示的色度看起来不同,有时使用户混乱。在该具体例中,可以避免这种情况,不表现颜色的细条状地表示色度显示条46a’。
该色度指定部46’中的选择色度值显示框46c’与图22所示的颜色选择器40中的色度指定部46中的选择色度值显示框46c相同,显示在色度显示条46a’中通过色度指定滑块46b’选择的色度值,但图22所示的颜色选择器40中的色度指定部46中的选择色度值显示框46c中,为了明示在其中显示的对象(所选择的色度值),通过表示色度的符号“S”显示为“S:”,但在该具体例中,为使所显示的对象更加清晰,在选择色度值显示框46c中,作为其标题而显示表示所显示的对象的名称的例如“鲜艳度:”。
于是,在该具体例中,把色度指定部46’配置在其它指定的上方、即配置在最上方,由此,当用户操作颜色选择器40”时,首先会注意到该色度指定部46’。通常,在色度值为值“0”的情况下,即使操作其它指定部也维持灰度,有时不注意这一点而只是反复操作色调或亮度,但通过像这样把色度指定部46’配置在其它指定部上方,用户注意该色度指定部46’的可能性提高,使其首先进行色度的选择,色度可以成为与色调或亮度相同程度的操作对象,颜色的选择变得容易。
另外,在选择色度值显示框46c’中显示选择操作对象的名称,因此,可以简单地掌握色度指定部46’是用于调整颜色的色度、即鲜艳度的,在颜色(也包含灰度)的选择中,也与色调指定部44或亮度指定部42相同程度地处理色度指定部46’。
透明度指定部47’也如色度指定部46’那样,由透明度显示条47a’、透明度指定滑块47b’以及选择透明度值显示框47c’构成,显示与图22中的透明度指定部47中的透明度显示条47a的透明度对应的透明度的颜色,但该透明度指定部47’中的透明度显示条47a’如图所示成为横长的细条(棒)状,该条的位置与透明度对应。在此,与图22中的透明度显示条47a同样,该透明度显示条47a’的左端部为“0”的最小透明度,右端部为“255”的最大透明度。该透明度显示条47a’中的透明度,通过透明度指定滑块47b’来选择,通过沿着透明度显示条47a’对该透明度指定滑块47b’进行移动操作,可以使要选择的透明度变化。
另外,透明度指定部47’也与透明度指定部46’同样,如图22所示的透明度指定部47中的透明度显示条47a那样,当在此显示与透明度对应的颜色时,有时感觉上在该透明度显示条47a中显示的所选择的透明度、和由此实际在要素中表示的透明度看起来不同,有时使用户混乱。在该具体例中,可以避免这种情况,以不表现颜色的细条状表示透明度显示条47a’。
此外,该透明度指定部47’中的选择透明度值显示框47c’中,也与图22所示的颜色选择器40中的透明度指定部47中的选择透明度显示框47c同样,显示在透明度显示条47a’中通过透明度指定滑块47b’选择的透明度,但与色度指定部46’同样,代替图22中的选择透明度显示框47c中作为标题的表达透明度的符号“α”,在该具体例中,为了使显示的对象更加清晰,在选择透明度值显示框47c’中,作为其标题而显示表示所显示的对象的名称的、例如“透明度:”。
在该具体例的颜色选择器40”的“单色”标签29中,以上的方面与图22所示的颜色选择器40中的“单色”标签29不同,该具体例的灰度色标41或调色板42、色调指定部44是图22所示的颜色选择器40中的“单色”标签29的灰度色标41或调色板42、色调指定部44。但是,在色调指定部44中的选择色调值显示框44d或亮度指定部45中的选择亮度值显示框45d中,与上述的选择色度值显示框46c’或选择透明度值显示框47’同样地,例如如图所示,以“色调”或“明亮度”这样的表现来显示其显示对象的名称。
以上方面以外的方面与在先的实施方式相同。例如,作为色调指定部44或亮度指定部45,可以使用图24所示的结构的色调指定滑块44b’、亮度指定滑块45b’,并且也进行图28A、28B、图29~图32中表示的显示。
另外,关于“渐变”标签30也同样,例如在图33所示的“渐变”标签30中,把灰度色标41或调色板42、色调指定部44、色度指定部46、透明度指定部47设为图36所示的灰度色标41或调色板42、色调指定部44、色度指定部46’、透明度指定部47’的结构。
Claims (15)
1.一种内容画面的颜色定制方法,用于支援在内容画面中显示的部件的颜色选择,其特征在于,
在该内容画面中指定成为颜色选择对象的部件的同时,显示颜色定制操作画面,
在该颜色定制操作画面中,针对构成所指定的该部件的每个要素,显示颜色选择用的调色板,并且针对构成与所指定的该部件连接的其它部件的每个要素,显示颜色选择用的调色板,
通过在该调色板中选择希望的颜色,以选择出的该颜色来显示所选择的该部件的该各个要素和该其它部件的该各个要素。
2.根据权利要求1所述的内容画面的颜色定制方法,其特征在于,
所述部件由作为所述要素的字符和背景构成,而且根据需要,作为所述要素而具有框线。
3.根据权利要求2所述的内容画面的颜色定制方法,其特征在于,
在与作为所述要素的字符和背景对应的所述调色板的某一方中,把该字符和该背景的亮度对比率不足第一比率的颜色作为不能选择的颜色,对该颜色附加表示是无法选择的颜色的标记,
在与作为所述要素的字符以外的两个所述要素分别对应的所述调色板的某一方中,把这些要素中的亮度对比率不足第二比率的颜色作为不推荐选择的颜色,对该颜色附加表示是不推荐选择的颜色的标记。
4.根据权利要求3所述的内容画面的颜色定制方法,其特征在于,
所述第一比率为4.5∶1,所述第二比率为1.7∶1。
5.根据权利要求1所述的内容画面的颜色定制方法,其特征在于,
所述指定的部件是在所指定的拖拽区域中包含的多个部件,针对该拖拽区域内的每个该部件,显示构成该部件的各个要素的所述颜色选择用的调色板。
6.根据权利要求1所述的内容画面的颜色定制方法,其特征在于,
所述其它部件,是与所述指定的部件重叠显示的部件。
7.根据权利要求1所述的内容画面的颜色定制方法,其特征在于,
在所述颜色定制操作画面中设定的预览区域中显示选择部件区域,该选择部件区域包含在所述内容画面中指定的所述部件。
8.一种内容画面的颜色定制方法,用于支援在内容画面中显示的部件的颜色选择,其特征在于,
在该内容画面中指定成为颜色选择对象的部件的同时,显示颜色定制操作画面,
在该颜色定制操作画面中显示颜色选择用的调色板,
在该调色板中设有用于对色调、亮度、色度以及透明度中的各项进行指定的指定部,并且矩阵状地配置了多个颜色的色元,所述多个颜色的色元具有通过该色调的指定部指定的色调范围的色调、且具有通过该亮度的指定部指定的亮度范围的亮度,
通过在该调色板中选择显示所希望的颜色的该色元,以选择出的该颜色来显示所指定的该部件。
9.根据权利要求8所述的内容画面的颜色定制方法,其特征在于,
以色调和亮度为轴矩阵状地配置所述色元,
沿该矩阵的色调轴配置的所述色元,显示相同亮度而所述色调范围不同的色调的颜色,沿该矩阵的亮度轴配置的所述色元,显示相同色调而所述亮度范围不同的亮度的颜色。
10.根据权利要求8所述的内容画面的颜色定制方法,其特征在于,
在所述色调的指定部中,设定并显示了表示无法选择的色调的范围的不可选择区域,在所述亮度的指定部中,设定并显示了表示无法选择的亮度的范围的不可选择区域。
11.根据权利要求10所述的内容画面的颜色定制方法,其特征在于,
在所述色调的指定部的所述不可选择区域中也包含可以选择但不推荐选择的色调,在所述亮度的指定部的所述不可选择区域中也包含可以选择但不推荐选择的亮度。
12.根据权利要求8所述的内容画面的颜色定制方法,其特征在于,
所述色调的指定部具有色调显示条、以及可以沿该色调显示条移动的,用于指定该色调显示条中的色调的色调指定滑块,设定以通过该色调指定滑块指定的该色调显示条中的色调为中心的色调指定范围,该色调指定范围中的色调是通过所述调色板的所述色元显示的颜色的色调,
所述亮度的指定部具有亮度显示条、以及可以沿该亮度显示条移动的,用于指定该亮度显示条中的亮度的亮度指定滑块,设定以通过该亮度指定滑块指定的该亮度显示条中的亮度为中心的亮度指定范围,该亮度指定范围中的亮度是通过所述调色板的所述色元显示的颜色的亮度。
13.根据权利要求8所述的内容画面的颜色定制方法,其特征在于,
针对所指定的所述部件的每个要素,同时显示所述调色板和具有色调、亮度、色度以及透明度的指定部的颜色选择器。
14.根据权利要求11所述的内容画面的颜色定制方法,其特征在于,
对于所选择的所述部件的要素,通过计算可否对与该要素相邻的其它要素的颜色进行判别,来判定是所述无法选择的颜色或可以选择但不推荐选择的颜色。
15.根据权利要求8所述的内容画面的颜色定制方法,其特征在于,
在所述调色板的上部配置所述色度的指定部,在所述色度的指定部的下方,以色调和亮度为轴矩阵状地配置所述色元。
Applications Claiming Priority (4)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP2009228553A JP5232119B2 (ja) | 2009-09-30 | 2009-09-30 | コンテンツ画面の色カスタマイズ方法 |
JP2009-228553 | 2009-09-30 | ||
JP2010017783A JP4951682B2 (ja) | 2010-01-29 | 2010-01-29 | コンテンツ画面の色カスタマイズ方法 |
JP2010-017783 | 2010-01-29 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN102035990A true CN102035990A (zh) | 2011-04-27 |
Family
ID=43413901
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN2010101703260A Pending CN102035990A (zh) | 2009-09-30 | 2010-04-29 | 内容画面的颜色定制方法 |
Country Status (3)
Country | Link |
---|---|
US (1) | US20110074807A1 (zh) |
EP (1) | EP2333723A3 (zh) |
CN (1) | CN102035990A (zh) |
Cited By (23)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103137095A (zh) * | 2011-11-23 | 2013-06-05 | 腾讯科技(深圳)有限公司 | 设置电子阅读前景和背景的方法与装置 |
CN104978189A (zh) * | 2015-06-19 | 2015-10-14 | 深圳天珑无线科技有限公司 | 应用描述的文字颜色更改方法、装置及移动终端 |
CN105892849A (zh) * | 2015-02-13 | 2016-08-24 | 三星电子株式会社 | 图像处理方法和支持其的电子设备 |
CN106251799A (zh) * | 2015-06-12 | 2016-12-21 | 三星显示有限公司 | 驱动显示装置的方法 |
CN108280865A (zh) * | 2017-12-08 | 2018-07-13 | 广州视源电子科技股份有限公司 | 调色方法、系统、存储介质及计算机设备 |
CN109155808A (zh) * | 2016-07-08 | 2019-01-04 | 惠普发展公司有限责任合伙企业 | 打印设备供应部件 |
CN110456965A (zh) * | 2018-05-07 | 2019-11-15 | 苹果公司 | 头像创建用户界面 |
CN111124404A (zh) * | 2019-11-29 | 2020-05-08 | 武汉虹信技术服务有限责任公司 | 一种自定义颜色的显示方法及系统 |
US10674043B2 (en) | 2016-07-08 | 2020-06-02 | Hewlett-Packard Development Company, L.P. | Color table compression |
CN111381912A (zh) * | 2018-12-29 | 2020-07-07 | 北京金山云网络技术有限公司 | 一种ui调色板确定方法、装置、设备及存储介质 |
CN111857503A (zh) * | 2020-07-14 | 2020-10-30 | 维沃移动通信有限公司 | 显示方法、显示装置及电子设备 |
CN113032063A (zh) * | 2019-12-24 | 2021-06-25 | 腾讯科技(深圳)有限公司 | 一种数据处理的方法以及相关装置 |
US11061372B1 (en) | 2020-05-11 | 2021-07-13 | Apple Inc. | User interfaces related to time |
US11107261B2 (en) | 2019-01-18 | 2021-08-31 | Apple Inc. | Virtual avatar animation based on facial feature movement |
US11178335B2 (en) | 2018-05-07 | 2021-11-16 | Apple Inc. | Creative camera |
US11380077B2 (en) | 2018-05-07 | 2022-07-05 | Apple Inc. | Avatar creation user interface |
US11481988B2 (en) | 2010-04-07 | 2022-10-25 | Apple Inc. | Avatar editing environment |
US11532112B2 (en) | 2017-05-16 | 2022-12-20 | Apple Inc. | Emoji recording and sending |
US11714536B2 (en) | 2021-05-21 | 2023-08-01 | Apple Inc. | Avatar sticker editor user interfaces |
US11722764B2 (en) | 2018-05-07 | 2023-08-08 | Apple Inc. | Creative camera |
US11776190B2 (en) | 2021-06-04 | 2023-10-03 | Apple Inc. | Techniques for managing an avatar on a lock screen |
US11921998B2 (en) | 2020-05-11 | 2024-03-05 | Apple Inc. | Editing features of an avatar |
US12033296B2 (en) | 2023-04-24 | 2024-07-09 | Apple Inc. | Avatar creation user interface |
Families Citing this family (38)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20110141379A1 (en) * | 2008-08-26 | 2011-06-16 | Sharp Kabushiki Kaisha | Television receiver and method for driving television receiver |
US20130207994A1 (en) * | 2012-02-13 | 2013-08-15 | Vilen Rodeski | System and method for generating and applying a color theme to a user interface |
JP2014048827A (ja) * | 2012-08-30 | 2014-03-17 | Toshiba Corp | サーバ装置及びサーバ装置用プログラム |
US9397844B2 (en) | 2012-09-11 | 2016-07-19 | Apple Inc. | Automated graphical user-interface layout |
USD743975S1 (en) * | 2014-01-09 | 2015-11-24 | Microsoft Corporation | Display screen with animated graphical user interface |
USD743974S1 (en) * | 2014-01-09 | 2015-11-24 | Microsoft Corporation | Display screen with graphical user interface |
US20150324100A1 (en) * | 2014-05-08 | 2015-11-12 | Tictoc Planet, Inc. | Preview Reticule To Manipulate Coloration In A User Interface |
US10319116B1 (en) * | 2014-12-02 | 2019-06-11 | Amazon Technologies, Inc. | Dynamic color adjustment of electronic content |
US10152804B2 (en) | 2015-02-13 | 2018-12-11 | Smugmug, Inc. | System and method for dynamic color scheme application |
US10109092B1 (en) * | 2015-03-24 | 2018-10-23 | Imagical LLC | Automated text layout, color and other stylization on an image or video, and the tracking and application of user color preferences |
CN104918076B (zh) * | 2015-06-01 | 2018-10-26 | 无锡天脉聚源传媒科技有限公司 | 一种视频播单的发布方法及装置 |
US9792702B2 (en) * | 2015-11-16 | 2017-10-17 | Adobe Systems Incorporated | Enhanced precision background shading for digitally published text |
USD892860S1 (en) * | 2016-01-19 | 2020-08-11 | Avision Inc. | Display screen with animated graphical user interface |
EP3264251B1 (en) | 2016-06-29 | 2019-09-04 | Dassault Systèmes | Generation of a color of an object displayed on a gui |
CN106484594A (zh) * | 2016-09-30 | 2017-03-08 | 维沃移动通信有限公司 | 一种应用程序运行时间的控制方法及移动终端 |
USD845965S1 (en) * | 2016-12-20 | 2019-04-16 | Hancom, Inc. | Display screen or portion thereof with graphical user interface containing icon |
US10096133B1 (en) | 2017-03-31 | 2018-10-09 | Electronic Arts Inc. | Blendshape compression system |
US10878540B1 (en) * | 2017-08-15 | 2020-12-29 | Electronic Arts Inc. | Contrast ratio detection and rendering system |
US10535174B1 (en) | 2017-09-14 | 2020-01-14 | Electronic Arts Inc. | Particle-based inverse kinematic rendering system |
US10860838B1 (en) | 2018-01-16 | 2020-12-08 | Electronic Arts Inc. | Universal facial expression translation and character rendering system |
JP6532094B1 (ja) * | 2018-04-06 | 2019-06-19 | 株式会社アクセル | 表示処理装置、表示処理方法、及びプログラム |
US10902618B2 (en) | 2019-06-14 | 2021-01-26 | Electronic Arts Inc. | Universal body movement translation and character rendering system |
US11972353B2 (en) | 2020-01-22 | 2024-04-30 | Electronic Arts Inc. | Character controllers using motion variational autoencoders (MVAEs) |
US11232607B2 (en) * | 2020-01-24 | 2022-01-25 | Adobe Inc. | Adding color to digital images |
US11504625B2 (en) | 2020-02-14 | 2022-11-22 | Electronic Arts Inc. | Color blindness diagnostic system |
US11232621B2 (en) | 2020-04-06 | 2022-01-25 | Electronic Arts Inc. | Enhanced animation generation based on conditional modeling |
US11648480B2 (en) | 2020-04-06 | 2023-05-16 | Electronic Arts Inc. | Enhanced pose generation based on generative modeling |
USD968441S1 (en) | 2020-04-30 | 2022-11-01 | The Procter & Gamble Company | Display screen with graphical user interface |
USD962256S1 (en) | 2020-05-14 | 2022-08-30 | The Procter & Gamble Company | Display screen with graphical user interface |
US11580669B2 (en) * | 2020-11-09 | 2023-02-14 | Adobe Inc. | Context-aware text color recommendation system |
US11386590B1 (en) * | 2021-01-20 | 2022-07-12 | OpenGov, Inc. | In-application adjacent color contrast detection |
US11830121B1 (en) | 2021-01-26 | 2023-11-28 | Electronic Arts Inc. | Neural animation layering for synthesizing martial arts movements |
US11861763B2 (en) | 2021-04-20 | 2024-01-02 | Adobe Inc. | Contrast ratio color picker |
US11887232B2 (en) | 2021-06-10 | 2024-01-30 | Electronic Arts Inc. | Enhanced system for generation of facial models and animation |
US11651530B2 (en) * | 2021-06-22 | 2023-05-16 | Adobe Inc. | Modification of color contrast ratio based on target contrast |
US11670030B2 (en) | 2021-07-01 | 2023-06-06 | Electronic Arts Inc. | Enhanced animation generation based on video with local phase |
US11562523B1 (en) | 2021-08-02 | 2023-01-24 | Electronic Arts Inc. | Enhanced animation generation based on motion matching using local bone phases |
US11681540B1 (en) * | 2022-04-03 | 2023-06-20 | UserWay Ltd. | Accessibility content editing, control and management |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JPH09114627A (ja) * | 1995-10-20 | 1997-05-02 | Ricoh Co Ltd | 画像形成装置 |
JP2003150971A (ja) * | 2001-11-09 | 2003-05-23 | Konica Corp | 情報処理方法、情報処理システム、情報処理装置、及びプログラムを記録した情報記録媒体 |
JP3594523B2 (ja) * | 1999-11-02 | 2004-12-02 | 三洋電機株式会社 | デジタルテレビ放送受信機 |
JP3921888B2 (ja) * | 1999-09-03 | 2007-05-30 | 富士ゼロックス株式会社 | 配色支援装置および配色支援方法 |
CN101194281A (zh) * | 2005-02-28 | 2008-06-04 | 贝洱工艺有限公司 | 颜色选择、协调、购买和递送系统 |
Family Cites Families (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US6697079B2 (en) * | 2001-03-15 | 2004-02-24 | Apple Computer, Inc. | Color palette providing cross-platform consistency |
US7054483B2 (en) * | 2002-03-15 | 2006-05-30 | Ncr Corporation | Methods for selecting high visual contrast colors in user-interface design |
US7061503B2 (en) * | 2002-07-01 | 2006-06-13 | Canon Kabushiki Kaisha | In-gamut color picker |
JP2008153749A (ja) | 2006-12-14 | 2008-07-03 | Kyocera Mita Corp | 画像処理装置 |
JP2008182513A (ja) | 2007-01-25 | 2008-08-07 | Matsushita Electric Ind Co Ltd | 情報書き込み機能を備えた撮像装置 |
US7701464B1 (en) * | 2007-03-07 | 2010-04-20 | Adobe Systems, Incorporated | Group color mixer and color organizer |
JP2009027605A (ja) | 2007-07-23 | 2009-02-05 | Funai Electric Co Ltd | 光ディスク装置 |
JP2009228553A (ja) | 2008-03-21 | 2009-10-08 | Shin Kagaku Kaihatsu Kenkyusho:Kk | 循環式炭酸ガスエンジンシステム |
JP5160980B2 (ja) | 2008-07-08 | 2013-03-13 | オークマ株式会社 | 振動抑制方法及び装置 |
-
2010
- 2010-04-27 US US12/767,844 patent/US20110074807A1/en not_active Abandoned
- 2010-04-29 CN CN2010101703260A patent/CN102035990A/zh active Pending
- 2010-09-30 EP EP10012304.1A patent/EP2333723A3/en not_active Withdrawn
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JPH09114627A (ja) * | 1995-10-20 | 1997-05-02 | Ricoh Co Ltd | 画像形成装置 |
JP3921888B2 (ja) * | 1999-09-03 | 2007-05-30 | 富士ゼロックス株式会社 | 配色支援装置および配色支援方法 |
JP3594523B2 (ja) * | 1999-11-02 | 2004-12-02 | 三洋電機株式会社 | デジタルテレビ放送受信機 |
JP2003150971A (ja) * | 2001-11-09 | 2003-05-23 | Konica Corp | 情報処理方法、情報処理システム、情報処理装置、及びプログラムを記録した情報記録媒体 |
CN101194281A (zh) * | 2005-02-28 | 2008-06-04 | 贝洱工艺有限公司 | 颜色选择、协调、购买和递送系统 |
Cited By (41)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US11869165B2 (en) | 2010-04-07 | 2024-01-09 | Apple Inc. | Avatar editing environment |
US11481988B2 (en) | 2010-04-07 | 2022-10-25 | Apple Inc. | Avatar editing environment |
CN103137095B (zh) * | 2011-11-23 | 2016-01-13 | 腾讯科技(深圳)有限公司 | 设置电子阅读前景和背景的方法与装置 |
CN103137095A (zh) * | 2011-11-23 | 2013-06-05 | 腾讯科技(深圳)有限公司 | 设置电子阅读前景和背景的方法与装置 |
CN105892849A (zh) * | 2015-02-13 | 2016-08-24 | 三星电子株式会社 | 图像处理方法和支持其的电子设备 |
CN105892849B (zh) * | 2015-02-13 | 2021-02-23 | 三星电子株式会社 | 图像处理方法和支持其的电子设备 |
CN106251799A (zh) * | 2015-06-12 | 2016-12-21 | 三星显示有限公司 | 驱动显示装置的方法 |
CN106251799B (zh) * | 2015-06-12 | 2021-12-07 | 三星显示有限公司 | 驱动显示装置的方法 |
CN104978189A (zh) * | 2015-06-19 | 2015-10-14 | 深圳天珑无线科技有限公司 | 应用描述的文字颜色更改方法、装置及移动终端 |
US10674043B2 (en) | 2016-07-08 | 2020-06-02 | Hewlett-Packard Development Company, L.P. | Color table compression |
US10630868B2 (en) | 2016-07-08 | 2020-04-21 | Hewlett-Packard Development Company, L.P. | Component comprising a memory device including corrective data |
CN109155808A (zh) * | 2016-07-08 | 2019-01-04 | 惠普发展公司有限责任合伙企业 | 打印设备供应部件 |
US10602028B2 (en) | 2016-07-08 | 2020-03-24 | Hewlett-Packard Development Company, L.P. | Color table compression |
CN109155808B (zh) * | 2016-07-08 | 2020-11-17 | 惠普发展公司,有限责任合伙企业 | 打印设备供应部件 |
US10574862B2 (en) | 2016-07-08 | 2020-02-25 | Hewlett-Packard Development Company, L.P. | Printing device supply component |
US11532112B2 (en) | 2017-05-16 | 2022-12-20 | Apple Inc. | Emoji recording and sending |
CN108280865A (zh) * | 2017-12-08 | 2018-07-13 | 广州视源电子科技股份有限公司 | 调色方法、系统、存储介质及计算机设备 |
CN108280865B (zh) * | 2017-12-08 | 2021-05-18 | 广州视源电子科技股份有限公司 | 调色方法、系统、存储介质及计算机设备 |
US11722764B2 (en) | 2018-05-07 | 2023-08-08 | Apple Inc. | Creative camera |
US11682182B2 (en) | 2018-05-07 | 2023-06-20 | Apple Inc. | Avatar creation user interface |
CN110456965A (zh) * | 2018-05-07 | 2019-11-15 | 苹果公司 | 头像创建用户界面 |
CN113535306A (zh) * | 2018-05-07 | 2021-10-22 | 苹果公司 | 头像创建用户界面 |
US11178335B2 (en) | 2018-05-07 | 2021-11-16 | Apple Inc. | Creative camera |
US11380077B2 (en) | 2018-05-07 | 2022-07-05 | Apple Inc. | Avatar creation user interface |
CN113535306B (zh) * | 2018-05-07 | 2023-04-07 | 苹果公司 | 头像创建用户界面 |
CN111381912A (zh) * | 2018-12-29 | 2020-07-07 | 北京金山云网络技术有限公司 | 一种ui调色板确定方法、装置、设备及存储介质 |
CN111381912B (zh) * | 2018-12-29 | 2024-02-02 | 北京金山云网络技术有限公司 | 一种ui调色板确定方法、装置、设备及存储介质 |
US11107261B2 (en) | 2019-01-18 | 2021-08-31 | Apple Inc. | Virtual avatar animation based on facial feature movement |
CN111124404B (zh) * | 2019-11-29 | 2023-06-20 | 武汉虹信技术服务有限责任公司 | 一种自定义颜色的显示方法及系统 |
CN111124404A (zh) * | 2019-11-29 | 2020-05-08 | 武汉虹信技术服务有限责任公司 | 一种自定义颜色的显示方法及系统 |
CN113032063A (zh) * | 2019-12-24 | 2021-06-25 | 腾讯科技(深圳)有限公司 | 一种数据处理的方法以及相关装置 |
CN113032063B (zh) * | 2019-12-24 | 2024-04-26 | 腾讯科技(深圳)有限公司 | 一种数据处理的方法以及相关装置 |
US11921998B2 (en) | 2020-05-11 | 2024-03-05 | Apple Inc. | Editing features of an avatar |
US11822778B2 (en) | 2020-05-11 | 2023-11-21 | Apple Inc. | User interfaces related to time |
US11442414B2 (en) | 2020-05-11 | 2022-09-13 | Apple Inc. | User interfaces related to time |
US11061372B1 (en) | 2020-05-11 | 2021-07-13 | Apple Inc. | User interfaces related to time |
US12008230B2 (en) | 2020-05-11 | 2024-06-11 | Apple Inc. | User interfaces related to time with an editable background |
CN111857503A (zh) * | 2020-07-14 | 2020-10-30 | 维沃移动通信有限公司 | 显示方法、显示装置及电子设备 |
US11714536B2 (en) | 2021-05-21 | 2023-08-01 | Apple Inc. | Avatar sticker editor user interfaces |
US11776190B2 (en) | 2021-06-04 | 2023-10-03 | Apple Inc. | Techniques for managing an avatar on a lock screen |
US12033296B2 (en) | 2023-04-24 | 2024-07-09 | Apple Inc. | Avatar creation user interface |
Also Published As
Publication number | Publication date |
---|---|
EP2333723A2 (en) | 2011-06-15 |
US20110074807A1 (en) | 2011-03-31 |
EP2333723A3 (en) | 2013-08-21 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN102035990A (zh) | 内容画面的颜色定制方法 | |
US8089492B2 (en) | On-screen colour selection | |
KR101470264B1 (ko) | 이차원 슬라이더 컨트롤 | |
US5590265A (en) | System which can display multiwindows and its window dosplay method | |
US6072914A (en) | Image processing apparatus capable of synthesizing images based on transmittance data | |
CN101365066A (zh) | 照相装置 | |
WO2008066880A2 (en) | Combined color harmony generation and artwork recoloring mechanism | |
EP0836157A2 (en) | Information processing apparatus | |
WO2006048796A1 (en) | Visualization of a rendered multi-dimensional dataset | |
JP2011160030A (ja) | コンテンツ画面の色カスタマイズ方法 | |
CN102768625A (zh) | Windows用户界面的换肤方法和装置 | |
US8086966B2 (en) | Electronic apparatus and method of initializing setting items thereof | |
EP1810248B1 (en) | Visualization of a rendered multi-dimensional dataset | |
CN109445669B (zh) | 一种对图片进行显示与绘制的方法 | |
CN107657000A (zh) | 大文本智能管理系统生成系统Hxcel格式技术方法 | |
JP5232119B2 (ja) | コンテンツ画面の色カスタマイズ方法 | |
JPH0785099A (ja) | 階層表示方式 | |
JP2013003906A (ja) | 電子文書装飾装置及び電子文書装飾プログラム | |
EP1030270B1 (en) | Image binarization method and system | |
JPH08315104A (ja) | 画像編集装置 | |
JP4967235B2 (ja) | ミキサ装置における画面照度調整装置及びプログラム | |
JPH05150929A (ja) | 表示方法 | |
JPH06223039A (ja) | メニューの表示方法 | |
JP2009289169A (ja) | Nc工作機械のモニタ画面表示装置 | |
JPH0560596B2 (zh) |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
AD01 | Patent right deemed abandoned |
Effective date of abandoning: 20110427 |
|
C20 | Patent right or utility model deemed to be abandoned or is abandoned |