WO2015106651A1

WO2015106651A1 - Interface colour replacement system and implementation method therefor

Info

Publication number: WO2015106651A1
Application number: PCT/CN2015/070360
Authority: WO
Inventors: 蔡云涛
Original assignee: 深圳市艾酷通信软件有限公司
Priority date: 2014-01-17
Filing date: 2015-01-08
Publication date: 2015-07-23
Also published as: CN104793835A; CN104793835B

Abstract

The present invention relates to the technical field of mobile communications, and particularly to an interface colour replacement system and an implementation method therefor. The interface colour replacement system comprises a display module which comprises a display screen on which several interface elements are displayed, wherein each interface element comprises several display layers, and each display layer comprises at least one colour layer used for displaying colours and at least one pattern layer used for displaying pattern texture; a colour taking module which selects a colour group as a system colour, wherein the colour group comprises one main colour and several auxiliary colours, and the auxiliary colours are determined according to different angles of deviation from the main colour on a hue circle; and a colour filling module which selects a plurality of colours including the main colour from the system colour to fill same in the colour layer of each of the interface elements. The method is used for realizing the system. The present invention is simple in operation and wide in range of application, and can bring better use experience to a user.

Description

System for replacing interface color and implementation method thereof

Technical field:

The present invention relates to the field of mobile communication technologies, and in particular, to a system for replacing interface colors and an implementation method thereof.

Background technique:

Now the human-computer interaction interface of the terminal device adopts a visual UI interface. It is not only reflected in the diversity of functions, but also has higher requirements for the beauty and richness of the interface. The single interface will slowly produce aesthetic fatigue during the long-term use process, which will make people's interest lack, and the whole product will become monotonous and boring, resulting in reduced product appeal and shortened life cycle.

At this stage, in order to maintain the long-term attractiveness of the interface UI, the industry usually adopts a method of replacing the entire UI of the interface. In this way, the mobile phone manufacturer or the design company needs to separately design and build a separate UI file package, which has a long production cycle and high resource consumption. Moreover, the user's demand for "beauty" is diverse, and the way of building the UI package is mechanically rigid, which cannot satisfy people's demand for shape and color matching. Therefore, it is limited and cannot meet the personality requirements.

Summary of the invention:

It is an object of the present invention to provide a system for replacing the color of an interface. It is easy to operate and has a wide range of applications, which can bring users a better experience.

The technical solution of the system for replacing the interface color according to the present invention is realized as follows:

A system for replacing interface colors, characterized in that it comprises:

a display module comprising a display screen, the display screen displaying a plurality of interface elements, each interface element comprising a plurality of display layers, each display layer comprising at least one color layer for displaying colors and at least one a graphic layer for displaying a graphic texture;

a color picking module, the color picking module selects a color group as a system color, the color group includes a main color and a plurality of auxiliary colors, and the auxiliary color is determined according to the foregoing main color offsetting different angles on the hue circle. ;

A color filling module is configured to select a plurality of colors including the main color from the color of the system to be filled into the color layer of each interface element.

The system for replacing the interface color according to the present invention has the following advantages compared with the prior art:

1. Set the color selection mode in groups, each group contains one main color and several auxiliary colors, the auxiliary colors can be randomly generated, and each color can also be filled into the graphic layer of different interface elements according to certain rules or randomly. The interface color scheme is more diverse and random, and has a better user experience;

2. The interface element may include an application icon, a button, a wallpaper, a menu, a title bar, a notification bar, and a visual interaction control interface, each interface element is divided into at least one color layer and a graphic layer, and the color layer is used for displaying color selection. The system color selected by the module, the graphics layer is used to display the icon shape or texture, so that the interface elements are diverse and layered;

3. The system for replacing the interface color according to the present invention does not realize the replacement of the picture, and has low hardware requirements and low system resource occupancy rate, and is easy to popularize;

4. The system for replacing the interface color according to the present invention can be used for a long time and has low cost.

The system for replacing the interface color further includes a storage module, wherein the storage module stores a plurality of color groups, and the main colors of all the color groups are different; the color selection module includes a circular wheel and a pointer, and all color groups The main color is arranged on the circular wheel in sequence, and the color filling module is arranged in a circular wheel. The color group corresponding to the main color pointed by the pointer when stopped is the system color. The system presets or randomly generates a plurality of color groups, and stores them in the storage module, and selects the main color through the circular wheel to determine the color of the system that needs to be used for filling, and the interface is simple and vivid, and the taste is strong.

The system for replacing the color of the interface further includes a storage module, the storage module stores a plurality of color groups, and the main colors of all the color groups are different; the color selection module includes a picture browsing interface, and the picture browsing interface includes a Selecting a color selection tool from a certain area in the image; the color picking module further includes a comparison module, wherein the comparison module compares the color selected by the color selection tool with the main color in each color group in the storage module And displaying the color group of the main color close to the color selected by the color selection tool on the display screen, and the color filling module uses the color group corresponding to the click as the system color through the click action acting on the screen and fills the In the color layer of each interface element. The user can obtain the picture that needs to be colored by taking a picture, downloading or opening the saved picture, selecting the favorite color in the picture to determine the main color of the system color, and the color taking module will be the same or similar storage module as the selected color in the picture. A plurality of color groups are displayed on the display screen for the user to select, so that the system for replacing the interface color according to the present invention is more user-friendly, and the user can display the favorite color that he sees on the interface by means of shooting.

The color picking module includes a circular wheel and a pointer, and different colors are sequentially arranged on the circular wheel. The color filling module is mainly colored by the color pointed by the pointer when the circular wheel stops. The main color is offset by different angles on the hue circle to obtain a number of auxiliary colors, and the main color and a number of auxiliary colors obtained by offsetting the main color are used as system colors. The user instantly generates a system color for filling each color layer by selecting the color on the circular wheel, which is more random.

The color picking module includes a picture browsing interface, and the picture browsing interface includes a color selection tool for selecting a color from an area in the image; the color selection module selects the color selection tool. The color is the main color, and the main color is offset by different angles on the hue circle to obtain a plurality of auxiliary colors, and the main color and a plurality of auxiliary colors obtained by shifting the main color are used as system colors. The user instantly generates the system color used to fill each color layer by the color on the picture, and does not need to perform a selection operation, and the process is more convenient.

The color filling module includes a sampling module, configured to: separately sample a graphic layer of each interface element to obtain a color average value of each interface element graphic layer, and fill in a color layer of the interface element in the color filling module. In color, colors that are similar to the color average of the graphic layer of the interface element are excluded from the system color. By setting the sampling module, the color of the color layer is prevented from being too close to the color of the graphic layer, which affects the overall user differentiation.

Another object of the present invention is to provide a method of replacing the color of an interface. It has simple steps and wide application range, which can bring users a better experience.

The technical solution of the method for replacing the interface color according to the present invention is implemented as follows:

A method for replacing an interface color, which is used to implement a system for replacing an interface color as described above, characterized in that it comprises the following steps:

a. dividing each interface element on the display screen into a plurality of display layers, each display layer comprising at least one color layer for displaying colors and at least one graphic layer for displaying graphic textures;

b. selecting a color group as a system color, the color group comprising a main color and a plurality of auxiliary colors, wherein the auxiliary color is determined by shifting different angles on the hue circle according to the foregoing main color;

c. selecting a plurality of colors including the main color from the system colors to fill into the color layers of the respective interface elements.

The method for replacing the interface color according to the present invention has the following advantages compared with the prior art:

1. Set the color selection mode in groups, each group contains one main color and several auxiliary colors, the auxiliary colors can be randomly generated, and each color can also be filled into the graphic layer of different interface elements according to certain rules or randomly. In the middle, the interface color scheme is more diverse and random, and has better user use. Experience

3. The method for replacing the interface color according to the present invention does not realize the replacement of the picture, and has low hardware requirements and low system resource occupancy rate, and is easy to popularize;

4. The method for replacing the interface color according to the present invention can be used for a long time and has low cost.

The system for replacing the interface color further includes a storage module, wherein the storage module stores a plurality of color groups, and the main colors of all the color groups are different; the color selection module includes a circular wheel and a pointer, and all color groups The main colors are sequentially arranged on the circular wheel; the step b is specifically: rotating the circular wheel, the main color pointed by the pointer when the color filling module stops with the circular wheel corresponds to the color group in the storage module as a system color. The system presets or randomly generates a plurality of color groups, and stores them in the storage module, and selects the main color through the circular wheel to determine the color of the system that needs to be used for filling, and the interface is simple and vivid, and the taste is strong.

The system for replacing the color of the interface further includes a storage module. The storage module stores a plurality of color groups, and the main colors of all the color groups are different. The color selection module includes a picture browsing interface, and the picture browsing interface includes a The color selection tool selects a color from a certain area of the image; the color selection module further includes a comparison module, and the step b is specifically: selecting a color of an area in the image by using a color selection tool, and selecting a color selection tool by the module The selected color is compared with the main color in each color group in the storage module, and the main color is similar to the color selected by the color selection tool. The color group in the display is displayed on the display screen, and the corresponding color group at the click is used as the system color by the click action acting on the screen. The user can obtain the picture that needs to be colored by taking a picture, downloading or opening the saved picture, selecting the favorite color in the picture to determine the main color of the system color, and the color taking module will be the same or similar storage module as the selected color in the picture. A plurality of color groups are displayed on the display screen for the user to select, so that the system for replacing the interface color according to the present invention is more user-friendly, and the user can display the favorite color that he sees on the interface by means of shooting.

The color picking module includes a circular wheel and a pointer, and different colors are sequentially arranged on the circular wheel. Step b is specifically: rotating the circular wheel, and the color filling module stops when the circular wheel is stopped. The color pointed by the pointer is the main color, and the main color is offset by different angles on the hue circle to obtain a plurality of auxiliary colors, and the main color and the plurality of auxiliary colors obtained by the main color offset are used as system colors. The user instantly generates a system color for filling each color layer by selecting the color on the circular wheel, which is more random.

The color picking module includes a picture browsing interface, and the picture browsing interface includes a color selection tool for selecting a color from an area in the image; the b is specifically: the color selection module uses the color selected by the color selection tool as The main color is obtained by shifting different angles of the main color on the hue circle to obtain a plurality of auxiliary colors, and the main color and a plurality of auxiliary colors obtained by shifting the main color are used as system colors. The user instantly generates the system color used to fill each color layer by the color on the picture, and does not need to perform a selection operation, and the process is more convenient.

The color filling module includes a sampling module, and the graphic layer of each interface element is separately sampled to obtain a color average value of each interface element graphic layer, and when the coloring module fills the color layer of the interface element, Colors that are similar to the color average of the graphic layer of the interface element are excluded from the system color. Prevent the color of the color layer from being too close to the color of the graphic layer by setting the sampling module. Resound the overall user distinction.

BRIEF DESCRIPTION OF THE DRAWINGS:

The present invention will be described in detail below with reference to the accompanying drawings:

1 is a schematic diagram showing hierarchical display of interface elements of a system for replacing interface colors according to the present invention;

2 is a schematic view of a system for replacing an interface color according to the present invention by a circular wheel and a pointer;

3 is a schematic diagram of a system for replacing an interface color according to the present invention through a picture browsing interface and a color selection tool;

4 is a schematic flow chart of a first embodiment of a method for replacing an interface color according to the present invention;

FIG. 5 is a schematic flow chart of a second embodiment of a method for replacing an interface color according to the present invention; FIG.

6 is a schematic flow chart of a third embodiment of a method for replacing an interface color according to the present invention;

FIG. 7 is a schematic flow chart of a fourth embodiment of a method for replacing an interface color according to the present invention.

detailed description:

Embodiment 1 of a system for replacing interface colors according to the present invention:

A system for replacing interface colors, which includes:

A display module includes a display screen, and a plurality of interface elements are displayed on the display screen. As shown in FIG. 1, each interface element includes a plurality of display layers, and each display layer 1 includes a color layer 11 for displaying colors and one for a graphic layer 12 displaying a graphic texture;

The color group is stored in a storage module, and the storage module takes a plurality of colors (such as 100 colors) from the hue ring (such as 24 hue circles) as the main color, and takes the similar saturation and brightness with each main color. And the alpha value, randomly offset from the hue circle by 60 to 180 degrees to generate an auxiliary color corresponding to each main color, in this embodiment, the number of auxiliary colors is eight; and the auxiliary color in any color group includes at least one RGB The channel has the same proportion of "achromatic" (such as R150, G150, B150, and Alpha 70%) to expand the adaptation surface.

The color picking module comprises a circular wheel 2 and a pointer 3, the main colors of all the color groups are sequentially arranged on the circular wheel 2, and the color filling module is pointed by the pointer 3 when the circular wheel 2 is stopped. The color group corresponding to the main color is the system color. The color filling module includes a sampling module, configured to: separately sample a graphic layer of each interface element to obtain a color average value of each interface element graphic layer, and fill a color layer of the interface element in the color filling module. The color that is similar to the color average of the graphic layer of the interface element is excluded from the system color. The weight of the main color is the highest, and this embodiment takes 50%.

Embodiment 2 of a system for replacing interface colors according to the present invention:

Different from the first embodiment, the color picking module selects the main color differently. As shown in FIG. 3, the color picking module includes a picture browsing interface 4, and the picture browsing interface 4 includes an area for using the picture. The color selection tool 5 is selected; the color selection module further includes a comparison module, and the comparison module compares the color selected by the color selection tool 5 with the main color in each color group in the storage module, and compares The color group in which the main color of the color selected by the color selection tool 5 is displayed is displayed on the display screen, and the color filling module will click the corresponding color through the click action on the screen. The groups are colored as system colors and filled into the color layers of the respective interface elements.

Embodiment 3 of a system for replacing interface colors according to the present invention:

Different from the first embodiment, the system does not include a storage module storing a plurality of color groups, and the color groups are generated by selection on the fly.

As shown in FIG. 2, different colors are sequentially arranged on the circular wheel 2, and the color filling module uses the color pointed by the pointer 3 as the main color when the circular wheel 2 stops, and the main color is offset on the hue circle. A number of auxiliary colors are obtained by shifting different angles, and the main color and a number of auxiliary colors obtained by shifting the main color are used as system colors.

Embodiment 4 of a system for replacing interface colors according to the present invention:

Different from the third embodiment, the color picking module selects the main color differently. As shown in FIG. 3, the color picking module includes a picture browsing interface 4, and the picture browsing interface 4 includes an area for taking pictures from the picture. The color selection tool 5 is selected; the color selection module takes the color selected by the color selection tool 5 as the main color, and the main color is offset at different angles on the hue circle to obtain a plurality of auxiliary colors, and the main color and the main color are Several auxiliary colors obtained by the offset are used as system colors.

FIG. 4 is a first embodiment of a method for replacing an interface color according to the present invention:

A method for replacing an interface color, which is used to implement a system for replacing an interface color as described above, which comprises the following steps:

a. dividing each interface element on the display screen into several display layers, each display layer includes a color layer for displaying colors and a graphic layer for displaying graphic textures;

The system for replacing interface color further includes a storage module, and the storage module stores a plurality of The color group has different main colors of the color groups; the color picking module includes a circular wheel 3 and a pointer 4, and the main colors of all the color groups are sequentially arranged on the circular wheel 3; the step b is specifically: Rotating the circular wheel, the main color pointed by the pointer when the color filling module stops with the circular wheel 3 corresponds to the color group in the storage module as the system color.

The color filling module comprises a sampling module, and the graphic layer of each interface element is separately sampled to obtain the color average value of the graphic layer of each interface element, and when the coloring module fills the color layer of the interface element, the system color is obtained. The color that is similar to the color average of the graphic layer of the interface element is excluded.

FIG. 5 is a second embodiment of a method for replacing an interface color according to the present invention:

Different from the first embodiment, the color picking module has different ways of selecting the main color. The color picking module includes a picture browsing interface 4, and the picture browsing interface 4 includes a color selecting tool for selecting colors from an area in the picture. The color picking module further includes a matching module, and the step b is specifically: selecting, by the color selecting tool 5, the color of an area in the image, and comparing the color selected by the color selecting tool 5 with the color of the storage module. The main colors in the color group are compared, and the color group of the main color close to the color selected by the color selection tool is displayed on the display screen, and the corresponding color group at the click is used as a system by a click action acting on the screen. colour.

The picture may be a photograph taken, a downloaded or a stored picture, etc.; the picture is filtered out of a low saturation color before the color is taken, in this embodiment, 30% or more; the color is similar The standard is that any two color channel values are less than 12.

FIG. 6 is a third embodiment of a method for replacing interface colors according to the present invention:

Different from the first embodiment, the system for replacing the interface color does not include the storage module storing the color group, and the color group is generated by the selection on the fly.

The step b is specifically: rotating the circular wheel 2, and the color filling module stops when the circular wheel 2 stops. The color pointed to is the main color, and the main color is offset by different angles on the hue circle to obtain a plurality of auxiliary colors, and the main color and a plurality of auxiliary colors obtained by shifting the main color are used as system colors.

FIG. 7 shows a fourth embodiment of a method for replacing an interface color according to the present invention:

Different from the third embodiment, the main color selection manner is different, the color selection module includes a picture browsing interface 4, and the picture browsing interface 4 includes a color selection tool 5 for selecting colors from an area in the picture; The b is specifically as follows: the color picking module takes the color selected by the color selecting tool 5 as the main color, and obtains some auxiliary colors by shifting the main color on the hue circle by different angles, and obtains the main color and the main color offset. A number of auxiliary colors are used as system colors.

As described above, several embodiments are provided in combination with specific contents, and it is not intended that the specific embodiments of the invention be limited to the description. The number of the color layer and the pattern layer is not limited to one, and the hue ring is not limited to the 24-color phase ring, and the "achromatic color" is not limited to the numerical values disclosed in the embodiment and the like. Any reference to or equivalent to the method, structure, or the like of the present invention, or a certain technical derivation or replacement under the premise of the invention, should be considered as the scope of the present invention.

Claims

A system for replacing interface colors, characterized in that it comprises:

A display module includes a display screen on which a plurality of interface elements are displayed, each interface element includes a plurality of display layers, each display layer including at least one color layer for displaying colors and at least one graphic layer for displaying graphic textures ;

a color picking module, the color picking module selects a color group as a system color, the color group includes a main color and a plurality of auxiliary colors, and the auxiliary color is determined according to the foregoing main color offsetting different angles on the hue circle. ;

A color filling module is configured to select a plurality of colors including the main color from the color of the system to be filled into the color layer of each interface element.
A system for replacing interface colors according to claim 1, further comprising a storage module, wherein the storage module stores a plurality of color groups, the main colors of all the color groups are different; the color picking module comprises a circle The shape wheel and a pointer, the main colors of all the color groups are sequentially arranged on the circular wheel, and the color group corresponding to the main color pointed by the pointer when the circular wheel stops is the system color.
A system for replacing interface colors according to claim 1, further comprising a storage module, wherein the storage module stores a plurality of color groups, the main colors of all the color groups are different; the color picking module includes a picture The browsing interface includes a color selection tool for selecting a color from an area in the image; the color selection module further includes a comparison module, wherein the color selection tool selects a color and a storage module The main colors in each color group are compared, and the color group of the main color close to the color selected by the color selection tool is displayed on the display screen, and the color filling module correspondingly clicks through the click action acting on the screen. The color set is used as the system color and is filled into the color layer of each interface element.
The system for replacing interface colors according to claim 1, wherein the color picking module comprises a circular wheel and a pointer, and different colors are sequentially arranged on the circular wheel, and the color filling module When the circular wheel stops, the color pointed by the pointer is the main color, and the main color is offset by different angles on the hue circle to obtain a plurality of auxiliary colors, and the main color and the auxiliary colors obtained by the main color offset are used as System color.
The system for replacing interface colors according to claim 1, wherein the color picking module comprises a picture browsing interface, and the picture browsing interface comprises a color selection tool for selecting colors from an area in the picture; The color picking module takes the color selected by the color selection tool as the main color, obtains several auxiliary colors by shifting the main color on the hue circle with different angles, and uses the main color and the auxiliary colors obtained by the main color offset as the system. color.
The system for replacing interface colors according to any one of claims 1 to 5, wherein the color filling module comprises a sampling module for separately sampling the graphic layers of the interface elements to obtain graphic elements of the interface elements. The color average of the layer, and when the coloring module fills the color layer of the interface element, the color corresponding to the color average of the graphic layer of the interface element is excluded from the system color.
A method for replacing an interface color for implementing a system for replacing interface colors according to claim 1, characterized in that it comprises the following steps:

a, dividing each interface element on the display screen into a plurality of display layers, each display layer comprising at least one color layer for displaying colors and at least one graphic layer for displaying graphic textures;

b. selecting a color group as a system color, the color group comprising a main color and a plurality of auxiliary colors, wherein the auxiliary color is determined by shifting different angles on the hue circle according to the foregoing main color;

c. selecting a plurality of colors including the main color from the system colors to fill into the color layers of the respective interface elements.
The method for replacing interface colors according to claim 7, wherein the system for replacing interface colors further comprises a storage module, wherein the storage module stores a plurality of color groups, and the main colors of all the color groups are different; The color picking module comprises a circular wheel and a pointer, and the main colors of all the color groups are sequentially arranged on the circular wheel; the step b is specifically: rotating the circular wheel, and the color filling module is a circular wheel The main color pointed to by the pointer when stopped corresponds to the color group in the storage module as the system color.
The method for replacing interface colors according to claim 7, wherein the system for replacing interface colors further comprises a storage module, wherein the storage module stores a plurality of color groups, and the main colors of all the color groups are different. The color picking module includes a picture browsing interface, and the picture browsing interface includes a color selection tool for selecting a color from an area in the picture; the color picking module further Including a comparison module, the step b is specifically: selecting a color of an area in the picture by using a color selection tool, and comparing the color selected by the color selection tool with the main color of each color group in the storage module by the comparison module, The color group of the main color close to the color selected by the color selection tool is displayed on the display screen, and the corresponding color group at the click is used as the system color by the click action acting on the screen.
The method for replacing an interface color according to claim 7, wherein the color picking module comprises a circular wheel and a pointer, and different colors are sequentially arranged on the circular wheel, and step b is specific. For: rotating the circular wheel, the color filling module takes the color pointed by the pointer as the main color when the circular wheel stops, and obtains some auxiliary colors by shifting different angles on the hue circle of the main color, and the main color and A number of auxiliary colors obtained by the main color shift are used as system colors.
The method for replacing interface colors according to claim 7, wherein the color picking module comprises a picture browsing interface, and the picture browsing interface comprises a color selection tool for selecting colors from an area in the picture; The b is specifically: the color picking module takes the color selected by the color selection tool as the main color, obtains a plurality of auxiliary colors by shifting the main color on the hue circle, and obtains the main color and the main color offset by the main color. A number of auxiliary colors are used as system colors.
The method for replacing the interface color according to any one of claims 7 to 11, wherein the color filling module comprises a sampling module, and the step b and the step c further comprise the step d: separately The graphic layer of the interface element is sampled to obtain the color average value of the graphic layer of each interface element, and when the coloring module fills the color layer of the interface element, the color average of the graphic layer of the interface element is excluded from the system color. Values of similar color.