Personalizing colors of user interfaces

• US 9,542,038 B2
• Filed: 04/06/2011
• Issued: 01/10/2017
• Est. Priority Date: 04/07/2010
• Status: Active Grant

• Current Assignee: Apple Inc.
• Original Assignee: Apple Inc.
• Inventors: van Os, Marcel
• Primary Examiner(s): Bashore, William
• Assistant Examiner(s): SHREWSBURY, NATHAN K
• Application Number:
  US13/081,334
• Publication Number:
  US 20110252344A1
• Time in Patent Office: 2,106 Days
• Field of Search: 715/763
• US Class Current: 1/1
• 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:

executing a software application associated with a color scheme, wherein one or more user interface elements displayed by executing the software application include default colors defined by the color scheme;

obtaining, from an avatar editing environment, a color profile of an avatar associated with a user, the avatar developed in the avatar editing environment, the avatar being a representation of the user within the software application, the color profile specifying one or more colors associated with one or more constituent elements of the avatar; and

customizing the color scheme associated with the software application by modifying a default color of a user interface element displayed by executing the software application based on the color profile of the user'"'"'s avatar, the user interface element different from the avatar, wherein modifying the default color of the user interface element based on the color profile of the user'"'"'s avatar comprises rendering the user interface element in a combination of the default color and a color in the 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 an 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 the 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 by executing the software, 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 the software application, 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.

24. The method of claim 1, further comprising modifying a plurality of default colors of a plurality of user interface elements displayed by executing the software application, each user interface element being different from the avatar.

25. The method of claim 24, wherein modifying the plurality of default colors of the plurality of user interface elements comprises rendering the plurality of user interface elements in different shades of a combination of a default color of each user interface element and a color in the avatar.

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;

executing a software application associated with a color scheme, wherein one or more user interface elements displayed by executing the software application include default colors defined by the color scheme;

obtaining, from the avatar editing environment, a color profile of the avatar which is a representation of the user within the software application; and

customizing a first color scheme associated with the software application by modifying a default color of a user interface element displayed by executing the software application based on the color profile of the user'"'"'s avatar, the user interface element different from the avatar, wherein modifying the default color of the user interface element based on the color profile of the user'"'"'s avatar comprises rendering the user interface element in a combination of the default color and a color in the avatar.

20. The method of claim 19, further comprising:

presenting an application selection interface by executing the software application, 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:

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.

26. The method of claim 19, further comprising modifying a plurality of default colors of a plurality of user interface elements displayed by executing the software application, each user interface element being different from the avatar.

27. The method of claim 26, wherein modifying the plurality of default colors of the plurality of user interface elements comprises rendering the plurality of user interface elements in different shades of a combination of a default color of each user interface element and a color in the avatar.

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 a plurality of colors associated with a respective plurality of constituent elements of the avatar;

creating a color profile of the avatar based on the plurality of colors associated with the respective plurality of constituent elements of the avatar;

executing a software application associated with a color scheme, wherein one or more user interface elements displayed by executing the software application include default colors defined by the color scheme; and

customizing a color scheme associated with the software application by modifying a default color of a user interface element displayed by executing the software application based on the color profile of the user'"'"'s avatar, the user interface element different from the avatar, wherein modifying the default color of the user interface element based on the color profile of the user'"'"'s avatar comprises rendering the user interface element in a combination of the default color and a color in the avatar.

28. The system of claim 22, wherein the operations further comprise modifying a plurality of default colors of a plurality of user interface elements displayed by executing the software application, each user interface element being different from the avatar.

29. The system of claim 28, wherein modifying the plurality of default colors of the plurality of user interface elements comprises rendering the plurality of user interface elements in different shades of a combination of a default color of each user interface element and a color in the avatar.

23. A non-transitory 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:

executing a software application associated with a color scheme, wherein one or more user interface elements displayed by executing the software application include default colors defined by the color scheme;

obtaining, from an avatar editing environment, a color profile of an avatar associated with a user, the avatar developed in the avatar editing environment, the avatar being a representation of the user within the software application, the color profile specifying a plurality of colors associated with a respective plurality of constituent elements of the avatar; and

customizing the color scheme associated with the software application by modifying a default color of a user interface element displayed by executing the software application based on the color profile of the user'"'"'s avatar, the user interface element different from the avatar, wherein modifying the default color of the user interface element based on the color profile of the user'"'"'s avatar comprises rendering the user interface element in a combination of the default color and a color in the avatar.

30. The system of claim 23, wherein the operations further comprise modifying a plurality of default colors of a plurality of user interface elements displayed by executing the software application, each user interface element being different from the avatar.

31. The system of claim 30, wherein modifying the plurality of default colors of the plurality of user interface elements comprises rendering the plurality of user interface elements in different shades of a combination of a default color of each user interface element and a color in the avatar.