IP Library Granted Patent US 10,311,600
Granted Patent B2
US 10,311,600 · App. 15/368,414 · Granted Jun 4, 2019

Method and system for setting interface element colors

Inventors: Shuai Chen (Beijing, CN); Zhi Li (Beijing, CN); Tao Lin (Beijing, CN); Xushu Lu (Beijing, CN); Junlin Tian (Beijing, CN)
Assignee: Alibaba Group Holding Limited
G06T11/001G06F3/04817G06F3/04842
View Patent ↗
Loading inventors, assignments & file history…
Monitor This Case
Get email alerts when status or documents change.
Order Certified Copies
Most orders are placed with the USPTO same day — all within 24 business hours.
Order via The Patent Place →
Pre-filled with this patent's details
Quick Facts
Patent No.
US 10,311,600
App. No.
15/368,414
Granted
Jun 4, 2019
Kind
B2
Abstract

Setting interface element colors is disclosed including rendering an interface element, determining first color values, assigning a value to a color attribute of the interface element based on the first color values, and updating the interface element according to the assigned value.

Claims (147)

1. A method for setting interface element colors, comprising:

rendering an interface element to be displayed on a mobile device, the interface element corresponding to an interface element of an application;

determining first color values, wherein the determining of the first color values comprises:

performing one or more of the following:

determining the first color values based on a status of the interface element, the status corresponding to pressed, normal, or disabled;

determining the first color values based on a designated image, the designated image corresponding to desktop wallpaper, lock screen wallpaper, or both; or

determining the first color values based on a designated event, the designated event relating to a time-related event;

assigning a value to a color attribute of the interface element based on the first color values; and

updating the interface element according to the assigned value.

2. The method as described in claim 1 , wherein the assigning of the value to the color attribute of the interface element comprises:

assigning a first value to a first color attribute of the interface element having a first status.

3. The method as described in claim 1 , wherein:

the assigning of the value to the color attribute of the interface element comprises:

assigning a first value to a first color attribute of the interface element having a first status;

the interface element includes: a function icon; and

the first status includes an on or off status associated with a corresponding function represented by the function icon.

4. The method as described in claim 1 , wherein the assigning of the value to the color attribute of the interface element comprises:

assigning a first color value to the color attribute of the interface element; or

determining second color values mapping to the first color values, and assigning the value to the color attribute of the interface element based on the determined second color values.

5. The method as described in claim 1 , wherein:

the assigning of the value to the color attribute of the interface element comprises:

assigning a first color value to the color attribute of the interface element; or

determining second color values mapping to the first color values, and assigning the value to the color attribute of the interface element based on the determined second color values; and

the determining of the second color values mapping to the first color values comprises:

determining the second color values from among second color values included in a preset second color value set based on the first color values; or

calculating the second color values based on the first color values and a preset color value mapping rule.

6. The method as described in claim 1 , wherein:

the assigning of the value to the color attribute of the interface element comprises:

assigning a first color value to the color attribute of the interface element; or

determining second color values mapping to the first color values, and assigning the value to the color attribute of the interface element based on the determined second color values;

the determining of the second color values mapping to the first color values comprises:

determining the second color values corresponding to different categories of interface elements based on the first color values and second color value-determining rules individually preset for the different categories of the interface elements; and

the assigning of the value to the color attribute of the interface element based on the determined second color values comprises:

assigning values to color attributes of the different categories of the interface elements based on the second color values corresponding to the different categories of the interface elements.

7. The method as described in claim 1 , wherein:

the assigning of the value to the color attribute of the interface element comprises:

assigning a first color value to the color attribute of the interface element; or

determining second color values mapping to the first color values, and assigning the value to the color attribute of the interface element based on the determined second color values; and

the assigning of the value to the color attribute of the interface element based on the determined second color values comprises:

determining at least one color value corresponding to at least one status of the interface element based on the second color values that were determined and color value-determining rules set individually for the at least one status of the interface element; and

individually assigning values to at least one color attribute corresponding to the at least one status of the interface element based on the at least one color value corresponding to the at least one status of the interface element.

8. The method as described in claim 1 , further comprising:

determining an attribute value related to a non-color display effect and corresponding to the interface element; and

assigning a value to the attribute related to the non-color display effect of the interface element based on the determined attribute value related to the non-color display effect.

9. The method as described in claim 1 , further comprising:

determining an attribute value related to a non-color display effect and corresponding to the interface element; and

assigning a value to the attribute related to the non-color display effect of the interface element based on the determined attribute value related to the non-color display effect, wherein the attribute value related to the non-color display effect includes a transparency value, a brightness value, a gray scale value, or any combination thereof.

10. The method as described in claim 1 , wherein the determining of the first color values comprises:

determining the first color values based on the designated image, comprising:

determining the first color values based on a color value of wallpaper in current use by a user terminal, a color value of an image corresponding to an image selection instruction, or a combination thereof.

11. The method as described in claim 1 , wherein the determining of the first color values comprises:

determining the first color values based on the designated image, comprising:

determining the first color values based on a color value of wallpaper in current use by a user terminal, a color value of an image corresponding to an image selection instruction, or a combination thereof, comprising:

determining color values used to represent a dominant hue of the designated image based on a pixel color value of the designated image.

12. The method as described in claim 1 , wherein the determining of the first color values comprises:

determining the first color values based on the designated image, comprising:

determining the first color values based on color values of wallpaper in current use by a user terminal, comprising:

receiving a wallpaper setting instruction;

in response to the receiving of the wallpaper setting instruction, setting an image corresponding to the wallpaper setting instruction to be the wallpaper in current use by the user terminal; and

determining the first color values based on pixel color values of the image corresponding to the wallpaper setting instruction.

13. The method as described in claim 1 , wherein the determining of the first color values comprises:

determining the first color values based on the status of the interface element, comprising:

determining a color value mapped from the status of the interface element based on mapping relationships between different statuses of interface elements and color values.

14. The method as described in claim 1 , wherein the determining of the first color values comprises:

determining the first color values based on the designated event, comprising:

in the event that a first designated event currently exists, determining a color value mapping to the currently existing first designated event based on mapping relationships between various designated events and color values.

15. The method as described in claim 1 , wherein the determining of the first color values comprises:

determining the first color values based on the designated event, comprising:

displaying a color value interface including at least two colors; and

determining the first color values based on a user's selection of a color included in the color value interface.

16. The method as described in claim 1 , further comprises:

prior to the assigning of the value to the color attribute of the interface element:

determining whether the interface element is a preset interface element having a non-adjustable color attribute value; and

in the event that the interface element is the preset interface element having the non-adjustable color attribute value, obtaining a negative assessment result.

17. The method as described in claim 1 , wherein the interface element includes an icon, a text, a control, a display area boundary, a display area, or any combination thereof.

18. A system for setting interface element colors, comprising:

a processor; and

a memory coupled with the processor, wherein the memory is configured to provide the processor with instructions which when executed cause the processor to:

render an interface element to be displayed on a mobile device, the interface element corresponding to an interface element of an application;

determine first color values, wherein the determining of the first color values comprises to:

perform one or more of the following:

determine the first color values based on a status of the interface element, the status corresponding to pressed, normal, or disabled;

determine the first color values based on a designated image, the designated image corresponding to desktop wallpaper, lock screen wallpaper, or both; or

determine the first color values based on a designated event, the designated event relating to a time-related event;

assign a value to a color attribute of the interface element based on the first color values; and

update the interface element according to the assigned value.

19. The system as described in claim 18 , wherein the assigning of the value to the color attributes of the interface element comprises to:

assign a first value to a first color attribute of the interface element having a first status.

20. The system as described in claim 18 , wherein:

the assigning of the value to the color attribute of the interface element comprises to:

assign a first value to a first color attribute of the interface element having a first status;

the interface element includes: a function icon; and

the first status includes an on or off status associated with a corresponding function represented by the function icon.

21. The system as described in claim 18 , wherein the assigning of the value to the color attribute of the interface element comprises to:

assign a first color value to the color attribute of the interface element; or

determine second color values mapping to the first color values, and assign the value to the color attribute of the interface element based on the determined second color values.

22. The system as described in claim 18 , wherein:

the assigning of the value to the color attribute of the interface element comprises to:

assign a first color value to the color attribute of the interface element; or

determine second color values mapping to the first color values, and assign the value to the color attribute of the interface element based on the determined second color values; and

the determining of the second color values mapping to the first color values comprises to:

determine the second color values from among second color values included in a preset second color value set based on the first color values; or

calculate the second color values based on the first color values and a preset color value mapping rule.

23. The system as described in claim 18 , wherein:

the assigning of the value to the color attribute of the interface element comprises to:

assign a first color value to the color attribute of the interface element; or

determine second color values mapping to the first color values, and assign the value to the color attribute of the interface element based on the determined second color values;

the determining of the second color values mapping to the first color values comprises to:

determine the second color values corresponding to different categories of interface elements based on the first color values and second color value-determining rules individually preset for the different categories of the interface elements; and

the assigning of the value to the color attribute of the interface element based on the determined second color values comprises to:

assign values to color attributes of the different categories of the interface elements based on the second color values corresponding to the different categories of the interface elements.

24. The system as described in claim 18 , wherein:

the assigning of the value to the color attribute of the interface element comprises to:

assign a first color value to the color attribute of the interface element; or

determine second color values mapping to the first color values, and assigning the value to the color attribute of the interface element based on the determined second color values; and

the assigning of the value to the color attribute of the interface element based on the determined second color values comprises to:

determine at least one color value corresponding to at least one status of the interface element based on the second color values that were determined and color value-determining rules set individually for the at least one status of the interface element; and

individually assign values to at least one color attribute corresponding to the at least one status of the interface element based on the at least one color value corresponding to the at least one status of the interface element.

25. The system as described in claim 18 , wherein the processor is further configured to:

determine an attribute value related to a non-color display effect and corresponding to the interface element; and

assign a value to the attribute related to the non-color display effect of the interface element based on the determined attribute value related to the non-color display effect.

26. The system as described in claim 18 , wherein the processor is further configured to:

determine an attribute value related to a non-color display effect and corresponding to the interface element; and

assign a value to the attribute related to the non-color display effect of the interface element based on the determined attribute value related to the non-color display effect, wherein the attribute value related to the non-color display effect includes a transparency value, a brightness value, a gray scale value, or any combination thereof.

27. The system as described in claim 18 , wherein the determining of the first color values comprises to:

determine the first color values based on the designated image, comprising to:

determine the first color values based on a color value of wallpaper in current use by a user terminal, a color value of an image corresponding to an image selection instruction, or a combination thereof, comprising to:

determine color values used to represent a dominant hue of the designated image based on a pixel color value of the designated image.

28. The system as described in claim 18 , wherein the determining of the first color values comprises to:

determine the first color values based on the status of the interface element, comprising to:

determine a color value mapped from the status of the interface element based on mapping relationships between different statuses of interface elements and color values.

29. The system as described in claim 18 , wherein the determining of the first color values comprises to:

determine the first color values based on the designated event, comprising to:

in the event that a first designated event currently exists, determine a color value mapping to the currently existing first designated event based on mapping relationships between various designated events and color values.

30. The system as described in claim 18 , wherein the determining of the first color values comprises to:

determine the first color values based on the designated event, comprising to:

display a color value interface including at least two colors; and

determine the first color values based on a user's selection of a color included in the color value interface.

31. A computer program product for setting interface element colors, the computer program product being embodied in a tangible non-transitory computer readable storage medium and comprising computer instructions for:

rendering an interface element to be displayed on a mobile device, the interface element corresponding to an interface element of an application;

determining first color values, wherein the determining of the first color values comprises:

performing one or more of the following:

determining the first color values based on a status of the interface element, the status corresponding to pressed, normal, or disabled;

determining the first color values based on a designated image, the designated image corresponding to desktop wallpaper, lock screen wallpaper, or both; or

determining the first color values based on a designated event, the designated event relating to a time-related event;

assigning a value to a color attribute of the interface element based on the first color values; and

updating the interface element according to the assigned value.

Assignments (2)
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Nov 11, 2020
From: ALIBABA GROUP HOLDING LIMITED
To: BANMA ZHIXING NETWORK (HONGKONG) CO., LIMITED
Reel/Frame 054384/0014 →
ASSIGNMENT OF ASSIGNOR'S INTEREST Recorded Feb 13, 2017
From: CHEN, SHUAI; LI, ZHI; LIN, TAO; LU, XUSHU; TIAN, JUNLIN
To: ALIBABA GROUP HOLDING LIMITED
Reel/Frame 041238/0263 →
Priority Claims (1)
CN 2015 1 0906885 · Dec 9, 2015 · national
Continuity (1)
Related Publication 20170169585A1 · Jun 15, 2017