IP Library Granted Patent US 10,885,677
Granted Patent B2
US 10,885,677 · App. 16/382,024 · Granted Jan 5, 2021

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: BANMA ZHIXING NETWORK (HONGKONG) CO., LIMITED
G06T11/001G06F3/04817G06F3/04842G06F9/451
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,885,677
App. No.
16/382,024
Granted
Jan 5, 2021
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 (80)

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

rendering, using a processor, an interface element, wherein the interface element includes a function icon;

determining, using the processor, first color values;

assigning, using the processor, a value to a color attribute of the interface element based on the first color values, comprising:

assigning a first value to a first color attribute of the interface element based on the interface element having a first status being on or a first status being off, the first status being associated with a corresponding function represented by the function icon; and

updating, using the processor, the interface element according to the assigned value.

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

determining the first color values based on a status of the interface element, a designated image, a designated event, a user-selected color value, or any combination thereof.

3. 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.

4. 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.

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

determining the first color values based on a 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.

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

determining the first color values based on a 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.

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

determining the first color values based on designated images, 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.

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

determining the first color values based on a 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.

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

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

in response to a determination 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.

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

determining the first color values based on a 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.

11. 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 response to a determination that the interface element is the preset interface element having the non-adjustable color attribute value, obtaining a negative assessment result.

12. 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.

13. The method as described in claim 1 , wherein the interface element includes an interface element of a basic app, an interface element of a third party app, or a combination thereof.

14. The method as described in claim 1 , wherein the function icon includes one or more of the following: a Bluetooth switch icon, a wireless network switch icon, and/or an airplane mode switch icon.

15. 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, wherein the interface element includes a function icon;

determine first color values;

assign a value to a color attribute of the interface element based on the first color values, comprising to:

assign a first value to a first color attribute of the interface element based on the interface element having a first status being on or a first status being off, the first status being associated with a corresponding function represented by the function icon; and

update the interface element according to the assigned value.

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

determine the first color values based on a status of the interface element, a designated image, a designated event, a user-selected color value, or any combination thereof.

17. The system as described in claim 15 , 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.

18. The system as described in claim 15 , 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.

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

determine the first color values based on a 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.

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

determine the first color values based on a 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.

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

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

in response to a determination 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.

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

determine the first color values based on a 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.

23. 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, wherein the interface element includes a function icon;

determining first color values;

assigning a value to a color attribute of the interface element based on the first color values, comprising:

assigning a first value to a first color attribute of the interface element based on the interface element having a first status being on or a first status being off, the first status being associated with a corresponding function represented by the function icon; and

updating the interface element according to the assigned value.

Assignments (1)
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 →
Priority Claims (1)
CN 2015 1 0906885 · Dec 9, 2015 · national
Continuity (2)
Continuation 15368414 · Dec 2, 2016
Related Publication 20190236815A1 · Aug 1, 2019