Automated graphical user-interface layout

Patent metadata

Field	Value
Publication number	US-9397844-B2
Application number	US-201313893031-A
Country	US
Kind code	B2
Filing date	May 13, 2013
Priority date	Sep 11, 2012
Publication date	Jul 19, 2016
Grant date	Jul 19, 2016

Abstract

Embodiments of the present disclosure relate to automatic generation of dynamically changing layouts for a graphical user-interface. Specifically, embodiments of the present disclosure employ analysis of an image associated with the view (e.g., either the current view or a future view) of the graphical user-interface to determine colors that are complementary to the image. The colors are applied to the view, such that the color scheme of the view matches the image.

First claim

What is claimed is:

1. A non-transitory computer-readable medium, comprising computer-readable instructions to:
provide a graphical user-interface to display content, wherein the graphical user-interface has a background color;
analyze an image associated with a current view of the content to determine a set of colors found in the image;
determine whether each of the colors in the set of colors found in the image does not contrast with the background color;
in accordance with a determination that the colors in the set of colors found in the image do not contrast with the background color, use a fallback color as a primary text color of the graphical-user interface, wherein the fallback color is different from dominant colors in the image; and
in accordance with a determination that at least one of the colors in the set of colors found in the image does contrast with the background color:
apply a primary text color to a first level of text in the graphical user-interface, wherein the primary text color is determined from the set of colors found in the image; and
apply a secondary text color to a second level of text in the graphical user-interface, wherein the secondary text color is determined from the set of colors found in the image.

2. The non-transitory computer-readable medium of claim 1 , further comprising computer readable instructions to:
generate a tertiary color by modifying a characteristic of the primary or secondary text color; and
apply the tertiary color to a third level of text in the graphical user-interface.

3. The non-transitory computer-readable medium of claim 2 , further comprising computer readable instructions to modify a transparency characteristic, a brightness characteristic, or both of the primary or secondary text color, to generate the tertiary color.

4. The non-transitory computer-readable medium of claim 1 , further comprising computer readable instructions to:
determine a secondary text color of the graphical-user interface by modifying a brightness, hue, and/or intensity of the fallback color based upon one or more parameters defining quality attributes of the fallback color.

5. The non-transitory computer-readable medium of claim 1 , further comprising computer readable instructions to: determine the background color from the set of colors found in the image, determine a background image based upon the analysis of the image, or both.

6. The non-transitory computer-readable medium of claim 1 , further comprising computer readable instructions to: determine and apply a background image for the current view based upon the image associated with the current view, wherein the background image is a faded version of the image associated with the current view that becomes increasingly faded towards a body of the current view.

7. The non-transitory computer-readable medium of claim 1 , further comprising computer readable instructions to:
detect whether the image associated with the current view contains a border;
crop the border if one is detected; and
determine a background color from the image after the border has been cropped.

8. The non-transitory computer-readable medium of claim 1 , wherein the graphical user-interface is configured to display media content comprising audio content, video content, information relating to the audio content, information relating to the video content, or a combination thereof.

9. A system comprising:
a server comprising a processor configured to provide content comprising an image associated with a user selection in a content player hosted by a client; and
a layout generator configured to generate machine-readable layout instructions configured to, in accordance with a determination that the colors in a set of colors found in the image do not contrast with a background color of a graphical user-interface of the content player, use a fallback color as a primary text color of the graphical-user interface, wherein the fallback color is different from dominant colors in the image;
wherein the machine-readable layout instructions are further configured to, in accordance with a determination that at least one of the colors in the set of colors found in the image does contrast with the background color:
apply a primary text color to a first level of text in the graphical user-interface, wherein the primary text color is determined from the set of colors found in the image; and
apply a secondary text color to a second level of text in the graphical user-interface, wherein the secondary text color is determined from the set of colors found in the image.

10. The system of claim 9 , comprising the client, wherein the client comprises the layout generator.

11. The system of claim 9 , wherein the server comprises the layout generator.

12. The system of claim 9 , further comprising a non-transitory cache storage configured to store the layout instructions for subsequent retrieval and use by the content player.

13. The system of claim 12 , wherein the cache storage comprises non-transitory cloud-based storage.

14. The system of claim 12 , wherein the server, the client, or both comprise the cache storage.

15. A method, comprising
at a server comprising a processor configured to provide content to a client:
providing a graphical user-interface to display the content at the client, wherein the graphical user-interface has a background color;
analyzing an image associated with a current view of the content to determine a set of colors found in the image;
determining whether each of the colors in the set of colors found in the image does not contrast with the background color;
in accordance with a determination that the colors in the set of colors found in the image do not contrast with the background color, using a fallback color as a primary text color of the graphical-user interface, wherein the fallback color is different from dominant colors in the image; and
in accordance with a determination that at least one of the colors in the set of colors found in the image does contrast with the background color:
applying a primary text color to a first level of text in the graphical user-interface, wherein the primary text color is determined from the set of colors found in the image; and
applying a secondary text color to a second level of text in the graphical user-interface, wherein the secondary text color is determined from the set of colors found in the image.

16. The method of claim 15 , further comprising:
generating a tertiary color by modifying a characteristic of the primary or secondary text color; and
applying the tertiary color to a third level of text in the graphical user-interface.

17. The method of claim 16 , further comprising modifying a transparency characteristic, a brightness characteristic, or both of the primary or secondary text color to generate the tertiary color.

18. The method of claim 15 , further comprising determining a secondary text color of the graphical-user interface by modifying a brightness, hue, and/or intensity of the fallback color based upon one or more parameters defining quality attributes of the fallback color.

19. The method of claim 15 , further comprising determining the background color from the set of colors found in the image, determining a background image based upon analyzing the image, or both.

20. The method of claim 15 , further comprising determining and applying a background image for the current view based upon the image associated with the current view, wherein the background i

Assignees

• Apple Inc

Inventors

• Howard Joe R
• Frick Brian R
• Martin Timothy B
• Sanders Christopher John

Classifications

• G06F3/0484

  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 · CPC title

• G06T11/60 Primary

  Creating or editing images; Combining images with text · CPC title

• H04L12/18 Primary

  for broadcast or conference {, e.g. multicast} · CPC title

• G09G5/026

  Control of mixing and/or overlay of colours in general (G09G5/022 and G09G5/024 take precedence) · CPC title

• H04L67/01

  Protocols · CPC title