CN104781850A - 自动化的图形用户界面布局 - Google Patents

自动化的图形用户界面布局 Download PDF

Info

Publication number
CN104781850A
CN104781850A CN201380051601.9A CN201380051601A CN104781850A CN 104781850 A CN104781850 A CN 104781850A CN 201380051601 A CN201380051601 A CN 201380051601A CN 104781850 A CN104781850 A CN 104781850A
Authority
CN
China
Prior art keywords
tone
mass
color
textcolor
input picture
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201380051601.9A
Other languages
English (en)
Other versions
CN104781850B (zh
Inventor
J·R·霍华德
B·R·弗里克
T·B·马丁
C·J·桑德斯
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Apple Inc
Original Assignee
Apple Computer Inc
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Apple Computer Inc filed Critical Apple Computer Inc
Publication of CN104781850A publication Critical patent/CN104781850A/zh
Application granted granted Critical
Publication of CN104781850B publication Critical patent/CN104781850B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G06T11/60—Editing figures and text; Combining figures or text
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/02—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the way in which colour is displayed
    • G09G5/026—Control of mixing and/or overlay of colours in general
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/36—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory
    • G09G5/37—Details of the operation on graphic patterns
    • G09G5/377—Details of the operation on graphic patterns for mixing or overlaying two or more graphic patterns
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L12/00—Data switching networks
    • H04L12/02—Details
    • H04L12/16—Arrangements for providing special services to substations
    • H04L12/18—Arrangements for providing special services to substations for broadcast or conference, e.g. multicast
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2200/00—Indexing scheme for image data processing or generation, in general
    • G06T2200/24—Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/12—Overlay of images, i.e. displayed pixel being the result of switching between the corresponding input pixels
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04L—TRANSMISSION OF DIGITAL INFORMATION, e.g. TELEGRAPHIC COMMUNICATION
    • H04L67/00—Network arrangements or protocols for supporting network services or applications
    • H04L67/01—Protocols
    • H04L67/10—Protocols in which an application is distributed across nodes in the network

Abstract

本公开的实施例涉及针对图形用户界面54自动生成动态变化的布局。具体地，本公开的实施例采用对与图形用户界面54的视图(例如，当前视图或未来视图)相关联的图像的分析来确定与图像互补的颜色。将颜色应用于视图，使得视图的色彩方案与图像相匹配。

Description

自动化的图形用户界面布局
背景技术
本专利申请是于2012年9月11日提交的标题为“Automated GraphicalUser-Interface Layout”的美国临时专利申请61/699,758的非临时申请，其以引用方式并入本文。
本公开整体涉及图形用户界面，并且更具体地涉及自动生成图形用户界面的布局。
此部分旨在向读者介绍本技术中的各个方面，其可能涉及下文描述和/或受权利要求书保护的本公开的各个方面。据信这种论述有助于向读者提供背景信息，以有利于更好地理解本公开的各个方面。因此，应当理解，就此而论，这些陈述将被阅读，而不是作为对现有技术的认可。
随着电子设备已越来越普及，内容诸如电影、音乐、图像等很大程度上变得可通过这些电子设备以数字格式显示。因此，用于电子设备的数字内容播放器已变得非常普及。由于这些播放器的普及，这些内容播放器的制造商通常会努力提高用户体验。遗憾的是，尽管重视这一点，但内容播放器通常具有静态布局(例如，静态色彩方案、背景图像等)，其不会基于内容播放器正在显示的内容而变化。
发明内容
下文阐述本文公开的某些实施例的概要。应当理解，呈现这些方面仅仅是为了给读者提供这些特定实施例的简明概要，并且这些方面并非旨在限制本公开的范围。实际上，本公开可涵盖下文可能未阐述的多个方面。
本公开的实施例涉及用于基于表示图形用户界面的当前显示部分的图标来动态改变图形用户界面布局的设备和方法。在一些实施例中，数字内容播放器可基于封面艺术或与当前显示内容相关联的另一图像来定义布局参数。因此，可动态地增强内容播放器的布局以补充当前显示的数字内容。
附图说明
在阅读以下详细描述并参考附图时，可更好地理解本公开的各个方面，其中：
图1是根据一个实施例的电子设备的部件的框图；
图2是根据一个实施例的电子设备的实例的示意图；
图3是描述根据一个实施例的用于应用动态布局的过程的流程图；
图4示出了根据一个实施例的其中内容播放器外部的服务器生成要由内容播放器显示的布局的系统；
图5示出了根据一个实施例的其中托管内容播放器的客户端生成布局的系统；
图6是示出了根据一个实施例的用于从与数字内容相关联的图像确定背景和主色的过程的流程图；
图7示出了根据一个实施例的用于从图6的过程的主色中选择主要文本颜色的过程；
图8示出了根据一个实施例的用于从图6的过程的主色中选择次要颜色的过程；
图9示出了根据一个实施例的使用在图7和图8的过程中确定的颜色的内容播放器图形用户界面的实例；以及
图10是示出了根据一个实施例的对输入图像进行边缘分析使得可修剪边界的过程的流程图。
具体实施方式
下文将描述一个或多个具体实施例。为了努力提供这些实施例的简明描述，在说明书中并未描述实际实施的所有特征。应当理解，在任何这种实际实施的发展中，如任何工程学或设计项目中那样，必须要作出多个特定于具体实施的决策以实现开发者的具体目标，诸如符合可能随具体实施而变化的与系统相关的一致性和与事务相关的约束条件。此外，应当理解，这种开发工作可能很复杂且耗时，但对于受益于本公开的那些普通技术人员而言仍然是一种设计、生产和制造的常规任务。
本技术允许基于与图形用户界面的当前视图相关联的图标来动态生成图形用户界面的布局。例如，可使诸如可得自Apple Inc.(Cupertino,California)的应用程序的内容播放器能够基于图标诸如用户提供的图形或内容封面艺术来提供动态布局。该动态布局可包括基于图标的背景图像和/或颜色以及文本颜色的改变。
考虑到这些前述特征，下文描述了对用于实施本技术的方面的合适的电子设备的一般描述。在图1中，提供了示出可存在于适于与本技术一起使用的电子设备中的各种部件的框图。在图2中，示出了合适的电子设备(在这里提供作为台式计算机)的一个实例。提供类似的存储和/或处理功能的这种类型的电子设备以及其他电子设备可与本技术结合使用。例如，根据本公开的教导内容，可使用这些和类似类型的电子设备来显示动态布局图形用户界面。
合适的电子设备的实例可包括有助于设备起作用的各种内部和/或外部部件。图1是示出了可存在于此类电子设备10中的部件的框图，此部件可使得设备10根据本文讨论的技术起作用。图1中所示的各种功能块可包括硬件元件(包括电路)、软件元件(包括存储在机器可读介质上的计算机代码)、或硬件元件和软件元件两者的组合。还应当指出的是，图1仅为特定具体实施的一个实例，并且仅旨在示出可存在于设备10中的部件的类型。例如，在当前例示的实施例中，这些部件可包括显示器12、I/O端口16、输入结构18、一个或多个处理器20、存储器设备22、非易失性存储装置24、联网设备26和电源28。
对于这些部件中的每一个部件而言，显示器12可用于显示由设备10生成的各种图像。显示器12可以是任何类型的显示器，诸如阴极射线管(CRT)、液晶显示器(LCD)、发光二极管(LED)显示器、有机发光二极管(OLED)显示器，或其他合适的显示器。另外，在电子设备10的某些实施例中，显示器12可包括触摸感应元件诸如触摸屏。
I/O端口16可包括被配置为连接到各种外部设备的端口，诸如电源或其他电子设备(诸如手持设备和/或计算机、打印机、投影仪、外部显示器、调制解调器、扩展坞，等等)。I/O端口16可支持任何接口类型，诸如通用串行总线(USB)端口、视频端口、串行连接端口、IEEE-1394端口、以太网或调制解调器端口、和/或AC/DC电源连接端口。
输入结构18可包括向处理器20提供用户输入或反馈的各种设备、电路和路径。此类输入结构18可被配置为当致动时控制设备10的功能。例如，输入结构18可包括按钮、滑块、开关、控制盘、按键、旋钮、滚轮、键盘、鼠标、触摸板等。
在某些实施例中，输入结构18和显示器12可被一起提供，诸如就触敏机构与显示器12一起被提供的触摸屏而言。在此类实施例中，用户可通过触敏机构选择所显示的界面元件或与该所显示的界面元件进行交互。这样，所显示的用户界面可提供交互功能，从而允许用户通过触摸屏或其他输入结构从在显示器12上显示的各个选项中进行选择。
用户与输入结构18进行交互诸如与在显示器12上所显示的用户或应用界面进行交互可生成指示用户输入的电信号。这些输入信号可经由合适的路径(诸如输入集线器或总线)路由至一个或多个处理器20以用于进一步处理。
一个或多个处理器20可提供处理能力，以执行操作系统、程序、用户和应用界面，以及电子设备10的任何其他功能。一个或多个处理器20可包括一个或多个微处理器，诸如一个或多个“通用”微处理器、一个或多个专用微处理器和/或ASIC或此类处理部件的某种组合。例如，处理器20可包括一个或多个精简指令集(RISC)处理器，以及图形处理器、视频处理器、音频处理器和/或相关芯片组。
要由一个或多个处理器20处理的指令或数据可被存储在存储器22中。存储器22可被提供作为易失性存储器诸如随机存取存储器(RAM)，和/或提供非易失性存储器诸如只读存储器(ROM)。存储器22可存储各种信息并可用于各种目的。例如，存储器22可存储电子设备10的固件(诸如，基本输入/输出指令或操作系统指令)、实现电子设备10的各种功能的其他程序、用户界面功能、处理器功能，并可用于在电子设备10工作期间进行缓冲或高速缓存。
部件还可包括用于永久存储数据和/或指令的非易失性存储装置24。非易失性存储装置24可包括闪存存储器、硬盘驱动器或任何其他光学、磁性和/或固态存储介质。非易失性存储装置24可用于存储数据文件，诸如个人信息、软件(如用于在电子设备10或其他电子设备上播放数字内容的应用程序)、无线连接信息(如可启用电子设备10以建立无线连接的信息，诸如电话或无线网络连接)、和任何其他合适的数据。
图1所示的部件还包括网络设备26，诸如网络控制器或网络接口卡(NIC)。在一个实施例中，网络设备26可为无线NIC，该无线NIC通过任何802.11标准或任何其他合适的无线联网标准来提供无线连通性。网络设备26可允许电子设备10通过网络进行通信，该网络诸如局域网(LAN)、广域网(WAN)、或互联网。此外，电子设备10可连接到网络上的任何设备以及发送或接收数据，该网络上的任何设备诸如便携式电子设备、个人计算机、打印机等。另选地，在一些实施例中，电子设备10可不包括网络设备26。在此类实施例中，NIC可作为扩展卡而被添加，以提供如上所述的类似联网能力。
此外，部件还可包括电源28。在一个实施例中，电源28可以是一个或多个电池诸如锂离子聚合物电池。电池可被用户移除或者可被固定在电子设备10的外壳中，并且可以是可再充电的。另外，电源28可包括诸如由电源插座提供的AC电源，并且电子设备10可经由电源适配器连接到电源28。该电源适配器还可用于为一个或多个电池(如果存在)进行再充电。
图2示出了以台式计算机50诸如Apple Inc.的形式的电子设备10，其可用于生成和/或呈现动态布局图形用户界面。应当指出的是，尽管下文将参考例示的电子设备50(可以是台式计算机)来描述技术，但可将本文描述的技术用于采用显示器的任何电子设备。例如，其他电子设备可包括膝上型计算机、平板电脑、可视媒体播放器、移动电话、个人数据管理器、工作站、独立显示器等。在某些实施例中，电子设备可包括得自Apple Inc.(Cupertino,California)的mini、Mac Pro、MacBookApple CinemaAppleThunderbolt或的机型。在其他实施例中，电子设备可包括得自任何制造商的其他机型和/或类型的电子设备。
如图2所示，台式计算机50包括外壳52，该外壳52支撑并保护内部部件诸如处理器、电路和控制器等，可用于生成要显示在显示器12上的图像。台式计算机50还包括用户输入结构18，本文示为键盘和鼠标，可由用户操作其以与台式计算机50进行交互。例如，可采用用户输入结构18以操作运行于台式计算机50上的操作系统的图形用户界面(GUI)54和运行于台式计算机50上的应用程序的GUI 56。输入结构18可通过有线或无线配置连接到电子设备10。此外，在某些实施例中，电子设备10可包括其他类型的用户输入结构，诸如触摸屏或触控板等。
GUI 54可包括多个层、窗口、屏幕、模板或可在显示器12的整体或部分中显示的其他图形元素。通常，GUI 54可包括表示电子设备的应用程序和功能的图形元素58。图形元素58可包括图标和表示按钮、滑块、菜单栏等的其他图像。图标可对应于电子设备的各种应用程序，当选择相应图标时该各种应用程序可打开。另外，选择图标可导致分级导航过程，使得选择引导至包括一个或多个附加图标或其他GUI元素58的屏幕的图标。可经由被包括在显示器12中的触摸屏来选择图标，或者可通过用户输入结构18诸如滚轮或按钮来选择图标。
当选择图标时，台式计算机50可被配置为打开与该图标相关联的应用程序并显示对应的屏幕。例如，当选择“iTunes”图标60时，台式个人计算机50可被配置为打开应用程序的应用程序GUI 56。
如上所述，GUI 54和/或GUI 56可包括动态布局功能，该动态布局功能使得GUI 54和/或56能够基于表示GUI 54和/或56的当前视图的图标动态改变GUI布局。例如，可使台式计算机50的处理器20能够分析在GUI56中显示的专辑插图或其他图像，以确定互补布局(例如，其中色彩方案与所显示的图像至少部分地匹配的布局)并向GUI 56应用互补布局。类似地，可基于在GUI 54中显示的背景图像62的分析来动态改变操作系统GUI 54的布局。
图3示出了一种基于在GUI中显示的图形图像来将动态布局应用于GUI的过程90。可由计算机，诸如图2的计算机50执行过程90。在一些实施例中，GUI中的设置可发起过程90。例如，GUI可包括激活和/或去激活动态布局调节的选项。当被激活时，过程90可由计算机50来实施。当被去激活时，计算机50可至少部分地停止过程90。例如，计算机50可停止整个过程90或可继续为不同的GUI视图确定互补布局，但不应用互补视图直到动态布局调节被重新激活。
过程90以获取输入图像开始(框92)。输入图像可以是与用户选择和/或GUI之内的当前视图相关的图像。例如，在库中，用户可选择一条特定的数字内容，诸如电影、歌曲、专辑等。在其他情况下，用户可选择流派、艺术家或与数字内容相关的其他页面。GUI可提供与用户的特定选择有关的视图。在这种情况下，可在视图上突出显示与用户的选择相关联的图像。因为突出显示该图像，所以可能期望协调当前视图与图像的布局。因此，输入图像可以是当前视图的突出显示的图像。
一旦获取了输入图像，就可执行图像分析以确定可能的背景颜色以及用于GUI的其他元素的颜色(框94)。例如，如下文将参考图6更详细描述的，计算机可确定输入图像的背景颜色以及其他主色。可通过对可能的颜色选择特性的一个或多个修改开发附加颜色来进一步扩展这些其他的可能的颜色选择。例如，可修改可能的颜色选择的半透明度和/或亮度以生成可用于GUI中的附加颜色。
一旦确定了背景颜色，计算机就可确定将在布局的色彩方案的可接受参数内的可能的颜色选择的组合(框96)。例如，计算机可包括描述最佳颜色组合和/或要避免的颜色组合的指令。例如，特定红色和蓝色的组合可生成不期望的“推入”或“弹出”效果。该指令可通过限制作为可接受颜色组合选择的蓝色和红色组合来特别避免这些效果。
另外，指令可包括对期望的色彩方案有用的特性和/或不会导致期望的色彩方案的特性。例如，指令可提供生成期望的色彩方案和/或低对比度颜色的高对比度颜色，从而导致不期望的色彩方案。许多不同的属性可被包括在用于颜色选择的指令中。在一些实施例中，指令可分解成彼此结合工作的多个颜色属性。例如，指令可规定，对于高对比度颜色选择，可允许更大量的透明度，而当选择低对比度颜色时，可允许更小的透明度。
一旦作出颜色选择，就将布局(例如，背景颜色、颜色选择和/或输入图像的版本)应用于GUI(框98)。例如，在一些实施例中，确定单一背景颜色和两种附加的颜色选择(例如，基色选择和二次色选择)。基于计算机的选择，可改变GUI的布局。例如，更高突出显示的文本可具有所应用的基色选择，而较低突出显示的文本可具有所应用的二次色。另外，在一些实施例中，也可基于改变颜色选择中的一种颜色选择的颜色属性(例如，修改颜色选择的亮度、透明度或其他属性)来产生三次色。可使用这种三次色为更低突出显示的文本提供另外的颜色选择。
图4和图5示出了可确定动态布局的可能的位置。在图4中，该布局是在托管内容播放器的客户端计算机外部生成的，在图5中，该布局是在托管内容播放器的同一客户端处生成的。首先从图4开始，示出了数字内容分布系统120。系统120包括客户端计算机122，该客户端计算机托管内容播放器124诸如能够应用动态布局的在例示的实施例中，客户端122经由通信网络126(例如互联网)可通信地耦接到内容分布服务器128，诸如由Apple Inc.托管的商店。服务器128可包括一个或多个服务130，以向客户端122提供数字内容和/或内容信息。此外，服务器128可包括服务132，该服务132基于由服务器128所获取的图像信息为一条特定的内容和/或内容信息视图生成布局。例如，对于具有图标/图像的每条内容和/或内容信息(例如，专辑、歌曲、艺术家、流派等)，服务器128可尝试根据图3中所述的过程90生成布局134。所生成的布局134可与数字内容/内容信息相关联，并可被直接服务至客户端122(如箭头136所示，或者可被存储于云存储装置138(如箭头140所示)中，以供客户端122检索，或者作为批量过程(例如，一次下载多个布局)或者作为即时过程(例如，为在内容播放器124中显示的当前视图下载当前所需的布局)。
现在转向图5，提供了一种内容分布系统160。在该当前实施例中，客户端162托管内容播放器124，并且还托管布局生成服务164，该布局生成服务164能够基于内容播放器124的当前视图和/或被存储在内容播放器124中的内容生成布局。
客户端162可任选地经由通信网络166(例如互联网)连接到托管服务170的服务器168，该服务170用于分布数字内容和/或数字内容信息(例如商店)。当被连接到服务器168时，客户端可向服务器168提供数字内容和/或内容信息选择172。反过来，服务器168可将内容图形174诸如相关的专辑插图、艺术家的照片、流派图标等提供回到客户端162。当接收内容图形174时，客户端可使用内容图形174来生成布局。
在一些实施例中，服务器168可提供内容图形174，而不从用户接收特定的内容选择172。例如，可基于存储在媒体播放器124中的内容从客户端162提供列表内容和/或内容信息选择。因此，客户端可接收针对这些条数字内容和/或内容信息的内容图形174，并在背景中生成布局，使得可在用户下一次选择内容播放器124中的一条内容时应用它们。
当离线(例如，客户端162未连接到服务器168)时和/或当图像已与客户端162处的数字内容和/或内容信息相关联时，与服务器168进行通信可能是不必要的。实际上，可将预先存在的图像用作输入图像，使得不与服务器168进行任何交互就能够生成动态布局。
可将由布局生成器导出的布局进行高速缓存，从而减少每次用户选择变化时生成布局的需要。例如，可在云存储装置中和/或在客户端162或服务器168处对来自布局生成器的结果进行高速缓存。
已大体论述了应用动态布局且可从其提供输入图像的过程，论述现在转向基于输入图像的更详细地考虑的颜色选择。图6是示出了分别用于确定背景颜色和主色的过程192和194的流程图190。为了发起过程192和194，可将输入图像的尺寸调整到将在GUI中显示的尺寸和/或执行过程192和194的计算机实现的算法所期望的均匀尺寸(框196)。
在调整输入图像的尺寸之后，可使用过程192来选择背景颜色。首先，考虑边缘加权，生成来自输入图像边缘的色调和灰度直方图(分别为框198和200)。色调可描述特定颜色与定义颜色的关联，而灰度可定义特定颜色的强度。根据GUI视图内的图像的位置，依据确定颜色的重要性，可对不同部分(例如图像的边缘和/或中心)不同地进行加权。例如，当将在GUI的左上角显示输入图像时可定义边缘加权。例如，可能更重要的是集中于输入图像的右下边缘，因为这些边缘可能更接近文本或可能受到动态布局影响的其他布局元素基于输入图像而变化。此外，如下文更详细描述的，可将输入图像用作淡入到背景颜色的背景图像。因此，位于背景中的更居中定位的边缘可能在确定背景颜色时更加重要。在一些实施例中，图像的中心可具有相对高的权重，尤其是当图像覆盖GUI的整个部分时。
一旦生成了色调和灰度直方图，便压缩直方图，将颜色分解为更小粒度的颜色选择(分别为框202和204)。基于压缩的色调和灰度直方图，选择主色调和灰度(分别为框206和208)。选择主色调或灰度(框210)。如果选择主色调而不选择灰度值，将基于来自框206的加权色调直方图确定主色，否则主色将基于来自框208的主灰度(框212)。基于来自决策框210的确定，验证并可能覆写或修改来自框212或206的颜色(框214)。因此，在图6中提供的实例中，从输入图像218导出背景颜色216。
现在转向选择主色的论述，可根据过程194来确定主色。如上所述，调整图像的尺寸(框196)。基于该调整尺寸的图像来生成色调和灰度直方图(分别为框220和222)。压缩色调和灰度直方图(分别为框224和226)。接下来，过滤所压缩的色调和灰度直方图(分别为框228和230)。然后对过滤的色调和灰度直方图数据进行分类(分别为框232和234)。接下来，基于分类的直方图数据，确定每种色调的主色(框236)并生成灰度颜色(框238)。然后基于颜色在图像中的支配度来合并色调和灰度颜色(框240)，从而定义输入图像218的主色242。
现在已论述了确定给定输入图像的背景颜色和主色的过程，论述现在转向从过程194中导出的主色选择布局颜色。图7示出了用于基于从图6的过程194导出的主色来确定主要文本颜色的过程260。图8示出了用于基于从图6的过程194导出的主色来确定第二文本颜色的过程262，其中第二文本颜色与图7的主要文本颜色相协调。
选择过程260通过遍历输入图像的主色(例如，由图6的过程194确定的主色)来开始(框262)。对于每种主色，计算机可确定主色是否与背景颜色形成对比(决策框264)。如果确实形成对比，则选择该颜色并可对其进行艺术性修改，以变成适当的主要文本颜色(框266)。例如，可基于由实施过程260的算法定义的参数来改变颜色的亮度、色调、强度等。
当确定主色不与背景形成对比时，选择遍历中的下一个主色，并重复过程260。如果在遍历所有主色之后未发现对比颜色，则选择回退或默认颜色选择(框268)。可对回退颜色进行艺术性修改(框266)。例如，可基于特定参数改变颜色的亮度、色调、强度等。在对主色或回退颜色进行艺术性修改之后，将经过艺术性修改的颜色设置为主要文本颜色270。
图8的过程290可用于选择次要文本颜色。选择过程290开始于遍历输入图像的主色(例如，由图6的过程194确定的主色)(框292)。对于每种主色，计算机可确定主色是否接近主要文本颜色(决策框294)。如果主色不接近主要文本颜色，则计算机可确定颜色是否与背景颜色形成对比(决策框296)。如果该颜色确实与背景颜色形成对比，则可对主色进行艺术性修改(框298)，并可选择经艺术性修改的颜色作为次要文本颜色300。例如，可基于定义颜色质量属性的参数来改变颜色的亮度、色调、强度等。然而，如果该颜色接近主要文本颜色或该颜色与背景颜色形成对比，则选择主色遍历中的下一个主色，并重复过程292。如果在遍历所有主色之后没有有效的颜色选择，该过程可以尝试在选择次要文本颜色时进行二次处理，遍历主色(框302)以确定颜色中的至少一种是否与背景颜色形成对比(决策框304)。如果主色中的一种主色确实与背景颜色形成对比，则可对该选择进行艺术性修改(框298)并选择作为背景颜色300。例如，可基于定义颜色质量属性的特定参数来改变颜色的亮度、色调、强度等。如果其余主色不与背景颜色形成对比，则可选择回退颜色(框306)。可对回退颜色进行艺术性修改(框298)并且该回退颜色可被选择作为二次色300。例如，可基于定义颜色质量属性的参数来改变颜色的亮度、色调、强度等。
图9示出了图3的过程90的结果，在图6-图8的过程192、194、260和290中更详细地描述了该结果。图9表示在应用程序中呈现的GUI视图320。如放大的专辑图标322和选择器箭头324所示的，用户已在的专辑视图中已选择专辑。基于该选择，布局生成器可确定用于GUI布局中的主要文本颜色和次要文本颜色。例如，基于专辑插图(例如图标322)，布局生成器可确定背景颜色应当为#efefef，主要文本颜色应当为#921316，并且次要文本颜色应当为#1f274e。颜色已被被应用于GUI 332中的描述用户作出的选择(例如，由选择器箭头324指示的专辑)的特定元素的一部分的主要文本326、次要文本328和背景330。此外，如上所述，布局生成器可向部分332添加图像334的尺寸被设定的版本。如上所述，图像334可淡入到背景330中，从而示出了当确定背景330颜色时对图像进行边缘加权的重要性。另外，如上所述，也可在布局中导出并使用三次色。例如，“额定值”星334和/或时间长度指示器336可使用二次色#1f274e的具有不同亮度、透明度或其他变化特性的版本。
尽管所提供的实例使用中的专辑视图，但重要的是需注意，该实例并不旨在限制动态布局生成器的具体实施的范围。例如，可将布局应用于电影视图、TV情节视图、艺术家信息视图等。这些视图中的每个视图可通过特定于该视图的方式使用在布局中定义的颜色。例如，有杰出贡献艺术家的专辑视图可使用三次色来以单独的颜色呈现特色艺术家。另外，TV情节可以三次色列出，而标题和季分别以基色和二次色显示。此外，具体实施不限于也可在同样具有GUI的其他应用程序中实施。例如，可在Apple,Inc.的应用程序诸如OS或中使用上述技术。
由于输入图像218可被混入GUI视图的背景中，因此可能期望去除输入图像中存在的任何边界。图10是用于修剪边界的过程350。过程350可发生于图6的过程192的背景颜色验证期间(图6的框214)。过程330采用输入颜色352和输入图像218作为输入。选择沿输入图像218的每个边缘的多个位置(框354)。对于每个位置，将像素颜色与输入颜色352进行比较，从该位置的边缘像素向内移动(框356)。此外，对于每个位置，确定像素颜色是否与输入颜色形成对比(决策框358)。如果未形成对比，再次向内移动位置(框356)。如果该颜色确实与输入颜色352形成对比，则发现了每个边缘位置的边界长度(框360)。一旦针对每个位置重复这些步骤，则基于边界长度对位置进行分类(框362)。将边缘的最长边界长度与最短边界长度进行比较(框364)。如果长度差值在特定百分比范围内或者最长长度为零(决策框366)，则确定边缘为边界(框368)。否则，确定边缘不是边界(框370)。针对每个边缘重复框354-370。一旦已确定每个边缘是边界或不是边界，就确定3或4个边缘是否为边界(决策框372)。如果3或4个边缘为边界，则图像为有边界的(框374)。当图像有边界时，可确定输入颜色为无效的(例如，因为当确定输入颜色时存在边界)，可根据最长边界长度修剪图像并重复背景颜色选择(框376)。在3或4个边缘不是边界时，可确定图像218没有边界(框378)。因此，可确定输入颜色是有效的(框380)。
可认识到，通过实施本文所述的技术，可大大增强在电子设备中使用的图形用户界面。例如，背景颜色和/或图像以及图形用户界面的文本颜色可补充在图形用户界面中当前显示的图形图像。通过提供互补布局，布局可能对用户更有吸引力，从而产生增强的用户体验。
上文所述的具体实施例以举例的方式被示出，但应当理解，这些实施例可能易受各种修改和替代形式的影响。应当进一步理解，权利要求不旨在限于所公开的具体形式，而是要覆盖落在本公开实质和范围内的所有修改形式、等同形式和替代形式。

Claims (25)

1.一种非暂态计算机可读介质，包括计算机可读指令以：
提供图形用户界面以显示内容；
分析与所述内容的当前视图相关联的图像，以确定存在于所述图像中的一组颜色；以及
至少部分地基于所述一组颜色来更新所述图形用户界面的所述当前视图的布局。
2.根据权利要求1所述的非暂态计算机可读介质，包括计算机可读指令以：
从所述一组颜色中确定主要文本颜色；
从所述一组颜色中确定次要文本颜色；
将所述主要文本颜色应用于所述图形用户界面中的第一级文本；以及
将所述次要文本颜色应用于所述图形用户界面中的第二级文本。
3.根据权利要求2所述的非暂态计算机可读介质，包括计算机可读指令以：
通过修改所述主要文本颜色或所述次要文本颜色的特性来生成三次色；以及
将所述三次色应用于所述图形用户界面中的第三级文本。
4.根据权利要求3所述的非暂态计算机可读介质，包括修改所述主要文本颜色或所述次要文本颜色的透明度特性、亮度特性或两者以生成所述三次色。
5.根据权利要求2所述的非暂态计算机可读介质，包括计算机可读指令以：
当对所述图像的分析未获得用于所述布局的合适的一组颜色时，使用默认的一组颜色来更新所述布局。
6.根据权利要求1所述的非暂态计算机可读介质，包括计算机可读指令以：从所述一组颜色中确定背景颜色、基于对所述图像的所述分析来确定背景图像、或两者。
7.根据权利要求1所述的非暂态计算机可读介质，包括计算机可读指令以：基于与所述当前视图相关联的所述图像来确定并应用所述当前视图的背景图像；其中所述背景图像是与所述当前视图相关联的所述图像的渐淡版本，所述渐淡版本朝着所述当前视图的主体逐渐变淡。
8.根据权利要求1所述的非暂态计算机可读介质，包括计算机可读指令以：
检测与所述当前视图相关联的所述图像是否包含边界；
如果检测到边界，则修剪所述边界；以及
在已修剪所述边界之后，从所述图像中确定背景颜色。
9.根据权利要求1所述的非暂态计算机可读介质，其中所述图形用户界面被配置为显示媒体内容，所述媒体内容包括音频内容、视频内容、与所述音频内容相关的信息、与所述视频内容相关的信息或它们的组合。
10.一种系统，包括：
服务器，所述服务器包括处理器，所述处理器被配置为在由客户端托管的内容播放器中提供包括与用户选择相关联的图像的内容；以及
布局生成器，所述布局生成器被配置为生成机器可读的布局指令，所述机器可读的布局指令被配置为基于所述图像来限定所述内容播放器的图形用户界面的布局的至少一部分的变化。
11.根据权利要求10所述的系统，包括所述客户端，其中所述客户端包括所述布局生成器。
12.根据权利要求10所述的系统，其中所述服务器包括所述布局生成器。
13.根据权利要求10所述的系统，包括非暂态高速缓存存储装置，所述非暂态高速缓存存储装置被配置为存储所述布局指令以用于由所述内容播放器进行后续检索和使用。
14.根据权利要求13所述的系统，其中所述高速缓存存储装置包括基于云端的非暂态存储装置。
15.根据权利要求13所述的系统，其中所述服务器、所述客户端或两者包括所述高速缓存存储装置。
16.一种方法，包括：
经由处理器获取输入图像；
经由所述处理器分析所述输入图像以获得用于图形用户界面的可能的背景颜色；
经由所述处理器分析所述输入图像以确定所述输入图像的主色；
通过确定所述主色或所述主色的变型中的哪一种与所述可能的背景颜色互补来经由所述处理器基于所述主色确定一组图形用户界面元素颜色；
经由所述处理器将所述可能的背景颜色中的一种可能的背景颜色应用于所述图形用户界面；以及
经由所述处理器将所述一组图形用户界面元素颜色应用于所述图形用户界面的一种或多种元素。
17.根据权利要求16所述的方法，其中分析所述输入图像以获得可能的背景颜色包括：
调整所述输入图像的尺寸；
从所述输入图像的边缘生成色调和灰度直方图，其中所述输入图像的一些边缘可被加权为具有更高重要性；
压缩所述色调和灰度直方图；
从所述色调和灰度直方图中选择主色调和主灰度值；
选择所述主色调或所述主灰度值中的较高者；
当选择所述主色调时，基于所述主色调来确定主色；
当确定所述主色时验证所述主色，或者当选择所述主灰度时验证所述主灰度；以及
当所述验证成功时，将所述主色或所述主灰度设置为所述图形用户界面的背景颜色。
18.根据权利要求17所述的方法，其中验证所述主色或所述主灰度包括：
沿所述输入图像的每个边缘选择多个位置；
针对所述输入图像的每个边缘进行重复：
从所述位置的所述边缘向内移动，以将像素颜色与所述主色或所述主灰度进行比较；
当所述像素颜色与所述主色或所述主灰度形成对比时，发现边缘位置的边界的长度；
基于所述边界的所述长度来对所述位置进行分类；
将每个边缘的最长边界长度和最短边界长度进行比较；以及
当所述长度差值在特定阈值之内或所述最长长度为零时确定所述边缘为边界，反之确定所述边缘不为边界；
当3或4个边缘为边界时确定所述输入图像为有边界的，反之确定所述输入图像为无边界的；
确定所述主色或所述主灰度是无效的，根据所述最长边界长度修剪所述图像，并且当所述图像有边界时重复分析所述输入图像以获取可能的背景颜色；以及
当所述输入图像没有边界时，确定所述主色或所述主灰度是有效的。
19.根据权利要求17所述的方法，其中基于所述输入图像将被显示在所述图形用户界面上的位置来对边缘进行加权。
20.根据权利要求16所述的方法，其中分析所述输入图像以确定所述主色，包括：
生成色调和灰度直方图；
压缩所述色调和灰度直方图；
过滤所述色调和灰度直方图；
对所述色调和灰度直方图进行分类；
确定所述色调直方图中的每个色调的主色；
基于所述灰度直方图生成灰度颜色；以及
基于所述输入图像中的所述主色的主值来合并每个色调的所述主色和所述灰度颜色。
21.根据权利要求16所述的方法，其中所述一种或多种元素包括主要文本、次要文本或两者，并且所述元素颜色包括主要文本颜色、次要文本颜色或两者。
22.根据权利要求21所述的方法，包括通过如下方式来确定所述主要文本颜色：
遍历所述输入图像中的所述主色，以确定所述主色中的任一种主色是否与所述背景颜色形成对比；
从与所述背景颜色形成对比的所述主色中的一种主色中选择所述主要文本颜色，或当所述主色中的任一种主色均不与所述背景颜色形成对比时选择所述主要文本颜色的回退颜色。
23.根据权利要求22所述的方法，其中确定所述主要文本颜色包括对所述主要文本颜色进行艺术性修改。
24.根据权利要求21所述的方法，包括通过如下方式来确定所述次要文本颜色：
遍历所述输入图像中的所述主色，以确定所述主色中的任一种主色是否在颜色方面接近所述主要文本颜色并与所述背景颜色形成对比；
从不接近所述主要文本颜色并与所述背景颜色形成对比的所述主色中选择所述次要文本颜色；
当所有所述主色接近所述主要文本颜色并不与所述背景颜色形成对比时，遍历所述输入图像中的所述主色，以确定所述主色中的任一种主色是否与所述背景颜色形成对比；
从与所述背景颜色形成对比的所述主色中的一种主色中选择所述次要文本颜色；
当所述主色中的任一种主色均不与所述背景颜色形成对比时，从回退颜色中选择所述次要文本颜色。
25.根据权利要求24所述的方法，包括对所述次要文本颜色进行艺术性修改。
CN201380051601.9A 2012-09-11 2013-08-09 自动化的图形用户界面布局 Active CN104781850B (zh)

Applications Claiming Priority (5)

Application Number Priority Date Filing Date Title
US201261699758P 2012-09-11 2012-09-11
US61/699,758 2012-09-11
US13/893,031 US9397844B2 (en) 2012-09-11 2013-05-13 Automated graphical user-interface layout
US13/893,031 2013-05-13
PCT/US2013/054364 WO2014042793A1 (en) 2012-09-11 2013-08-09 Automated graphical user-interface layout

Publications (2)

Publication Number Publication Date
CN104781850A true CN104781850A (zh) 2015-07-15
CN104781850B CN104781850B (zh) 2019-06-14

Family

ID=50233242

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201380051601.9A Active CN104781850B (zh) 2012-09-11 2013-08-09 自动化的图形用户界面布局

Country Status (5)

Country Link
US (2) US9397844B2 (zh)
CN (1) CN104781850B (zh)
AU (1) AU2013316041B2 (zh)
TW (1) TWI534695B (zh)
WO (1) WO2014042793A1 (zh)

Cited By (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN106250077A (zh) * 2016-07-18 2016-12-21 乐视控股（北京）有限公司 一种应用关联的内容界面呈现方法、装置及其电子设备
CN106445542A (zh) * 2016-09-30 2017-02-22 广州华多网络科技有限公司 一种在播放器上模拟音频波形的方法和装置
CN106792255A (zh) * 2017-02-10 2017-05-31 合网络技术（北京）有限公司 视频播放窗口框体显示方法及装置
CN108737878A (zh) * 2017-04-18 2018-11-02 谷歌有限责任公司 用于结合视频呈现来修改用户界面颜色的方法和系统
CN109218697A (zh) * 2018-09-20 2019-01-15 太平洋未来科技（深圳）有限公司 一种视频内容关联界面的呈现方法、装置及电子设备
CN109564751A (zh) * 2016-06-17 2019-04-02 宁波吉利汽车研究开发有限公司 用户界面的自动调整方法

Families Citing this family (33)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9552141B2 (en) 2004-06-21 2017-01-24 Apple Inc. Methods and apparatuses for operating a data processing system
US9397844B2 (en) 2012-09-11 2016-07-19 Apple Inc. Automated graphical user-interface layout
US9558278B2 (en) 2012-09-11 2017-01-31 Apple Inc. Integrated content recommendation
US9218118B2 (en) 2012-09-11 2015-12-22 Apple Inc. Media player playlist management
KR20160056888A (ko) * 2013-09-16 2016-05-20 톰슨 라이센싱 여러 사용자 주석들을 검색하고 그것들을 콘텐트 내에 오버레이하여 비디오들을 브라우징하기
EP3047642B1 (en) * 2013-09-16 2018-12-19 Thomson Licensing Method and apparatus for color detection to generate text color
US9507609B2 (en) * 2013-09-29 2016-11-29 Taplytics Inc. System and method for developing an application
US9952756B2 (en) * 2014-01-17 2018-04-24 Intel Corporation Dynamic adjustment of a user interface
KR102161159B1 (ko) * 2014-02-13 2020-09-29 삼성전자주식회사 전자 장치 및 전자 장치에서 색상 추출 방법
WO2015162550A1 (en) * 2014-04-22 2015-10-29 Screemo Ltd. System, device, and method for interactive communications among mobile devices and ip-connected screens
JP2018510396A (ja) * 2014-12-12 2018-04-12 ナグラビジョン エス アー ユーザインタフェースの色を管理するための方法及びグラフィックプロセッサ
US10078436B2 (en) * 2015-02-25 2018-09-18 Htc Corporation User interface adjusting method and apparatus using the same
JP6491957B2 (ja) * 2015-05-25 2019-03-27 京セラ株式会社 電子機器および画像処理方法
USD788809S1 (en) 2015-06-22 2017-06-06 Gamblit Gaming, Llc Display screen for a graphical user interface
CN105892962A (zh) * 2015-11-20 2016-08-24 乐视移动智能信息技术（北京）有限公司 一种显示方法以及显示设备
US10496419B2 (en) 2016-06-10 2019-12-03 Apple Inc. Editing inherited configurations
CN106201535B (zh) 2016-07-14 2019-08-23 广州神马移动信息科技有限公司 工具栏背景颜色随着图片的主颜色而变换的方法和装置
JP6812170B2 (ja) * 2016-08-29 2021-01-13 キヤノン株式会社 情報処理装置、その制御方法、および制御プログラム
KR20180046609A (ko) * 2016-10-28 2018-05-09 삼성전자주식회사 홀 영역을 가지는 전자 장치 및 전자 장치의 홀 영역 제어방법
KR102435724B1 (ko) * 2016-11-07 2022-08-24 한국전자통신연구원 정보 이미지 디스플레이 장치 및 방법
US20180130444A1 (en) * 2016-11-07 2018-05-10 Electronics And Telecommunications Research Institute Information image display apparatus and method
US11086498B2 (en) * 2016-12-30 2021-08-10 Microsoft Technology Licensing, Llc. Server-side chart layout for interactive web application charts
US10803641B2 (en) * 2017-01-05 2020-10-13 Hulu, LLC Derivation and application of color accents for images in a video delivery system interface
US10416855B2 (en) * 2017-11-13 2019-09-17 Adobe Inc. Integrating remote assets from content management service with content developed by content creation applications
CN108829485B (zh) * 2018-06-25 2021-03-02 腾讯科技（深圳）有限公司 应用界面布局的更新方法、装置、存储介质及计算机设备
US20210271945A1 (en) * 2018-10-08 2021-09-02 Hewlett-Packard Development Company, L.P. Encoded device having an integrated graphic feature
US11392762B2 (en) * 2018-10-26 2022-07-19 Cimpress Schweiz Gmbh Technologies for managing dynamic design templates
US10748505B1 (en) * 2019-03-05 2020-08-18 Dell Products L.P. System and method of determining colors of a user interface
US11144705B2 (en) 2019-03-21 2021-10-12 International Business Machines Corporation Cognitive multiple-level highlight contrasting for entities
US11494953B2 (en) 2019-07-01 2022-11-08 Microsoft Technology Licensing, Llc Adaptive user interface palette for augmented reality
US11290601B1 (en) 2020-09-29 2022-03-29 Apple Inc. Techniques for managing album artwork images
US11856049B2 (en) * 2020-10-26 2023-12-26 Zebra Technologies Corporation Pin board interface
JP2023095015A (ja) * 2021-12-24 2023-07-06 株式会社デンソーテン 情報処理装置、および情報処理方法

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070256009A1 (en) * 2006-04-13 2007-11-01 Samsung Electronics Co., Ltd. Method and apparatus for generating xhtml data
CN101216765A (zh) * 2008-01-21 2008-07-09 中兴通讯股份有限公司 一种移动终端主题样式的动态变更方法
CN101689177A (zh) * 2007-06-15 2010-03-31 微软公司 使用预定义布局来对图像和相关联的文本进行动态布局

Family Cites Families (56)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP3679512B2 (ja) * 1996-07-05 2005-08-03 キヤノン株式会社 画像抽出装置および方法
US6809741B1 (en) * 1999-06-09 2004-10-26 International Business Machines Corporation Automatic color contrast adjuster
US6711291B1 (en) * 1999-09-17 2004-03-23 Eastman Kodak Company Method for automatic text placement in digital images
IL132929A (en) 1999-11-14 2004-09-27 Ycd Multimedia Dynamic user interface
US7451389B2 (en) 2000-06-06 2008-11-11 Microsoft Corporation Method and system for semantically labeling data and providing actions based on semantically labeled data
US6859210B2 (en) * 2001-07-06 2005-02-22 Eastman Kodak Company Method for representing a digital color image using a set of palette colors based on detected important colors
US7054483B2 (en) * 2002-03-15 2006-05-30 Ncr Corporation Methods for selecting high visual contrast colors in user-interface design
US7797446B2 (en) 2002-07-16 2010-09-14 Apple Inc. Method and system for updating playlists
US20070186241A1 (en) 2003-08-06 2007-08-09 Matsushita Electric Industrial Co., Ltd. Program recommendation apparatus
US8014034B2 (en) * 2005-04-13 2011-09-06 Acd Systems International Inc. Image contrast enhancement
US20080177640A1 (en) * 2005-05-09 2008-07-24 Salih Burak Gokturk System and method for using image analysis and search in e-commerce
US8166402B2 (en) * 2005-05-13 2012-04-24 Microsoft Corporation User interface for managing master and layout relationships
US7685210B2 (en) 2005-12-30 2010-03-23 Microsoft Corporation Media discovery and curation of playlists
US7788579B2 (en) 2006-03-06 2010-08-31 Ricoh Co., Ltd. Automated document layout design
US8584028B2 (en) * 2006-10-31 2013-11-12 Microsoft Corporation Adaptable transparency
US8756333B2 (en) 2006-11-22 2014-06-17 Myspace Music Llc Interactive multicast media service
US8050496B2 (en) * 2007-01-09 2011-11-01 Sharp Laboratories Of America, Inc. Color gamut mapping/enhancement technique using skin color detection
US20080227440A1 (en) 2007-03-16 2008-09-18 Vinay Kumar Chowdary Settepalli Methods and apparatus for discovering and updating a mobile device via user behavior
EP1975813A1 (en) 2007-03-31 2008-10-01 Sony Deutschland Gmbh Method for content recommendation
US9607408B2 (en) * 2007-06-08 2017-03-28 Apple Inc. Rendering semi-transparent user interface elements
US8407230B2 (en) 2007-08-13 2013-03-26 Yahoo! Inc. System and method for identifying similar media objects
WO2009052308A1 (en) 2007-10-17 2009-04-23 Roseman Neil S Nlp-based content recommender
US8144979B2 (en) * 2008-04-18 2012-03-27 Sap France Automatic color contrast analyzer
US8041139B2 (en) * 2008-09-05 2011-10-18 The Neat Company, Inc. Method and apparatus for calculating the background color of an image
US8966394B2 (en) 2008-09-08 2015-02-24 Apple Inc. System and method for playlist generation based on similarity data
US8775918B2 (en) 2008-10-07 2014-07-08 Visual Software Systems Ltd. System and method for automatic improvement of electronic presentations
US8254679B2 (en) * 2008-10-13 2012-08-28 Xerox Corporation Content-based image harmonization
US8645489B1 (en) * 2008-10-30 2014-02-04 Adobe Systems Incorporated Systems and methods for the developing content and applications in hosted and non-hosted development environments
US8200674B2 (en) 2009-01-19 2012-06-12 Microsoft Corporation Personalized media recommendation
AU2009201252B2 (en) * 2009-03-31 2011-06-02 Canon Kabushiki Kaisha Colour correcting foreground colours for visual quality improvement
JP5171718B2 (ja) 2009-03-31 2013-03-27 株式会社東芝 コンテンツ推薦装置、方法、及びプログラム
US8539351B2 (en) * 2009-08-21 2013-09-17 Yieldbuild, Inc. Optimizing online advertising link and text characteristics
US20110074807A1 (en) * 2009-09-30 2011-03-31 Hitachi, Ltd. Method of color customization of content screen
US9177298B2 (en) 2009-12-15 2015-11-03 International Business Machines Corporation Abbreviated user interface for instant messaging to minimize active window focus changes
US8630485B2 (en) 2010-03-04 2014-01-14 Intellectual Ventures Fund 83 Llc Method for combining image and imaging product
US8988456B2 (en) * 2010-03-25 2015-03-24 Apple Inc. Generating digital media presentation layouts dynamically based on image features
JP2011221606A (ja) 2010-04-05 2011-11-04 Sony Corp 情報処理方法及びグラフィカルユーザインタフェース
US8631350B2 (en) 2010-04-23 2014-01-14 Blackberry Limited Graphical context short menu
US20120030005A1 (en) * 2010-07-28 2012-02-02 Yahoo! Inc Method and system for providing advertisements
US8588548B2 (en) * 2010-07-29 2013-11-19 Kodak Alaris Inc. Method for forming a composite image
WO2012030588A2 (en) 2010-08-31 2012-03-08 Apple Inc. Networked system with supporting media access and social networking
US9058309B2 (en) 2010-09-17 2015-06-16 Salesforce.Com, Inc. Methods and systems for multiple styling HyperText Markup Language (HTML) form fields
US10127606B2 (en) * 2010-10-13 2018-11-13 Ebay Inc. Augmented reality system and method for visualizing an item
US20120127198A1 (en) * 2010-11-22 2012-05-24 Microsoft Corporation Selection of foreground characteristics based on background
US20120143718A1 (en) * 2010-12-03 2012-06-07 Choicestream, Inc. Optimization of a web-based recommendation system
US8570339B2 (en) * 2011-05-26 2013-10-29 Xerox Corporation Modifying color adjustment choices based on image characteristics in an image editing system
US20120313962A1 (en) * 2011-06-07 2012-12-13 Compal Electronics, Inc. Electronic device and method for generating graphical user interface thereof
WO2012173670A1 (en) 2011-06-13 2012-12-20 United Video Properties, Inc. Systems and methods for providing media recommendations
US20130044123A1 (en) * 2011-08-16 2013-02-21 Microsoft Corporation User-specified image colorization for application user interface
US8890886B2 (en) * 2011-09-02 2014-11-18 Microsoft Corporation User interface with color themes based on input image data
US9208155B2 (en) 2011-09-09 2015-12-08 Rovi Technologies Corporation Adaptive recommendation system
US9235317B2 (en) * 2012-02-01 2016-01-12 Facebook, Inc. Summary and navigation of hierarchical levels
US9009092B2 (en) * 2012-07-19 2015-04-14 Microsoft Technology Licensing, Llc Creating variations when transforming data into consumable content
US9218118B2 (en) 2012-09-11 2015-12-22 Apple Inc. Media player playlist management
US9558278B2 (en) 2012-09-11 2017-01-31 Apple Inc. Integrated content recommendation
US9397844B2 (en) 2012-09-11 2016-07-19 Apple Inc. Automated graphical user-interface layout

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070256009A1 (en) * 2006-04-13 2007-11-01 Samsung Electronics Co., Ltd. Method and apparatus for generating xhtml data
CN101689177A (zh) * 2007-06-15 2010-03-31 微软公司 使用预定义布局来对图像和相关联的文本进行动态布局
CN101216765A (zh) * 2008-01-21 2008-07-09 中兴通讯股份有限公司 一种移动终端主题样式的动态变更方法

Cited By (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN109564751A (zh) * 2016-06-17 2019-04-02 宁波吉利汽车研究开发有限公司 用户界面的自动调整方法
CN106250077A (zh) * 2016-07-18 2016-12-21 乐视控股（北京）有限公司 一种应用关联的内容界面呈现方法、装置及其电子设备
CN106445542A (zh) * 2016-09-30 2017-02-22 广州华多网络科技有限公司 一种在播放器上模拟音频波形的方法和装置
CN106445542B (zh) * 2016-09-30 2020-02-28 广州华多网络科技有限公司 一种在播放器上模拟音频波形的方法和装置
CN106792255A (zh) * 2017-02-10 2017-05-31 合网络技术（北京）有限公司 视频播放窗口框体显示方法及装置
CN106792255B (zh) * 2017-02-10 2020-02-14 合一网络技术(北京)有限公司 视频播放窗口框体显示方法及装置
CN108737878A (zh) * 2017-04-18 2018-11-02 谷歌有限责任公司 用于结合视频呈现来修改用户界面颜色的方法和系统
US10957280B2 (en) 2017-04-18 2021-03-23 Google Llc Methods, systems, and media for modifying user interface colors in connection with the presentation of a video
CN108737878B (zh) * 2017-04-18 2021-07-20 谷歌有限责任公司 用于结合视频呈现来修改用户界面颜色的方法和系统
US11551638B2 (en) 2017-04-18 2023-01-10 Google Llc Methods, systems, and media for modifying user interface colors in connection with the presentation of a video
CN109218697A (zh) * 2018-09-20 2019-01-15 太平洋未来科技（深圳）有限公司 一种视频内容关联界面的呈现方法、装置及电子设备

Also Published As

Publication number Publication date
AU2013316041A1 (en) 2015-03-12
CN104781850B (zh) 2019-06-14
WO2014042793A1 (en) 2014-03-20
TWI534695B (zh) 2016-05-21
TW201415341A (zh) 2014-04-16
US20140075324A1 (en) 2014-03-13
US9397844B2 (en) 2016-07-19
US20160364893A1 (en) 2016-12-15
US10140742B2 (en) 2018-11-27
AU2013316041B2 (en) 2016-12-01

Similar Documents

Publication Publication Date Title
CN104781850A (zh) 自动化的图形用户界面布局
US9547427B2 (en) User interface with color themes based on input image data
US10031906B2 (en) Images and additional data associated with cells in spreadsheets
US20180239995A1 (en) Font Recognition using Text Localization
US8760464B2 (en) Shape masks
CN108550101A (zh) 图像处理方法、装置及存储介质
US20120206655A1 (en) Color balance
US7928991B2 (en) Color scheme-compatible color selection with hue preservation
US20120174000A1 (en) Automated graphical user interface design and development systems and methods
US20230244940A1 (en) Methods and systems for geometry-aware image contrast adjustments via image-based ambient occlusion estimation
CN101807199A (zh) 一种缩略图显示方法及装置
US6191790B1 (en) Inheritable property shading system for three-dimensional rendering of user interface controls
US9286668B1 (en) Generating a panel view for comics
CN105719591A (zh) 显示装置和控制方法
US9235575B1 (en) Systems and methods using a slideshow generator
CN113379866A (zh) 一种壁纸设置方法和装置
US10496419B2 (en) Editing inherited configurations
US20090002386A1 (en) Graphical Representation Creation Mechanism
US20200410730A1 (en) Image Modification Styles Learned from A Limited Set of Modified Images
US11276153B2 (en) Auto-complete image suggestions for image editing
CN108459897A (zh) 对话框显示方法、装置、存储介质及计算机系统
CN106415473A (zh) 显示器装置及其控制方法
CN110992438A (zh) 图片编辑的方法及装置
AU2022100086A4 (en) Systems and methods for automatically adjusting design element attributes
EP4235380A1 (en) Intelligent inset window placement in content

Legal Events

Date Code Title Description
C06 Publication
PB01 Publication
EXSB Decision made by sipo to initiate substantive examination
SE01 Entry into force of request for substantive examination
GR01 Patent grant
GR01 Patent grant