CN113742025A

CN113742025A - Page generation method, device, equipment and storage medium

Info

Publication number: CN113742025A
Application number: CN202111095286.2A
Authority: CN
Inventors: 王桂艳; 郭冠军
Original assignee: Beijing Zitiao Network Technology Co Ltd
Current assignee: Beijing Zitiao Network Technology Co Ltd
Priority date: 2021-09-17
Filing date: 2021-09-17
Publication date: 2021-12-03

Abstract

The disclosure relates to a page generation method, a page generation device, a page generation apparatus and a storage medium. Wherein, the method comprises the following steps: determining picture dominant hue information based on a target picture in a page to be displayed; determining a target background color based on the color distance between the picture dominant hue information and each candidate background color information; the candidate background color information is a plurality of candidate background color information; and generating a page to be displayed based on the target background color. According to the embodiment of the disclosure, the visual coordination between the background color of the page and the content information in the page to be displayed can be ensured, the real-time calculation amount for determining the target background color is reduced, the determination efficiency of the target background color is improved, and therefore the universality of the page to be displayed with multiple colors is improved.

Description

Page generation method, device, equipment and storage medium

Technical Field

The present disclosure relates to the field of image processing technologies, and in particular, to a page generation method, apparatus, device, and storage medium.

Background

For a page that presents information (e.g., presents the page in an immersive, one-screen, consumption manner), background information of the entire page and presented content information (pictures and/or text) are included. To enhance the reading experience, it is often necessary to adjust the color of the background and/or text to increase the reading contrast.

In one implementation of page generation, a picture keytone in a target background area of a page is converted into a color space of hue, lightness and saturation; and then, adjusting the lightness and the saturation of the picture keytone after the color space is converted according to the text color in the page, simultaneously reserving the hue of the picture keytone after the color space is converted, completing the real-time adjustment of three color components, and forming a background color which keeps the readability of characters in the target background area, is consistent with the color style of the theme color and has color change.

However, the page generation method requires higher computing power and computing speed of the device, and has higher requirements on the performance of the device.

Disclosure of Invention

In order to solve the technical problem, the present disclosure provides a page generation method, device, apparatus, and storage medium.

In a first aspect, the present disclosure provides a page generating method, including:

determining picture dominant hue information based on a target picture in a page to be displayed;

determining a target background color based on the color distance between the picture dominant hue information and each candidate background color information; the candidate background color information is a plurality of candidate background color information;

and generating a page to be displayed based on the target background color.

In some embodiments, each candidate background color information is predetermined by:

determining a first brightness value and a first saturation value based on a first text color and a first contrast of a text to be displayed in a page to be displayed;

according to a first set sampling interval, carrying out hue value sampling in a hue value range, and determining a plurality of first hue values;

based on each first hue value, first lightness value and first saturation value, candidate background color information is determined.

In some embodiments, determining the target background color based on the color distance between the picture dominant hue information and each candidate background color information comprises:

determining a color distance between the picture dominant hue information and each candidate background color information based on a difference value between a hue value in the picture dominant hue information and a hue value in each candidate background color information;

and determining candidate background color information corresponding to the minimum value in the color distances as the target background color.

In another embodiment, after determining the target background color based on the color distance between the picture dominant hue information and each candidate background color information, the page generation method further includes:

determining a target text color of a target text in the text to be displayed based on the target background color;

and the target text color is not the first text color of the text to be displayed, and a second contrast is satisfied between the target text color and the target background color.

The target text is a text with an interactive function.

In some embodiments, determining a target text color of a target text in the text to be displayed based on the target background color comprises:

screening candidate text color information corresponding to the target background color from the plurality of candidate text color information as the target text color based on the mapping relation between the candidate background color information and the candidate text color information; wherein each candidate text color information is determined based on the second contrast.

In some embodiments, each candidate text color information is predetermined by:

determining a second brightness value and a second saturation value based on the first brightness value, the first saturation value and the second contrast corresponding to the candidate background colors;

according to a second set sampling interval, carrying out hue value sampling in a hue value range to determine a plurality of second hue values;

and determining candidate text color information based on each second color phase value, the second brightness value and the second saturation value.

In another embodiment, before generating the page to be displayed based on the target background color, the page generating method further includes:

if the target picture is not obtained, determining the preset background color as the target background color;

accordingly, determining a target text color of a target text in the text to be displayed based on the target background color comprises:

the second text color is determined as the target text color of the target text.

In some embodiments, generating the page to be presented based on the target background color comprises:

and rendering a background area of the page to be displayed based on the target background color, rendering the target text based on the target text color, and rendering the text except the target text in the text to be displayed based on the first text color to generate the page to be displayed.

In some embodiments, when the page to be displayed includes a plurality of pictures, before determining picture dominant hue information based on a target picture in the page to be displayed, the page generation method further includes:

and determining a first picture to be displayed in the plurality of pictures as a target picture.

In other embodiments, when the page to be displayed includes multiple pictures, before determining picture dominant hue information based on a target picture in the page to be displayed, the page generation method further includes:

determining a plurality of pictures as target pictures;

correspondingly, the step of determining the picture dominant tone information based on the target picture in the page to be displayed comprises the following steps:

and determining picture dominant hue information based on the hue value sets of the plurality of pictures in the hue channel.

In a second aspect, the present disclosure provides a page generating apparatus, including:

the picture dominant hue information determining module is used for determining picture dominant hue information based on a target picture in a page to be displayed;

the target background color determining module is used for determining a target background color based on the color distance between the picture dominant hue information and each candidate background color information; the candidate background color information is a plurality of candidate background color information;

and the page generation module is used for generating a page to be displayed based on the target background color.

In some embodiments, the page generating apparatus further includes a candidate background color information determining module configured to determine each candidate background color information in advance by:

The number of the candidate background color information is the same as the number of the first hue values.

In some embodiments, the target background color determination module is specifically configured to:

In some embodiments, the page generating apparatus further comprises a target text color determination module to:

after determining a target background color based on the color distance between the picture dominant hue information and each candidate background color information, determining a target text color of a target text in a text to be displayed based on the target background color;

The target text is a text with an interactive function.

In some embodiments, the target text color determination module is specifically configured to:

In some embodiments, the page generating apparatus further comprises a candidate text color information determining module for determining each candidate text color information in advance by:

Wherein the number of candidate text color information is the same as the number of second color phase values.

In some embodiments, the target background color determination module is further to:

before generating a page to be displayed based on a target background color, if a target picture is not obtained, determining a preset background color as the target background color;

accordingly, the target text color determination module is further configured to:

In some embodiments, the page generation module is specifically configured to:

In some embodiments, the page generating apparatus further comprises a target picture determining module configured to:

when the page to be displayed comprises a plurality of pictures, before determining the dominant hue information of the pictures based on the target pictures in the page to be displayed, determining the first picture to be displayed in the plurality of pictures as the target picture.

In other embodiments, the target picture determination module is further to:

when the page to be displayed contains a plurality of pictures, determining the plurality of pictures as target pictures before determining the dominant hue information of the pictures based on the target pictures in the page to be displayed;

correspondingly, the picture dominant hue information determination module is specifically configured to:

In a third aspect, the present disclosure provides a page generating device, including:

a processor;

a memory for storing executable instructions;

wherein the processor is used for reading the executable instructions from the memory and executing the executable instructions to realize the page generation method explained in any embodiment of the disclosure.

In a fourth aspect, the present disclosure provides a computer-readable storage medium storing a computer program which, when executed by a processor, causes the processor to implement the page generation method explained in any of the embodiments of the present disclosure.

According to the page generation method, the page generation device, the page generation equipment and the storage medium, in the process of displaying the page to be displayed, the picture dominant hue information can be determined according to the target picture in the page to be displayed; and selecting a target background color matched with the target picture from the candidate background color information according to the color distance between the picture dominant hue information and each candidate background color information, and generating a page to be displayed by using the target background color. On the basis of ensuring the visual coordination between the background color of the page and the content information in the page to be displayed, the real-time calculation amount for determining the target background color is reduced, and the determination efficiency of the target background color is improved, so that the performance loss of equipment is reduced, and the universality of generating the multi-color page to be displayed is improved.

Drawings

The above and other features, advantages and aspects of various embodiments of the present disclosure will become more apparent by referring to the following detailed description when taken in conjunction with the accompanying drawings. Throughout the drawings, the same or similar reference numbers refer to the same or similar elements. It should be understood that the drawings are schematic and that elements and features are not necessarily drawn to scale.

Fig. 1 is a schematic flowchart of a page generation method according to an embodiment of the present disclosure;

fig. 2 is a schematic diagram of a page generation effect provided by the embodiment of the present disclosure;

fig. 3 is a schematic flowchart of another page generation method provided in the embodiment of the present disclosure;

FIG. 4 is a schematic diagram of another page generation effect provided by the embodiment of the present disclosure;

fig. 5 is a schematic structural diagram of a page generation apparatus according to an embodiment of the present disclosure;

fig. 6 is a schematic structural diagram of a page generation device according to an embodiment of the present disclosure.

Detailed Description

Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure are shown in the drawings, it is to be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but rather are provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the disclosure are for illustration purposes only and are not intended to limit the scope of the disclosure.

It should be understood that the various steps recited in the method embodiments of the present disclosure may be performed in a different order, and/or performed in parallel. Moreover, method embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the present disclosure is not limited in this respect.

The term "include" and variations thereof as used herein are open-ended, i.e., "including but not limited to". The term "based on" is "based, at least in part, on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Relevant definitions for other terms will be given in the following description.

It should be noted that the terms "first", "second", and the like in the present disclosure are only used for distinguishing different devices, modules or units, and are not used for limiting the order or interdependence relationship of the functions performed by the devices, modules or units.

It is noted that references to "a", "an", and "the" modifications in this disclosure are intended to be illustrative rather than limiting, and that those skilled in the art will recognize that "one or more" may be used unless the context clearly dictates otherwise.

The names of messages or information exchanged between devices in the embodiments of the present disclosure are for illustrative purposes only, and are not intended to limit the scope of the messages or information.

In a related technology, in the page generation process, the values of three color channels of a page background are adjusted in real time according to the image-text content in the page, so that a background color which keeps the readability of the characters in a background area, is consistent with the color style of the theme color of the picture and has color change is formed. However, the page generation method requires the device to have higher computing power and computing speed, has higher requirements on the performance of the device, and causes the applicability to be limited.

Based on the above situation, the embodiments of the present disclosure provide a page generation scheme, so as to implement that, in a page generation process, based on an index of a color distance, a target background color more matched with a target picture in a page is selected from a plurality of candidate background color information, and then a page to be displayed is generated according to the target background color, thereby ensuring visual coordination between the page background color and content information in the page to be displayed, reducing a real-time calculation amount for determining the target background color, improving determination efficiency of the target background color, further reducing performance loss of a device, and improving universality of generating a multi-color page to be displayed.

The page generation scheme provided by the embodiment of the disclosure can be applied to various display scenes of pages which need to display content information including pictures and/or texts. For example, the method can be applied to page generation in the case of displaying a page in an immersive one-screen consumption mode, search result page generation in a search scene, novel introduction page generation, product function introduction page generation and the like.

First, a page generation method provided by the embodiment of the present disclosure is described with reference to fig. 1 to 4.

In the embodiment of the present disclosure, the page generating method may be performed by a page generating apparatus, and the page generating apparatus may be integrated in a page generating device. The page generating device may include, but is not limited to, a mobile terminal such as a smart phone, a notebook computer, a digital broadcast receiver, a PDA (personal digital assistant), a PAD (tablet), a PMP (portable multimedia player), a vehicle terminal (e.g., a car navigation terminal), a wearable device, etc., and a fixed terminal such as a digital TV (television), a smart home device, a desktop computer, a server, a supercomputer, etc., among others.

Fig. 1 shows a flowchart of a page generation method provided by the embodiment of the present disclosure. As shown in fig. 1, the page generation method may include the following steps:

s110, determining picture dominant hue information based on a target picture in the page to be displayed.

The target picture is a picture which needs to be displayed in the page to be displayed and is used for determining the target background color of the subsequent page. The picture dominant hue information refers to relevant color information capable of representing the picture dominant hue. The picture keytone is a color that is a relatively large proportion of the picture and represents the overall color tendency of the picture. Color information is information related to characterizing a color, and may include at least a color value, a color space to which the color belongs, and the like. The color values may be determined by pixel values in the picture. For example, the color space corresponding to the picture is an RGB color space, and the pixel values in the picture are values of three color channels, namely, red, green, and blue, so the color value may be a value of three color channels, or may be a value of one of the color channels.

Specifically, the page generation device acquires a target picture in a page to be displayed. For example, at least one picture included in the page to be displayed is loaded from the network terminal, and the target picture is determined from the loaded pictures. Then, the statistics and calculation are performed on each pixel value included in the target picture, and the result is taken as picture dominant hue information. For example, each pixel value is used as basic data, and the basic data is input into at least one algorithm for calculating the dominant hue information of the picture, such as a histogram statistical algorithm, a cluster analysis algorithm, a median segmentation algorithm or a neural network algorithm, and the obtained output result is the dominant hue information of the picture through algorithm operation.

In an example, the picture dominant hue information of the target picture may be obtained by a histogram statistical algorithm. Thus, S110 may be implemented as: denoising the target picture to obtain a denoised target picture; and determining a color histogram of the denoised target picture in a hue channel, and determining picture dominant hue information based on a peak value of the color histogram.

Specifically, a target picture is denoised to remove noise pixel values in the picture. Then, each pixel value (i.e. hue value) of the denoised target picture in the hue channel is extracted. And drawing a histogram by using the extracted hue values to obtain a color histogram of the hue channel. Finally, the hue value corresponding to the peak value in the color histogram (i.e., the hue value with the largest number of occurrences) is selected as the picture dominant hue information of the target picture.

In another example, the picture dominant hue information of the target picture may be obtained by a median cut algorithm. Thus, S110 may be implemented as: the hue mean value of the target picture in the hue channel is determined. For example, each hue value of the (denoised) target picture in the hue channel is extracted, and the mean value of the hue values is calculated, i.e. the hue mean value. Then, a plurality of target hue values having a hue value different from the hue average value by more than a set hue threshold value are selected from the respective hue values. And finally, calculating the average value of all target hue values as picture dominant hue information of the target picture.

It should be noted that, no matter which way is adopted to determine the dominant Hue information of the picture, before the target picture is processed, it is first determined whether the color space of the target picture is a color space including a Hue (Hue) channel, such as an HSV color space, an HSL color space, or an HSB color space. If not, the target picture needs to be converted into any of the color spaces described above. The hue is a direct index for determining whether two colors are close to each other, and the subsequent screening of the background color by using the hue channel can more quickly obtain the visually more harmonious background color (i.e., the target background color) finally used for page display.

In some embodiments, when the page to be displayed includes multiple pictures, the target picture may be determined before S110, that is, the first picture to be displayed in the multiple pictures is determined as the target picture.

Specifically, when the page to be displayed is set to be displayed in multiple pictures, the page generation device loads multiple pictures. At this time, a picture ranked first among the plurality of pictures may be determined as the target picture. Therefore, under the scene that the first picture is displayed in the page in a highlighting mode, the target background color can be screened by taking the first picture to be displayed as basic data, and the page background color and the most prominent picture in the page have better visual harmony.

For example, when the layout of the plurality of pictures in the page is to add a plurality of small matching pictures to a large main picture, or when the plurality of pictures are displayed in carousel with the same display size but only one still cover picture is initially displayed, but not played dynamically, the first picture to be displayed (i.e., the main picture or the still cover picture in the above case) may be determined as the target picture.

In other embodiments, when the page to be displayed includes multiple pictures, all the pictures may also be determined as the target picture. Thus, S110 is implemented as: and determining picture dominant hue information based on the hue value sets of the plurality of pictures in the hue channel. Specifically, for example, the histogram statistical algorithm is used to determine dominant hue information of a picture, all hue values of a plurality of pictures in a hue channel can be collected to obtain a hue value set, and then histogram statistics is performed according to the hue value set, so that the dominant hue information of the picture of the plurality of pictures is determined and is used as basic data for subsequently determining a target background color. Therefore, under the scene that the display importance of the multiple pictures is not distinguished, the obtained target background color and the multiple pictures have certain color adaptability, and the overall visual harmony of the page is improved to a certain extent.

And S120, determining the target background color based on the color distance between the picture dominant hue information and each candidate background color information.

The candidate background color information refers to preset color information, which is candidate color information of the target background color. The candidate background color information in the embodiment of the present disclosure is multiple, so as to provide more candidate color information for the background color of the page. The color distance is the difference between two colors, and the larger the color distance is, the larger the difference between the two colors is. The color distance may be calculated by using the values of a plurality of color channels together in a manner similar to the calculation of euler distance, or by selecting one of the color channels and performing subtraction.

Specifically, in the embodiment of the present disclosure, the color distance is used as a screening index of the background color to improve the screening efficiency. Before calculating the color distance, it is necessary to ensure that the picture keytone information and each candidate background-color information belong to the same color space. If the candidate background color information is not in the same color space, the picture dominant hue information may be converted into the color space to which the candidate background color information belongs, or each candidate background color information may be converted into the color space to which the picture dominant hue information belongs. For example, in the above process, the picture dominant hue information is a color space containing a hue channel, and each candidate background color information may be directly determined as the same color space containing a hue channel when being determined.

Then, the color distance between the picture dominant hue information and each candidate background color information is calculated, and one candidate background color information is selected from all candidate background color information to serve as the target background color according to the size of the color distance.

In some embodiments, S120 may be implemented as: determining a color distance between the picture dominant hue information and each candidate background color information based on a difference value between a hue value in the picture dominant hue information and a hue value in each candidate background color information; and determining candidate background color information corresponding to the minimum value in the color distances as the target background color.

Specifically, on the basis that the picture dominant hue information and each candidate background color information are in the same color space containing hue channels, the difference between the hue value in the picture dominant hue information and the hue value in each candidate background color information is calculated, and the difference is the color distance corresponding to the corresponding candidate background color information. Then, one color distance with the smallest absolute value is selected from the color distances, and candidate background color information corresponding to the selected color distance is determined as the target background color. For example, if the candidate background color information is the HSL color space, the candidate background color information corresponding to the selected color distance, i.e., the H value, the S value, and the L value, is determined as the target background color. Therefore, the candidate background color information with the color visual effect which is more matched with the picture can be selected as the target background color directly based on the screening principle with the closest hue.

In some embodiments, in order to improve the coverage of the candidate background color information on the color range, so as to ensure that the selected target background color always has a greater color similarity with the target picture, each candidate background color information in this embodiment is predetermined by the following steps a to C:

step A, determining a first brightness value and a first saturation value based on a first text color and a first contrast of a text to be displayed in a page to be displayed.

The text to be displayed is all text content to be displayed in the page to be displayed. The first text color is a display color of the text set according to the service scene, for example, the first text color is set to white. The first contrast is a preset reading contrast, which is greater than the unobstructed reading contrast.

Specifically, the correspondence among the plurality of sets of text colors, contrast, lightness values, and saturation values may be set in advance. After the first text color and the first contrast are determined, the correspondence relationship may be queried according to the first text color and the first contrast, so as to obtain a brightness value (i.e., a first brightness value) and a saturation value (i.e., a first saturation value) corresponding to the first text color and the first contrast.

In addition, mathematical calculation relations among text color, contrast, brightness value and saturation value can also be obtained in advance, such as a machine learning model obtained by training. Then, the first text color and the first contrast are used as input variables, and a first brightness value and a first saturation value are output through model operation.

And B, according to a first set sampling interval, carrying out hue value sampling in a hue value range, and determining a plurality of first hue values.

The first set sampling interval is a preset sampling step, and may be a step of an equal interval, a step of an incremental interval, or the like.

Specifically, taking the first set sampling interval as an equal interval step (for example, 20), sampling at equal intervals between hue value ranges (0 to 360) can obtain 18 first hue values of 20, 40, 60, … …, 320, 340 and 360.

And step C, determining candidate background color information based on each first hue value, each first lightness value and each first saturation value.

Specifically, for each first hue value, the first lightness value and the first saturation value may constitute three channel values in the color space, so as to constitute a complete color space value, i.e. candidate background color information. Thus, 18 pieces of candidate background-color information can be obtained. That is, the number of candidate background-color information equal to the number of first hue values is obtained.

Therefore, it can be understood that the lightness value and the saturation value between the candidate background color information are equal, and only the hue value is changed, so that the first contrast with the first text color is satisfied while the candidate background color information is changed.

And S130, generating a page to be displayed based on the target background color.

Specifically, the page generation device renders a background area of the page to be displayed by using the target background color, renders a picture area of the page to be displayed by using the loaded picture, renders a text area of the page to be displayed by using the text to be displayed, and generates the page to be displayed. And displaying the page to be displayed through the screen of the mobile terminal device which loads the page to be displayed.

Fig. 2 is a schematic diagram illustrating a page generation effect provided by an embodiment of the present disclosure. As shown in fig. 2, a page to be displayed 210 is displayed in the page generating device 200, a background area of the page to be displayed 210 is displayed as a target background color 211 (in fig. 2, a grid is filled in an example), and a picture area of the page to be displayed 210 is displayed as a target picture 212. In addition, interactive control buttons such as "focus", "share", "good", "bad", and the like may also be displayed in the page to be displayed 210.

According to the technical scheme for generating the page, in the process of displaying the page to be displayed, the main tone information of the picture can be determined according to the target picture in the page to be displayed; and selecting a target background color matched with the target picture from the candidate background color information according to the color distance between the picture main tone information and the candidate background color information determined based on the first text color of the text to be displayed in the page to be displayed, and generating the page to be displayed by using the target background color. On the basis of ensuring the visual coordination between the background color of the page and the content information in the page to be displayed, the real-time calculation amount for determining the target background color is reduced, and the determination efficiency of the target background color is improved, so that the performance loss of equipment is reduced, and the universality of generating the multi-color page to be displayed is improved.

Fig. 3 is a flowchart of another page generation method provided in the embodiment of the present disclosure. In this embodiment, in addition to determining the target background color, the page generation process needs to determine the display color (i.e., the target text color) of some special texts (i.e., the target texts) in the texts to be displayed so as to prompt the user accordingly. As shown in fig. 3, the page generation method specifically includes the following steps:

s310, determining picture dominant hue information based on the target picture in the page to be displayed.

And S320, determining the target background color based on the color distance between the picture dominant hue information and each candidate background color information.

S330, determining the target text color of the target text in the text to be displayed based on the target background color.

The target text refers to a part of text in the text to be displayed, and the target text has a special function or special content. In some embodiments, the target text is at least one of an author name, a date, a target keyword, and a text to be displayed having an interactive function. In one example, the target text is a text such as a target keyword or core content representing the main content of the text in the text to be displayed. In another example, the target text is text such as an entity word (e.g., author name) or time (e.g., release date) in the text to be displayed. In yet another example, the target text is text to be displayed with interactive functionality. For example, the target text is a text containing hyperlinks such as encyclopedia paraphrases or original text sources; as another example, the target text is a text having a specific interactive function such as a search function and a comment function.

The target text color is a display color determined for the target text, which is different from a first text color of the text to be displayed, and a second contrast is satisfied between the target text color and the target background color. The second contrast is also a predetermined reading contrast, which is also higher than the contrast for unobstructed reading. In addition, the value of the second contrast is different from the value of the first contrast in consideration that the target text is different from the text except the target text in the text to be displayed, and the color of the text except the target text in the text to be displayed and the target background satisfies the first contrast.

Specifically, in order to increase the information content of the displayed content in the page to be displayed and improve the interchangeability of the user when reading the content, some special functions may be added to the text to be displayed, that is, other functions besides the text display may be added to the target text in the text to be displayed, and these other functions are hidden in the target text, which belongs to the hidden function for the user, and it is difficult for the user to find and use these functions without making a specific reminder. Therefore, in the embodiment of the present disclosure, the target text is highlighted by setting a target text color different from the first text color for the target text, so as to achieve an effect of reminding the user of paying attention to the target text.

In specific implementation, the page generating device determines the color of the target text according to the requirement of the second contrast by using the determined color of the target background as basic data.

In some embodiments, the machine learning model may be trained in advance according to the background color, the contrast, and the text color, and then the target background color and the second contrast are input into the trained machine learning model, and the target text color is output.

In other embodiments, color information of a plurality of candidate texts (i.e., candidate text color information) may be preset, and one of the candidate texts may be selected as a target text color. Namely: and screening candidate text color information corresponding to the target background color from the plurality of candidate text color information as the target text color based on the mapping relation between the candidate background color information and the candidate text color information.

Wherein the candidate text color information is determined based on the second contrast. For example, the corresponding candidate text color information may be obtained by calculating the value of each color channel in each candidate background color information and the second contrast. The candidate text color information is different from the first text color.

Specifically, while setting the information of a plurality of candidate text colors, the mapping relationship between the candidate background colors and the candidate text colors is established, if the number of the candidate background colors and the candidate text colors is the same, a one-to-one correspondence relationship can be established, and if the number of the candidate background colors and the candidate text colors is different, a one-to-many or many-to-one correspondence relationship can be established. Then, after the target background color is determined, the mapping relationship may be queried according to the target background color to select one of the candidate text color information as the target text color from the candidate text color information. This can improve the determination efficiency of the target text color.

In some embodiments, in order to improve the coverage of the candidate text color information on the color range, thereby ensuring that the selected target text color always has a better visual harmony effect with the target background color, each candidate text color information in this embodiment is predetermined by the following steps D to F:

and D, determining a second brightness value and a second saturation value based on the first brightness value, the first saturation value and the second contrast corresponding to the candidate background colors.

Specifically, the correspondence between the lightness value and the saturation value in the plurality of sets of candidate background color information, the contrast of the text, and the lightness value and the saturation value of the text color may be set in advance. For example, for the lightness value and the saturation value in any group of candidate background color information, when the contrast of different texts is selected, the lightness value and the saturation value of at least one group of text colors are correspondingly set. Then, after determining the first lightness value (e.g. L value of 16) and the first saturation value (e.g. S value of 53) corresponding to the target background color, and the second contrast, the correspondence relationship may be queried according to the first lightness value, the first saturation value, and the second contrast, so as to obtain the lightness value (i.e. the second lightness value, e.g. L value of 88) and the saturation value (i.e. the second saturation value, e.g. S value of 100) of the matched text color.

Alternatively, the correspondence may be implemented as a mathematical relationship having a computational relationship, such as a machine learning model obtained by training. Then, the first lightness value and the first saturation value corresponding to the target background color and the second contrast are used as input variables, and the second lightness value and the second saturation value are output through model operation.

And E, according to a second set sampling interval, carrying out hue value sampling in the hue value range, and determining a plurality of second hue values.

The second set sampling interval is a preset sampling step, and may be a step of equal interval, a step of increasing interval, or the like.

Specifically, in order to establish a one-to-one correspondence relationship between candidate background color information and candidate text color information, in this embodiment, taking the second set sampling interval as an example of equal interval step (for example, 20), sampling is performed at equal intervals between hue value ranges (0 to 360), and 18 second hue values of 20, 40, 60, … …, 320, 340, and 360 may be obtained. I.e. a number of candidate text color information equal to the number of second color values is obtained.

And F, determining candidate text color information based on each second color phase value, each second brightness value and each second saturation value.

In particular, for each second hue value, the second lightness value and the second saturation value may constitute values of three channels in the color space, so that a complete value of the color space, i.e. candidate text color information, is constituted. In this manner, 18 candidate text color information may be obtained.

S340, rendering a background area of the page to be displayed based on the target background color, rendering a target text based on the target text color, and rendering texts, except the target text, in the text to be displayed based on the first text color so as to generate the page to be displayed.

Specifically, the page generation device renders a background area of the page to be displayed by using the target background color, renders a picture area of the page to be displayed by using the loaded picture, renders texts in the text area except the target text by using the first text color, renders the target text in the text area by using the target text color, and generates the page to be displayed.

With continued reference to fig. 2, the page to be presented 210 is presented in the page generating device 200, a background region of the page to be presented 210 is displayed as a target background color 211 (an example of grid filling in fig. 2), a picture region of the page to be presented 210 is displayed as a target picture 212, texts in a text region of the page to be presented 210, except for the target text, are displayed as a first text color 213 (an example of black in fig. 2), and a target text (an example of author departure and publication time in fig. 2) in the text region of the page to be presented 210 is displayed as a target text color 214 (an example of gray shading in fig. 2).

According to the technical scheme for page generation provided by each embodiment, in the process of displaying the page, the color of the target text can be further determined on the basis of more rapidly obtaining the color of the target background with better visual harmony, so that when a user reads the page to be displayed, the user can see the background and the picture with better color harmony, and can pay attention to the target text with the same color harmony while reading the text content, so that the reading of the user is not influenced, the reading experience is improved, a new function of the target text of the user can be prompted, and the user is prompted to use the corresponding function.

In another implementation manner provided by the embodiment of the present disclosure, before the generating the page to be displayed based on the target background color, the page generating method further includes: and if the target picture is not obtained, determining the preset background color as the target background color.

Specifically, for a case that no picture display area is set in the page to be displayed, that is, no picture is in the page, and a case that the page generation device fails to load and acquire the target picture, a background color (that is, a preset background color) of bottom-in-pocket/default is used as the target background color in the embodiment of the present disclosure. For example, dark gray with an H value of 16, an S value of 0, and an L value of 0 is taken as the preset background color.

Accordingly, the determining the target text color of the target text in the text to be displayed based on the target background color includes: the second text color is determined as the target text color of the target text. That is, in the above case, the second text color (e.g., light gray with H value 88, S value 0, and L value 0) may be taken as the target text color.

Fig. 4 is a schematic diagram illustrating another page generation effect provided by the embodiment of the present disclosure. As shown in fig. 4, for a situation that there is no drawing in the page, the page to be presented 410 is displayed in the page generating apparatus 400, a background area in the page to be presented 410 is displayed in a preset background color 411 (illustrated in dark gray in fig. 4), a text in a text area in the page to be presented 410 other than the target text is displayed in a first text color 412 (illustrated in white in fig. 4), and a target text in a text area in the page to be presented 410 (illustrated in author's origin and publication time in fig. 4) is displayed in a second text color 413 (illustrated in light gray in fig. 4).

Fig. 5 shows a schematic structural diagram of a page generation apparatus provided by an embodiment of the present disclosure. As shown in fig. 5, the page generating apparatus 500 may include:

a picture dominant hue information determining module 510, configured to determine picture dominant hue information based on a target picture in a page to be displayed;

a target background color determination module 520, configured to determine a target background color based on a color distance between the picture dominant hue information and each candidate background color information; the candidate background color information is a plurality of candidate background color information;

and a page generating module 530, configured to generate a page to be displayed based on the target background color.

The page generation device provided by the embodiment of the disclosure can determine the picture dominant hue information according to the target picture in the page to be displayed in the process of displaying the page to be displayed; and selecting a target background color matched with the target picture from the candidate background color information according to the color distance between the picture dominant hue information and each candidate background color information, and generating a page to be displayed by using the target background color. On the basis of ensuring the visual coordination between the background color of the page and the content information in the page to be displayed, the real-time calculation amount for determining the target background color is reduced, and the determination efficiency of the target background color is improved, so that the performance loss of equipment is reduced, and the universality of generating the multi-color page to be displayed is improved.

In some embodiments, the page generating apparatus 500 further includes a candidate background color information determining module, configured to determine each candidate background color information in advance by:

In some embodiments, the target background color determination module 520 is specifically configured to:

In some embodiments, the page generating apparatus 500 further comprises a target text color determination module for:

The target text is a text with an interactive function.

In some embodiments, the page generating apparatus 500 further comprises a candidate text color information determining module for determining each candidate text color information in advance by:

In some embodiments, the target background color determination module 520 is further configured to:

In some embodiments, the page generating module 530 is specifically configured to:

In some embodiments, the page generating apparatus 500 further comprises a target picture determining module for:

It should be noted that the page generating apparatus 500 shown in fig. 5 may perform each step in the method embodiments shown in fig. 1 to fig. 4, and implement each process and effect in the method embodiments shown in fig. 1 to fig. 4, which are not described herein again.

The disclosed embodiments also provide a page generation device, which may include a processor and a memory, where the memory may be used to store executable instructions. The processor may be configured to read the executable instructions from the memory and execute the executable instructions to implement the page generation method in the foregoing embodiments.

Fig. 6 shows a schematic structural diagram of a page generation device provided by an embodiment of the present disclosure.

As shown in fig. 6, the page generating apparatus 600 may include a processing device (e.g., a central processing unit, a graphic processor, etc.) 601, which may perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM)602 or a program loaded from a storage device 608 into a Random Access Memory (RAM) 603. In the RAM 603, various programs and data necessary for the operation of the information processing apparatus 600 are also stored. The processing device 601, the ROM 602, and the RAM 603 are connected to each other via a bus 604. An input/output interface (I/O interface) 605 is also connected to bus 604.

Generally, the following devices may be connected to the I/O interface 605: input devices 606 including, for example, a touch screen, touch pad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 607 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 608 including, for example, tape, hard disk, etc.; and a communication device 609. The communication means 609 may allow the page generating apparatus 600 to perform wireless or wired communication with other apparatuses to exchange data. While FIG. 6 illustrates a page generation apparatus 600 having various means, it is to be understood that not all illustrated means are required to be implemented or provided. More or fewer devices may alternatively be implemented or provided.

It should be noted that the page generating apparatus 600 shown in fig. 6 is only an example, and should not bring any limitation to the functions and the use range of the embodiment of the present disclosure.

The embodiments of the present disclosure also provide a computer-readable storage medium, which stores a computer program, and when the computer program is executed by a processor, the processor is enabled to implement the page generation method described in any of the above embodiments.

In particular, according to an embodiment of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program carried on a non-transitory computer readable medium, the computer program containing program code for performing the methods illustrated in the flowcharts. In such an embodiment, the computer program may be downloaded and installed from a network via the communication means 609, or may be installed from the storage means 608, or may be installed from the ROM 602. The computer program, when executed by the processing device 601, performs the above-described functions defined in the page generation method explained in any of the embodiments of the present disclosure.

It should be noted that the computer readable medium in the present disclosure can be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present disclosure, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In contrast, in the present disclosure, a computer readable signal medium may comprise a propagated data signal with computer readable program code embodied therein, either in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, optical cables, RF (radio frequency), etc., or any suitable combination of the foregoing.

In some embodiments, the clients, servers may communicate using any currently known or future developed network protocol, such as HTTP, and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), the Internet (e.g., the Internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed network.

The computer readable medium may be included in the page generating apparatus; or may exist separately without being assembled into the page generating apparatus.

The computer readable medium carries one or more programs which, when executed by the page generating device, cause the page generating device to perform the steps of the page generating method as described in any of the embodiments above.

In embodiments of the present disclosure, computer program code for carrying out operations of the present disclosure may be written in any combination of one or more programming languages, including but not limited to an object oriented programming language such as Java, Smalltalk, C + +, and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any type of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or the connection may be made to an external computer (for example, through the Internet using an Internet service provider).

The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of apparatus, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

The units described in the embodiments of the present disclosure may be implemented by software or hardware. Where the name of an element does not in some cases constitute a limitation on the element itself.

The functions described herein above may be performed, at least in part, by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field Programmable Gate Arrays (FPGAs), Application Specific Integrated Circuits (ASICs), Application Specific Standard Products (ASSPs), systems on a chip (SOCs), Complex Programmable Logic Devices (CPLDs), and the like.

In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

The foregoing description is only exemplary of the preferred embodiments of the disclosure and is illustrative of the principles of the technology employed. It will be appreciated by those skilled in the art that the scope of the disclosure herein is not limited to the particular combination of features described above, but also encompasses other embodiments in which any combination of the features described above or their equivalents does not depart from the spirit of the disclosure. For example, the above features and (but not limited to) the features disclosed in this disclosure having similar functions are replaced with each other to form the technical solution.

Further, while operations are depicted in a particular order, this should not be understood as requiring that such operations be performed in the particular order shown or in sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while several specific implementation details are included in the above discussion, these should not be construed as limitations on the scope of the disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.

Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are disclosed as example forms of implementing the claims.

Claims

1. A page generation method is characterized by comprising the following steps:

determining a target background color based on the color distance between the picture dominant hue information and each candidate background color information; wherein the candidate background color information is a plurality of candidate background color information;

and generating the page to be displayed based on the target background color.

2. The method according to claim 1, wherein each of the candidate background-color information is predetermined by:

determining a first brightness value and a first saturation value based on a first text color and a first contrast of a text to be displayed in the page to be displayed;

determining each candidate background color information based on each of the first hue value, the first lightness value, and the first saturation value.

3. The method according to claim 1 or 2, wherein the determining a target background color based on the color distance between the picture dominant hue information and each candidate background color information comprises:

4. The method of claim 1, wherein after determining a target background color based on the color distance between the picture dominant hue information and each candidate background color information, the method further comprises:

5. The method of claim 4, wherein determining a target text color of a target text in the text to be displayed based on the target background color comprises:

screening candidate text color information corresponding to the target background color from the candidate text color information based on the mapping relation between the candidate background color information and the candidate text color information, wherein the candidate text color information is used as the target text color; wherein each of the candidate text color information is determined based on the second contrast.

6. The method of claim 5, wherein each of the candidate text color information is predetermined by:

determining a second brightness value and a second saturation value based on the first brightness value, the first saturation value and the second contrast corresponding to the candidate background color;

determining each of the candidate text color information based on each of the second hue value, the second lightness value, and the second saturation value.

7. The method according to claim 4, wherein the target text is at least one of an author name, a date, a target keyword, and a text to be displayed having an interactive function.

8. The method of claim 4, wherein prior to the generating the page to be presented based on the target background color, the method further comprises:

if the target picture is not obtained, determining a preset background color as the target background color;

the determining a target text color of a target text in a text to be displayed based on the target background color comprises:

determining the second text color as a target text color of the target text.

9. The method according to claim 4, wherein the generating the page to be shown based on the target background color comprises:

rendering a background area of the page to be displayed based on the target background color, rendering the target text based on the target text color, and rendering the text in the text to be displayed except the target text based on the first text color to generate the page to be displayed.

10. The method according to claim 1, wherein when the page to be presented comprises a plurality of pictures, before the determining picture dominant hue information based on the target picture in the page to be presented, the method further comprises:

and determining a first picture to be displayed in the plurality of pictures as the target picture.

11. The method according to claim 1, wherein when the page to be presented comprises a plurality of pictures, before the determining picture dominant hue information based on the target picture in the page to be presented, the method further comprises:

determining the plurality of pictures as the target picture;

the determining picture dominant hue information based on the target picture in the page to be displayed comprises:

determining the picture dominant hue information based on the hue value sets of the plurality of pictures in the hue channel.

12. A page generating apparatus, comprising:

the target background color determining module is used for determining a target background color based on the color distance between the picture dominant hue information and each candidate background color information; wherein the candidate background color information is a plurality of candidate background color information;

and the page generation module is used for generating the page to be displayed based on the target background color.

13. A page generating apparatus, comprising:

a processor;

a memory for storing executable instructions;

wherein the processor is configured to read the executable instructions from the memory and execute the executable instructions to implement the page generation method of any one of claims 1 to 11.

14. A computer-readable storage medium, characterized in that the storage medium stores a computer program which, when executed by a processor, causes the processor to implement the page generation method of any of the preceding claims 1-11.