PERSONALIZING COLORS OF USER INTERFACES

• US 20110252344A1
• Filed: 04/06/2011
• Published: 10/13/2011
• Est. Priority Date: 04/07/2010
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: van Os, Marcel
• Granted Patent: US 9,542,038 B2
• Time in Patent Office: Days
• US Class Current: 715/763
• CPC Class Codes: A63F 13/2145 the surface being also a display device, e.g. touch screens
• CPC Class Codes: A63F 13/332 using wireless networks, e.g. cellular phone networks
• CPC Class Codes: A63F 13/533 for prompting the player, e.g. by displaying a game menu
• CPC Class Codes: A63F 13/63 by the player, e.g. authoring using a level editor
• CPC Class Codes: A63F 13/77 involving data related to game devices or game servers, e.g. configuration data, software version or amount of memory
• CPC Class Codes: A63F 13/92 Video game devices specially adapted to be hand-held while playing
• CPC Class Codes: A63F 2300/5553 user representation in the game field, e.g. avatar
• CPC Class Codes: A63F 2300/6018 where the game content is authored by the player, e.g. level editor or by game device at runtime, e.g. level is created from music data on CD
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces
• CPC Class Codes: G06Q 30/0621 Item configuration or customization
• CPC Class Codes: H04M 1/72427 for supporting games or graphical animations

Abstract

Methods, systems, and computer-readable media for creating customized color schemes for user interfaces are disclosed. An avatar editing environment associated with a user is provided and user input specifying colors for the avatar is received. A color profile of the avatar can be created based on the colors associated with the avatar. Customized color schemes associated with a software application can be created based on the color profile of the user'"'"'s avatar. An application selection interface can present a respective user interface element for each application available for selection. The application selection interface and user interface element for each available application can be rendered in a respective color scheme selected based on the color profile of the user'"'"'s avatar and one or more characteristic colors extracted from an icon of the application.

Claims

1. A computer-implemented method performed by one or more processors, comprising:

obtaining a color profile of an avatar associated with a user, the avatar being a representation of the user within an operating environment associated with the user, and the color profile specifying one or more colors associated with one or more constituent elements of the avatar; and

customizing a color scheme associated with a software application based on the color profile of the user'"'"'s avatar.

2. The method of claim 1, wherein customizing the color scheme associated with the software application based on the color profile of the user'"'"'s avatar further comprises:

choosing, based on the colors specified in the avatar'"'"'s color profile, an appearance attribute for one or more user interface elements of the software application;

modifying resources associated with the user interface elements according to the chosen appearance attribute; and

providing the software application with the modified resources for download to a device associated with the user.

3. The method of claim 1, wherein customizing the color scheme associated with the software application based on the color profile of the user'"'"'s avatar further comprises:

executing the software application in the operating environment;

choosing, based on the colors specified in the avatar'"'"'s color profile, an appearance attribute for one or more user interface elements of the software application; and

rendering the one or more user interface elements of the software application according to the chosen appearance attribute.

4. The method of claim 1, further comprising:

providing an avatar editing environment associated with the user;

receiving user input through the avatar editing environment, the user input specifying the one or more colors associated with the one or more constituent elements of the avatar; and

creating the color profile of the avatar based on the one or more colors associated with the one or more constituent elements of the avatar.

5. The method of claim 4, where receiving user input through the avatar editing environment further comprises:

receiving first user input selecting one of the one or more constituent element of the avatar;

receiving second user input invoking a color picker in the avatar editing environment, the color picker showing a plurality of suggested colors;

receiving third user input selecting one of the plurality of suggested colors from the color picker; and

associating the selected color with the selected constituent element of the avatar.

6. The method of claim 5, wherein the color picker presents a plurality of discrete colors for selection.

7. The method of claim 5, wherein the color picker presents a gradient of colors for selection.

8. The method of claim 5, wherein the color picker presents the selected constituent element in a plurality of suggested colors.

9. The method of claim 8, wherein the plurality of suggested colors is provided based on the selected constituent element.

10. The method of claim 5, wherein the color picker presents a color gradient in a first dimension, and an intensity gradient in a second dimension.

11. The method of claim 5, wherein the color picker presents a coarse color selection portion and a fine color selection portion, the coarse color selection portion presenting a plurality of discrete colors for selection, and the fine color selection portion presenting different shades of a currently selected color indicated in the coarse color selection portion.

12. The method of claim 5, wherein the color picker presents a zoomed image of the selected element and allows independent color selection for each of multiple portions of the selected element.

13. The method of claim 1, further comprising:

presenting an application selection interface in the operating environment associated with the user, the application selection interface presenting a respective user interface element for each application available for selection, and the application selection interface being rendered in a first color scheme selected based on the color profile of the user'"'"'s avatar.

14. The method of claim 13, wherein the user interface element for each application is rendered in a second color scheme selected based on the color profile of the user'"'"'s avatar.

15. The method of claim 14, wherein the application selection interface and the user interface elements for the available applications are rendered in different shades of a same color in the avatar'"'"'s color profile.

16. The method of claim 13, further comprising:

deriving one or more characteristic colors from a respective program icon of each available application; and

rendering the user interface element for each available application according to a third color scheme based on the characteristic colors derived from the available application'"'"'s program icon.

17. The method of claim 16, further comprising:

rendering the user interface element for each available application according to a fourth color scheme based on the characteristic colors derived from the program'"'"'s icon and the color profile of the user'"'"'s avatar.

18. The method of claim 1, further comprising:

providing avatar data to a software application executing in the operating environment, the avatar data operable for creating the avatar in an application environment of the software application; and

creating a customized avatar based on the avatar data to replace a default avatar in the application environment.

19. A computer implemented method performed by one or more processors, comprising:

providing an avatar editing environment associated with a user;

receiving user input through the avatar editing environment, the user input specifying one or more colors associated with one or more constituent elements of the avatar;

creating a color profile of the avatar based on the one or more colors associated with the one or more constituent elements of the avatar; and

customizing a first color scheme associated with a software application based on the color profile of the user'"'"'s avatar, where the colors in the color profile of the user'"'"'s avatar have been specified outside of a customization environment specific to the software application.

20. The method of claim 19, further comprising:

presenting an application selection interface in the operating environment associated with the user, the application selection interface presenting a respective user interface element for each application available for selection, and the application selection interface being rendered in a second color scheme selected based on the color profile of the user'"'"'s avatar.

21. The method of claim 20, further comprising:

executing the software application in the operating environment;

choosing, based on the colors specified in the avatar'"'"'s color profile, an appearance attribute for one or more user interface elements of the software application; and

rendering the one or more user interface elements of the software application according to the chosen appearance attribute.

22. A system for creating a customized color scheme for a software application environment, comprising:

one or more processors;

a computer-readable medium coupled to the one or more processors and storing instructions, which, when executed by the one or more processors, causes the one or more processors to perform operations, comprising;

providing an avatar editing environment associated with a user;

receiving user input through the avatar editing environment, the user input specifying one or more colors associated with one or more constituent elements of the avatar;

creating a color profile of the avatar based on the one or more colors associated with the one or more constituent elements of the avatar; and

customizing a color scheme associated with a software application based on the color profile of the user'"'"'s avatar, where the colors in the color profile of the user'"'"'s avatar have been specified outside of a customization environment specific to the software application.

23. A computer-readable medium coupled to the one or more processors and storing instructions, which, when executed by the one or more processors, causes the one or more processors to perform operations, comprising:

presenting an application selection interface in the operating environment associated with a user, the application selection interface presenting a respective user interface element for each application available for selection, and the application selection interface being rendered in a color scheme selected based on a color profile of the user'"'"'s avatar and one or more characteristic colors extracted from an icon of the application.