Automated graphical user-interface layout

• US 10,140,742 B2
• Filed: 07/18/2016
• Issued: 11/27/2018
• Est. Priority Date: 09/11/2012
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: Howard, Joe R., Frick, Brian R., Martin, Timothy B., Sanders, Christopher John
• Primary Examiner(s): Duong, Hien L
• Application Number:
  US15/213,321
• Publication Number:
  US 20160364893A1
• Time in Patent Office: 862 Days
• CPC Class Codes: G06F 3/04817 using icons graphical or visual programming using iconic symbols G06F8/34
• CPC Class Codes: G06F 3/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 Class Codes: G06F 9/451 Execution arrangements for user interfaces
• CPC Class Codes: G06T 11/60 Editing figures and text; Combining figures or text
• CPC Class Codes: G06T 2200/24 involving graphical user interfaces [GUIs]
• CPC Class Codes: G09G 2340/12 Overlay of images, i.e. displayed pixel being the result of switching between the corresponding input pixels
• CPC Class Codes: G09G 5/026 Control of mixing and/or overlay of colours in general G09G5/022 and G09G5/024 take precedence
• CPC Class Codes: G09G 5/377 for mixing or overlaying two or more graphic patterns G09G5/02, G09G5/397 take precedence
• CPC Class Codes: H04L 12/18 for broadcast or conference , e.g. multicast
• CPC Class Codes: H04L 67/01 Protocols
• CPC Class Codes: H04L 67/10 in which an application is distributed across nodes in the network software deployment G06F8/60; multiprogramming arrangements G06F9/46

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.

Claims

1. A method comprising:

receiving a request to display information for a multimedia item, the multimedia item including an image;

in response to receiving the request, displaying the image and additional information about the multimedia item, wherein;

the additional information about the multimedia item is displayed overlaid on a background, the background having a first appearance that is generated based on one or more edges of the image, the first appearance including a background color; and

at least a subset of the additional information is displayed with a second appearance that is generated based on the first appearance of the background and that is distinct from the first appearance.

2. The method of claim 1, wherein the second appearance is determined by modifying a translucence of at least a portion of the background.

3. The method of claim 2, wherein the additional information about the multimedia item includes information displayed with a third appearance that is different from the first appearance and the second appearance.

4. The method of claim 2, wherein the additional information about the multimedia item includes information about a plurality of media items associated with the image.

5. The method of claim 1, wherein the image is displayed adjacent to the additional information.

6. The method of claim 5, wherein the image fades into the background.

7. The method of claim 1, wherein the second appearance is generated based on the one or more edges of the image and the first appearance of the background.

8. The method of claim 1, wherein the first appearance of the background is based on weighted portions of the image in which one or more edges of the image are weighted differently from a center of the image.

9. A non-transitory computer-readable medium, comprising computer-readable instructions that when executed by a computer system cause the computer system to:

receive a request to display information for a multimedia item, the multimedia item including an image;

in response to receiving the request, generate a graphical user interface to display content, the graphical user-interface including the multimedia item and additional information about the multimedia item, and provide the graphical user interface for display, wherein;

in the graphical user interface, the additional information about the multimedia item is overlaid on a background, the background having a first appearance that is generated based on one or more edges of the image, the first appearance including a background color; and

in the graphical user interface, at least a subset of the additional information has a second appearance that is generated based on the first appearance of the background and that is distinct from the first appearance.

10. The non-transitory computer-readable medium of claim 9, wherein the second appearance is determined by modifying a translucence of at least a portion of the background.

11. The non-transitory computer-readable medium of claim 10, wherein the additional information about the multimedia item includes information displayed with a third appearance that is different from the first appearance and the second appearance.

12. The non-transitory computer-readable medium of claim 10, wherein the additional information about the multimedia item includes information about a plurality of media items associated with the image.

13. The non-transitory computer-readable medium of claim 9, wherein the image is displayed adjacent to the additional information.

14. The non-transitory computer-readable medium of claim 13, wherein the image fades into the background.

15. The non-transitory computer-readable medium of claim 9, wherein the second appearance is generated based on the one or more edges of the image and the first appearance of the background.

16. The non-transitory computer-readable medium of claim 9, wherein the first appearance of the background is based on weighted portions of the image in which one or more edges of the image are weighted differently from a center of the image.

17. A computer system, comprising:

a processor configured to receive a request to display information for a multimedia item, the multimedia item including an image;

the processor further configured to generate a graphical user interface to display content in response to receiving the request, the graphical user-interface including the multimedia item and additional information about the multimedia item, and to provide the graphical user interface for display, wherein;

in the graphical user interface, the additional information about the multimedia item is overlaid on a background, the background having a first appearance that is generated based on one or more edges of the image, the first appearance including a background color; and

in the graphical user interface, at least a subset of the additional information has a second appearance that is generated based on the first appearance of the background and that is distinct from the first appearance.

18. The computer system of claim 17, wherein the second appearance is determined by modifying a translucence of at least a portion of the background.

19. The computer system of claim 18, wherein the additional information about the multimedia item includes information displayed with a third appearance that is different from the first appearance and the second appearance.

20. The computer system of claim 18, wherein the additional information about the multimedia item includes information about a plurality of media items associated with the image.

21. The computer system of claim 17, wherein the image is displayed adjacent to the additional information.

22. The computer system of claim 21, wherein the image fades into the background.

23. The computer system of claim 17, wherein the second appearance is generated based on the one or more edges of the image and the first appearance of the background.

24. The computer system of claim 17, wherein the first appearance of the background is based on weighted portions of the image in which one or more edges of the image are weighted differently from a center of the image.