# US 10,311,600 B2 · Method and system for setting interface element colors

> Agents: this data is available as JSON from the patentgrep API and MCP server — see https://patentgrep.com/llms.txt

- Number: US 10,311,600 B2
- Document ID: US10311600B2
- Status: Granted
- Kind: B2
- Application number: 15/368,414
- Filed: 2016-12-02
- Published: 2017-06-15
- Granted: 2019-06-04
- Earliest claimed: 2015-12-09
- Assignees: Alibaba Group Holding Limited
- Applicants: Alibaba Group Holding Limited
- Inventors: Shuai Chen; Zhi Li; Tao Lin; Xushu Lu; Junlin Tian
- Web page: https://patentgrep.com/patent/US10311600B2

## CPC

- G06T 11/10: Texturing; Colouring; Generation of textures or colours (retouching, inpainting or scratch removal G06T5/77)
- G06F 3/04817: using icons (graphical or visual programming using iconic symbols G06F8/34)
- G06F 3/04842: Selection of displayed objects or displayed text elements (G06F3/0482 takes precedence)
- G06F 9/451: Execution arrangements for user interfaces
- G06T: IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06F: ELECTRIC DIGITAL DATA PROCESSING (computer systems based on specific computational models G06N)

## 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

### Claim 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.

### Claim 2 (depends on 1)

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.

### Claim 3 (depends on 1)

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.

### Claim 4 (depends on 1)

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.

### Claim 5 (depends on 1)

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.

### Claim 6 (depends on 1)

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.

### Claim 7 (depends on 1)

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.

### Claim 8 (depends on 1)

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.

### Claim 9 (depends on 1)

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.

### Claim 10 (depends on 1)

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.

### Claim 11 (depends on 1)

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.

### Claim 12 (depends on 1)

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.

### Claim 13 (depends on 1)

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.

### Claim 14 (depends on 1)

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.

### Claim 15 (depends on 1)

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.

### Claim 16 (depends on 1)

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.

### Claim 17 (depends on 1)

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.

### Claim 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.

### Claim 19 (depends on 18)

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.

### Claim 20 (depends on 18)

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.

### Claim 21 (depends on 18)

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.

### Claim 22 (depends on 18)

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.

### Claim 23 (depends on 18)

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.

### Claim 24 (depends on 18)

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.

### Claim 25 (depends on 18)

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.

### Claim 26 (depends on 18)

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.

### Claim 27 (depends on 18)

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.

### Claim 28 (depends on 18)

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.

### Claim 29 (depends on 18)

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.

### Claim 30 (depends on 18)

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.

### Claim 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.