CN110673904A - Method, device and equipment for theme color processing and display page generation - Google Patents

Method, device and equipment for theme color processing and display page generation Download PDF

Info

Publication number
CN110673904A
CN110673904A CN201810713724.9A CN201810713724A CN110673904A CN 110673904 A CN110673904 A CN 110673904A CN 201810713724 A CN201810713724 A CN 201810713724A CN 110673904 A CN110673904 A CN 110673904A
Authority
CN
China
Prior art keywords
color
image
background
theme
displaying
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201810713724.9A
Other languages
Chinese (zh)
Other versions
CN110673904B (en
Inventor
乐可柯
傅瑜
杨喆
李帅
陈江明
郭耀中
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Taobao China Software Co Ltd
Original Assignee
Alibaba Group Holding Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Alibaba Group Holding Ltd filed Critical Alibaba Group Holding Ltd
Priority to CN201810713724.9A priority Critical patent/CN110673904B/en
Publication of CN110673904A publication Critical patent/CN110673904A/en
Application granted granted Critical
Publication of CN110673904B publication Critical patent/CN110673904B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06QINFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
    • G06Q30/00Commerce
    • G06Q30/06Buying, selling or leasing transactions
    • G06Q30/0601Electronic shopping [e-shopping]
    • G06Q30/0641Shopping interfaces
    • G06Q30/0643Graphical representation of items or shoppers
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/40Filling a planar surface by adding surface attributes, e.g. colour or texture

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Business, Economics & Management (AREA)
  • Accounting & Taxation (AREA)
  • Finance (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Development Economics (AREA)
  • Economics (AREA)
  • Marketing (AREA)
  • Strategic Management (AREA)
  • General Business, Economics & Management (AREA)
  • Processing Or Creating Images (AREA)
  • Image Processing (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The application discloses a theme color processing method, which comprises the following steps: determining an image to be displayed; obtaining a theme color of the image; and obtaining a background color of a display page for displaying the image according to a preset color gamut threshold and the theme color, wherein the preset color gamut threshold is used for judging a qualified color gamut range of the hue of the theme color. The problem of there is the color configuration inefficiency in the image display of trade company or commodity is solved.

Description

Method, device and equipment for theme color processing and display page generation
Technical Field
The present application relates to the field of image processing technologies, and in particular, to a theme color processing method and apparatus, an electronic device, and a storage device. The application also relates to a display page generation method and device, electronic equipment and storage equipment.
Background
The visual expression of the e-commerce platform on the merchants or commodities is an important means for showing the brand identity of the merchants or commodities, wherein the application of theme colors when the merchants or the commodities are shown on a page is an important factor capable of bringing about strong brand somatosensory visual expression to consumers. For example, in a display page for sales promotion, activities and the like, the coordination and the overall design of the theme color of the image and the background color of the display page are carried out on the image of a merchant or a commodity to be displayed and the page displaying the image of the merchant or the commodity, so that the display page can highlight the brand tone unique to the displayed merchant or the commodity.
In the prior art, the scheme generally adopted is as follows: the background colors corresponding to different display images in the display page are replaced according to the theme colors of the different display images given by the designer, but the background colors of the display page are configured according to the theme colors given by the designer, so that the problem of inefficient color configuration exists.
Disclosure of Invention
The application provides a theme color processing method, which aims to solve the problem that color configuration is low in efficiency in image display of merchants or commodities.
The application provides a theme color processing method, which comprises the following steps:
determining an image to be displayed;
obtaining a theme color of the image;
and obtaining a background color of a display page for displaying the image according to a preset color gamut threshold and the theme color, wherein the preset color gamut threshold is used for judging a qualified color gamut range of the hue of the theme color.
Optionally, the obtaining the theme color of the image includes:
and determining the theme color of the image according to the specific areas of different colors in the image.
Optionally, the obtaining a background color of a display page for displaying the image according to a predetermined color gamut threshold and the theme color includes:
determining a qualified color gamut range of the theme color according to a preset color gamut threshold;
and editing the theme color within the qualified color gamut range to obtain the background color.
Optionally, the editing the theme color within the qualified color gamut range includes:
adjusting the hue of the theme color within the qualified color gamut range; and/or the presence of a gas in the gas,
adjusting the saturation of the subject color within the qualified color gamut range; and/or the presence of a gas in the gas,
adjusting the lightness of the theme color within the qualified color gamut range.
Optionally, the obtaining a background color of a display page for displaying the image according to a predetermined color gamut threshold and the theme color includes:
determining a qualified color gamut range of the theme color according to a preset color gamut threshold;
determining an optimal theme color of the theme colors within the qualified color gamut range;
and taking the optimal theme color as the background color.
Optionally, the theme color processing method further includes:
obtaining a second candidate background color configured by a user;
the obtaining of the background color of the display page for displaying the image according to the predetermined color gamut threshold and the theme color includes:
obtaining a first candidate background ground color according to a preset color gamut threshold value and the theme color;
and obtaining the background color of a display page for displaying the image according to the first candidate background color and the second candidate background color.
Optionally, the obtaining a background color of a display page for displaying the image according to a predetermined color gamut threshold and the theme color includes:
determining a qualified color gamut range of the theme color according to a preset color gamut threshold;
editing the theme color within the qualified color gamut range to obtain a candidate background ground color;
and selecting one candidate background color from the candidate background colors according to the brand characteristics of the commodity to serve as the background color of the display page for displaying the image.
Optionally, the theme color processing method further includes:
and displaying the image to be displayed on a page by using the background color.
Optionally, the image to be displayed is displayed on the page by using the background color according to at least one of the following modes:
displaying the image to be displayed by using the background color as a solid background;
displaying the image to be displayed by using the background color as a background color with patterns and/or pattern color matching;
displaying the image to be displayed by using the background color as a gradient mask or a pure color mask;
using the background color as the action point color of the image to be displayed, and displaying the image to be displayed and the action point of the image, wherein the action point is an element used for interaction on a page;
and displaying the image to be displayed and the information points of the image by using the background color as the information point color of the image to be displayed, wherein the information points are readable elements on a page.
Optionally, the displaying the image to be displayed on the page by using the background ground color includes:
displaying the image to be displayed as a top image, and setting the pure color and the transparency of the area ground color of the top image by applying the background ground color; and/or the presence of a gas in the gas,
displaying the image to be displayed as a top-level image, and setting the pattern color of the background of the top-level image by applying the background ground color; and/or the presence of a gas in the gas,
and setting a mask layer for the image to be displayed, and setting a gradual change mode of the mask layer by applying the background color.
Optionally, the qualified color gamut range includes a reasonable range of lightness and/or a reasonable range of saturation of the hue.
The application also provides a display page generation method, which comprises the following steps:
determining an image to be displayed;
determining background colors of a display page for displaying the image according to the color characteristics of the image;
and generating the display page according to the background color.
Optionally, the determining, according to the color feature of the image, a background color of a display page for displaying the image includes:
according to the color characteristics of the image, identifying at least one theme color of the image as a candidate background color of the display page;
and selecting one candidate background color from the candidate background colors according to the brand characteristics of the commodities as the background color of the display page.
Optionally, the identifying at least one theme color of the image according to the color feature of the image includes:
if the image is white, identifying at least one theme color according to the color aggregation degree; and/or the presence of a gas in the gas,
and if the image is an image with uniform or dispersed colors, identifying at least one theme color according to the proportion area of the colors in the image.
Optionally, the method for generating a display page further includes: acquiring page content configured by a user; the generating the display page according to the background color comprises:
obtaining the background color;
and generating the display page by using the background color and the page content configured by the user.
Optionally, the method for generating a display page further includes: the client actively captures page content; the generating the display page according to the background color comprises:
obtaining the background color;
and generating the display page by using the background color and the page content actively grabbed by the client.
Optionally, the generating the display page according to the background color includes:
and displaying the image on the display page according to the scene atmosphere.
Optionally, the displaying the image on the display page according to the scene atmosphere includes displaying the image to be displayed on the page by using the background color according to at least one of the following manners:
displaying the image using the background color as a solid background;
displaying the image by using the background color as a textured background color and/or a texture color matching;
displaying the image using the background color as a gradient mask or a solid color mask;
using the background color as the action point color of the image to be displayed, and displaying the image and the action point of the image, wherein the action point is an element used for interaction on a page;
and displaying the image and the information points of the image by using the background color as the information point color of the image to be displayed, wherein the information points are readable elements on a page.
Optionally, the displaying the image according to the scene atmosphere on the display page includes:
displaying the image as a top-level image, and setting the pure color and the transparency of the area ground color of the top-level image by applying the background ground color; and/or the presence of a gas in the gas,
displaying the image as a top-level image, and setting the pattern color of the background of the top-level image by applying the background color; and/or the presence of a gas in the gas,
and setting a mask layer for the image, and setting a gradual change mode of the mask layer by applying the background color.
The present application also provides a theme color processing apparatus, including:
the image determining unit is used for determining an image to be displayed;
a theme color obtaining unit for obtaining a theme color of the image;
and the background color determining unit is used for obtaining the background color of the display page for displaying the image according to a preset color gamut threshold and the theme color, wherein the preset color gamut threshold is used for judging the qualified color gamut range of the hue of the theme color.
The present application further provides a display page generating apparatus, including:
the image determining unit is used for determining an image to be displayed;
the background color determining unit is used for determining the background color of a display page for displaying the image according to the color characteristics of the image;
and the page generating unit is used for generating the display page according to the background color.
The present application further provides an electronic device, comprising:
a memory, and a processor;
the memory is to store computer-executable instructions, and the processor is to execute the computer-executable instructions to:
determining an image to be displayed;
obtaining a theme color of the image;
and obtaining a background color of a display page for displaying the image according to a preset color gamut threshold and the theme color, wherein the preset color gamut threshold is used for judging a qualified color gamut range of the hue of the theme color.
The present application further provides an electronic device, comprising:
a memory, and a processor;
the memory is to store computer-executable instructions, and the processor is to execute the computer-executable instructions to:
determining an image to be displayed;
determining background colors of a display page for displaying the image according to the color characteristics of the image;
and generating the display page according to the background color.
The present application further provides a storage device storing instructions that can be loaded by a processor and perform the steps of:
determining an image to be displayed;
obtaining a theme color of the image;
and obtaining a background color of a display page for displaying the image according to a preset color gamut threshold and the theme color, wherein the preset color gamut threshold is used for judging a qualified color gamut range of the hue of the theme color.
The present application further provides a storage device storing instructions that can be loaded by a processor and perform the steps of:
determining an image to be displayed;
determining background colors of a display page for displaying the image according to the color characteristics of the image;
and generating the display page according to the background color.
Compared with the prior art, the method has the following advantages:
according to the theme color processing method, the background ground color of the display page used for displaying the image is obtained by obtaining the theme color of the image to be displayed and according to the preset color gamut threshold and the theme color, so that the displayed image can be flexibly matched with the background ground color of the display page, and the problem of low color configuration efficiency in image display of merchants or commodities is solved.
According to the display page generation method, the background color of the display page used for displaying the image is determined according to the color characteristics of the image to be displayed, the display page is generated by using the background color, the display page generated in the mode is more harmonious with the image displayed in the display page, and the obtained visual effect can better express the unique brand tone of a merchant or a commodity.
Drawings
FIG. 1 is a process flow diagram of a subject color processing method provided in a first embodiment of the present application;
FIG. 2 is a schematic illustration of a qualified gamut range for a subject color of a first embodiment of the present application;
FIG. 3 is a schematic diagram of a first embodiment of the present application showing an image using background undertones;
FIG. 4 is a flowchart illustrating a method for generating a display page according to a second embodiment of the present application;
FIG. 5 is a schematic diagram of an example of determining background undertones in a second embodiment of the present application;
FIG. 6 is a schematic diagram of a subject color processing apparatus provided in a third embodiment of the present application;
fig. 7 is a schematic diagram of a display page generation apparatus according to a fourth embodiment of the present application;
fig. 8 is a schematic diagram of an electronic device provided in a fifth embodiment of the present application.
Detailed Description
In the following description, numerous specific details are set forth in order to provide a thorough understanding of the present application. This application is capable of implementation in many different ways than those herein set forth and of similar import by those skilled in the art without departing from the spirit of this application and is therefore not limited to the specific implementations disclosed below.
The first embodiment of the application provides a theme color processing method.
The following describes a theme color processing method provided in a first embodiment of the present application with reference to fig. 1 to 3.
The theme color processing method shown in fig. 1 includes: step S101 to step S103.
Step S101, determining the image to be displayed.
At present, a merchant or a brand of a commodity generally requires that an e-commerce platform can display basic information of the brand, and also requires that a display page of the e-commerce platform can visually express brand power or brand identity of the commodity. Color is an important visual expression element, wherein the proper application of theme color as a core element of an image to be displayed on a display page can bring a strong brand feeling to consumers.
According to the theme color processing method provided by the embodiment of the application, the background ground color of the display page for displaying the image is obtained according to the preset color gamut threshold and the theme color by obtaining the theme color of the image to be displayed. After determining the background color of the presentation page, colors may be further configured according to different scene atmospheres to present the image.
This step is to determine the image that needs to be presented.
The image to be displayed may include at least any one of the following images: pictures, videos, logos. These image materials are typically provided by merchants or brand parties. For example, the brand side of the product A uploads or configures picture materials of the product A to be displayed to an e-commerce platform.
Step S102, obtaining the theme color of the image.
This step is to obtain the theme colors of the image to be displayed.
In the embodiment of the application, the HSB color mode is used for identifying the theme color. HSB (hue, Saturation, Brightness, abbreviated as HSB), also called HSV (hue, Saturation, abbreviated as HSV), is a color pattern representing colors, where h (hue) represents hue, and if a standard color wheel is represented by 0 to 360 °, hue measures color according to position, and for example, 7 segments of a standard color wheel atmosphere can be identified by color name of red, orange, green, blue and violet; (Saturration) represents the saturation of the color, namely the purity of the color, the value range is 0-100%, the white, black and gray have no saturation, and each color phase has the purest colored light when the saturation is maximum; b (Brightness, or V, Value) represents the Brightness of a color, the Brightness is also called lightness, the Value range is 0-100%, when the Value is 0, the color is black, and the maximum Brightness is the most vivid color. When the numerical values of S and B are higher, the page is more intense and vivid in color.
In the embodiment of the application, the theme color of the image is determined according to the proportion areas of different colors in the image. For example, excluding white, the color with the first 3 bits of the area is extracted as the theme color according to the area size. In specific implementation, one or more theme colors can be identified according to the image based on an image color identification algorithm, and colors which are autonomously configured by a user according to subjective perception of the image can also be accepted as theme colors.
Step S103, obtaining a background color of a display page for displaying the image according to a preset color gamut threshold and the theme color, wherein the preset color gamut threshold is used for judging a qualified color gamut range of the hue of the theme color.
In this step, the background color of the display page for displaying the image is determined according to the predetermined color gamut threshold and the theme color obtained in step S102.
The display page can be the whole page for displaying the image, or can be a single module for displaying the image, such as a first focus carousel area, a brand sponsor module area, an information point or an action point; accordingly, the background color is the background color of the whole page, or the background color is the regional background color of a single module of the display image, such as the background color of the first focus carousel region, the background color of the brand sponsor module region, the background color of the information point region, or the background color of the action button of the action point.
The predetermined color gamut threshold may be a color gamut threshold of different hues given by a designer according to visual subjective perception, and specifically, the designer gives a reasonable luminance range and a reasonable saturation range of the different hues according to the particularity of the different hues. Since human eyes perceive lightness differently for different hues, the color gamut thresholds for different hues are different. In the embodiment of the present application, the qualified color gamut range of the hue of the theme color can be determined by the predetermined color gamut threshold. The qualified gamut range includes a reasonable range of lightness and/or a reasonable range of saturation of the hue. Fig. 2 is an example of a qualified color gamut range of a theme color in the embodiment, where an image 201 is an image that needs to identify the theme color, the theme color identified from the image 201 may cover all hues (H), and the hues are divided into 7 hue intervals, and the corresponding colors are red, purple, blue, cyan, green, yellow, and orange; the x-axis (horizontal axis) represents saturation of different hues, and the y-axis (vertical axis) represents brightness (also called lightness) of different hues; 202 to 208 correspond to desirable regions defined by color gamut thresholds representing seven colors of red, violet, blue, cyan, green, yellow and orange, respectively, for example, the curve in 202 distinguishes between an undesirable region of red and a desirable region, and since the brightness of yellow (207) is most perceptually high, the upper limit of the brightness of yellow indicated by 207 is lower than the upper limit of the brightness of the other hues.
In the embodiment of the present application, the predetermined color gamut threshold may be a threshold set based on the HSB color mode, or may be a threshold set based on a hexadecimal color code or an RGB value representing a color. The hexadecimal color code represents a color with a 6-bit hexadecimal number beginning with "#". The 6 digits are divided into 3 groups, each group has two digits and sequentially represents the intensity of the red, green and blue colors. The RGB value is a color pattern expressed by intensity values of three primary colors of Red, Green and Blue in color, R represents Red (Red), G represents Green (Green), and B represents Blue (Blue). From the minimum value of 0 to the maximum value of 255, the color displayed when RGB are all at the minimum value will be black and the color displayed when RGB are all at the maximum value will be white. If the actually deployed method sets the predetermined color gamut threshold based on the HSB color mode, and the background ground color is RGB, or the predetermined color gamut threshold is determined, conversion between the HSB color mode and the RGB needs to be performed through a formula, so that the theme color can be adjusted or whether the theme color falls into the qualified color gamut range can be determined by using the predetermined color gamut threshold.
Specifically, in a specific implementation manner of the embodiment of the present application, the following processing is adopted to obtain the background color of the display page for displaying the image according to the predetermined color gamut threshold and the theme color:
determining a qualified color gamut range of the theme color according to a preset color gamut threshold;
and editing the theme color within the qualified color gamut range to obtain the background color.
Wherein, the theme color is edited in the qualified color gamut range by specifically adopting the following modes:
adjusting the hue of the theme color within the qualified color gamut range; and/or the presence of a gas in the gas,
adjusting the saturation of the subject color within the qualified color gamut range; and/or the presence of a gas in the gas,
adjusting the lightness of the theme color within the qualified color gamut range.
The theme color is limited in the qualified color gamut range, so that the background color determined according to the acquired theme color can not be too dazzled or even dazzled in visual sense, and the finally determined background color can be promoted to achieve the purpose of setting off the page or the displayed image or the top layer information of the page, such as text information, pictures and video information displayed on the page, and the reading experience is not influenced. In particular, limiting the subject color to a qualified gamut may be to eliminate the hues of the subject color that are at maximum saturation and/or maximum lightness, because these hues are very bright, glaring, and undesirable for color sampling.
A preferred implementation of the embodiment of the present application includes obtaining a background color of a display page for displaying the image according to a predetermined color gamut threshold and the theme color by the following processes:
determining a qualified color gamut range of the theme color according to a preset color gamut threshold;
determining an optimal theme color of the theme colors within the qualified color gamut range;
and taking the optimal theme color as the background color.
It should be noted that, the theme color obtained in step S102 may be adjusted in the qualified color gamut range to obtain the theme color in the qualified color gamut range, and then the optimal theme color is determined as the background color; or, the optimal theme color in the theme colors obtained in step S102 may be determined first, and then the optimal theme color is adjusted in the qualified color gamut range to obtain the optimal theme color limited in the qualified color gamut range, which is used as the background color. For example, regarding the theme colors extracted in step S102 of the image a, including dark green, beige, yellow and silver, the beige with the largest specific area may be selected as the finally determined theme color, and if it is determined that the color is within the qualified color gamut range by using the predetermined color gamut threshold, the beige of the theme color may be determined as the background ground color.
In this embodiment of the present application, the following processing may be further performed to obtain a background color of a display page for displaying the image, where the processing includes:
obtaining a second candidate background color configured by a user;
the obtaining of the background color of the display page for displaying the image according to the predetermined color gamut threshold and the theme color includes:
obtaining a first candidate background ground color according to a preset color gamut threshold value and the theme color;
and obtaining the background color of a display page for displaying the image according to the first candidate background color and the second candidate background color.
For example, the deployment color input module receives a hexadecimal color code or RGB value input by a user; after the user uploads the image to be displayed and generates at least one theme color according to the image based on the image color recognition algorithm, the user can select one theme color from the at least one theme color and can also use the color autonomously input by the user as the theme color. For the color input by the user, it may also be determined whether the color input by the user falls within the qualified color gamut range by using a predetermined color gamut threshold, and if not, the user is instructed to adjust to the qualified color gamut range, and the color within the qualified color gamut range input by the user is received as the background color.
In the embodiment of the present application, a specific implementation manner is that when the background color of the display page for displaying the image is selected, brand features of the commodity are taken as a factor. The method specifically comprises the following steps:
determining a qualified color gamut range of the theme color according to a preset color gamut threshold;
editing the theme color within the qualified color gamut range to obtain a candidate background ground color;
and selecting one candidate background color from the candidate background colors according to the brand characteristics of the commodity to serve as the background color of the display page for displaying the image.
For example, in the image provided by brand a, the identified subject colors include dark green, beige, yellow, and silver, and beige has the largest area ratio. But the brand spot color of the brand A is dark green, so the color optimally selected as the background color of the display page is not beige but dark green, thereby further highlighting the brand force of the brand A.
It is noted that in determining the theme colors as background colors for the presentation page, visual elements weakening the e-commerce platform are considered, such as reducing the use of large areas of e-commerce spot colors, and visual elements reinforcing the brand of the provider of the image to be presented, such as matching the brand spot colors.
In the embodiment of the present application, the method further includes:
and displaying the image to be displayed on a page by using the background color.
Specifically, the image to be displayed is displayed on the page by using the background color according to at least one of the following modes:
the method comprises the following steps of firstly, using the background color as a pure background to display the image to be displayed;
the background color is used as the background color with the pattern and/or the pattern color matching is used for displaying the image to be displayed;
displaying the image to be displayed by using the background color as a gradient mask or a pure color mask;
the background color is used as the action point color of the image to be displayed, the image to be displayed and the action point of the image are displayed, and the action point is an element used for interaction on a page;
and fifthly, using the background color as the color of the information points of the image to be displayed, and displaying the image to be displayed and the information points of the image, wherein the information points are elements which can be read on a page.
Specifically, when the background color is used to display the image to be displayed on the page, different processing is performed according to different scene atmospheres, for example:
displaying the image to be displayed as a top image, and setting the pure color and the transparency of the area ground color of the top image by applying the background ground color; and/or the presence of a gas in the gas,
displaying the image to be displayed as a top-level image, and setting the pattern color of the background of the top-level image by applying the background ground color; and/or the presence of a gas in the gas,
and setting a mask layer for the image to be displayed, and setting a gradual change mode of the mask layer by applying the background color.
By processing background colors differently according to different scene atmospheres, visual elements of a display page (including the whole page displaying an image or an area displaying a single module of an image) can be made to highlight brand tone of a merchant or a commodity.
For example, fig. 3 is a schematic diagram of displaying an image using background colors in different scene atmospheres, and the image to be displayed is a service reservation product of brand B. In fig. 3, an image 301 to be displayed by brand B includes gray and silver in the subject color identified from 301, the specific area is at most gray, gray is determined as background color, the background color is applied to different scene atmosphere display images 301, and 302 to 304 in fig. 3 are different scene atmosphere examples (respectively corresponding to example A, B, C, D in the figure). 302 in the example a in fig. 3 is to use gray as a solid background, with the solid background portion shown as portion 302-1; 303 in the example of B in FIG. 3 is the background color of the action point button shown as section 303-1 using gray as the action point color; 304 in the example C of fig. 3 is a picture using gray as a textured background, part 304-1 is the picture shown, and the area outside the picture shown indicated by 304-2 is a gray textured background; 305 in the D example in fig. 3 is a pure color mask using gray as the picture.
Based on the embodiment of the theme color processing method provided by the application, a second embodiment of the application provides a display page generation method.
Referring to fig. 4 and 5, fig. 4 is a process flow chart illustrating a method for generating a presentation page according to the second embodiment of the present application, and fig. 5 is a schematic diagram illustrating an example of determining background color according to the second embodiment of the present application. Since the present embodiment is based on the above embodiments, the description is relatively simple, and the relevant portions should be referred to the corresponding descriptions of the above embodiments.
The display page generation method shown in fig. 4 includes: step S401 to step S403.
Step S401, determine the image to be displayed.
According to the display page generation method provided by the embodiment of the application, the background color of the display page used for displaying the image is determined according to the color characteristics of the image to be displayed, the display page is further generated according to the background color, the display page generated in the mode is more harmonious with the image displayed in the display page, and the obtained visual effect can better express the brand tone of a merchant or a commodity.
The display page can be the whole page for displaying the image, or can be a single module for displaying the image, such as a first focus carousel area, a brand sponsor module area, an information point or an action point; accordingly, the background color is the background color of the whole page, or the background color is the regional background color of a single module of the display image, such as the background color of the first focus carousel region, the background color of the brand sponsor module region, the background color of the information point region, or the background color of the action button of the action point.
This step is to determine the image that needs to be presented.
The image to be displayed may include at least any one of the following images: pictures, videos, logos. These image materials are typically provided by merchants or brand parties. For example, the brand side of the product A uploads or configures picture materials of the product A to be displayed to an e-commerce platform.
Step S402, determining the background color of the display page for displaying the image according to the color characteristics of the image.
This step is to determine the background color of the display page for displaying the image.
In the embodiment of the present application, when determining the background color, in consideration of brand characteristics of merchants or commodities, it is preferable to determine the background color of the display page for displaying the image according to the color characteristics of the image by using the following processing:
according to the color characteristics of the image, identifying at least one theme color of the image as a candidate background color of the display page;
and selecting one candidate background color from the candidate background colors according to the brand characteristics of the commodities as the background color of the display page.
The brand of the merchant or the commodity is used for identifying the merchant or the commodity, and can be an expression form of a substance carrier such as characters, patterns, symbols and the like, or an expression form of an intangible carrier such as quality, service, known name, market share and the like. When the background color of the display page for displaying the image is selected, the brand characteristics are used as elements to achieve the purpose of putting off the brand of the commodity.
In this embodiment, the following processing may be specifically adopted to identify at least one theme color of the image according to the color feature of the image, including:
if the image is white, identifying at least one theme color according to the color aggregation degree; and/or the presence of a gas in the gas,
and if the image is an image with uniform or dispersed colors, identifying at least one theme color according to the proportion area of the colors in the image.
The color aggregation degree refers to the area size occupied by one color in the image, and is sorted according to the area size, and the color aggregation degree of the color with the largest proportion is the highest.
Fig. 5 shows an example of determining background color, where the background color of the picture indicated by 501 is white, and black, blue, green and white are identified from the picture, and considering that white is too dazzling in visual sense and thus is not a theme color, the background color of 501 may be black, blue or green, and further, since black is the most aggregated color in 501, black is the optimal theme color, and the user may select black as the background color of the presentation page. The picture indicated by 502 and the picture indicated by 504 are relatively uniform in color, the subject color identified from the picture 502 includes purple, black and white, purple is the color with the largest specific area, purple can be selected as the background color of the display page, the color with the largest specific area identified from the picture 504 is gray, and gray can be selected as the background color of the display page; 503, the theme colors identified from the 503 picture include dark green, rice color, yellow and silver, the rice color is the color with the largest area, but considering that the brand specific color of brand side a of the picture is dark green, dark green can be selected as the background color of the display page.
And S403, generating the display page according to the background color.
In this step, a display page is generated according to the background color obtained in step S402.
In an embodiment of the present application, in a specific implementation manner, providing a user interface to receive a user configuration specifically includes generating the display page according to the background color by using the following processing:
acquiring page content configured by a user;
obtaining the background color;
and generating the display page by using the background color and the page content configured by the user.
In this embodiment, in another specific implementation manner, a client interface is provided to allow a client that generates a presentation page to actively capture page content, for example, the client that generates the presentation page can capture information uploaded by a user, which may be automatically captured at regular time. Specifically, the generating the display page according to the background color includes the following processing:
the client actively captures page content; obtaining the background color;
and generating the display page by using the background color and the page content actively grabbed by the client.
Preferably, the image is displayed on the display page according to a scene atmosphere.
In the embodiment of the application, displaying the image on the display page according to a scene atmosphere specifically includes displaying the image to be displayed on the page by using the background color according to at least one of the following modes:
displaying the image using the background color as a solid background;
displaying the image by using the background color as a textured background color and/or a texture color matching;
displaying the image using the background color as a gradient mask or a solid color mask;
using the background color as the action point color of the image to be displayed, and displaying the image and the action point of the image, wherein the action point is an element used for interaction on a page;
and displaying the image and the information points of the image by using the background color as the information point color of the image to be displayed, wherein the information points are readable elements on a page.
Specifically, when the background color is used to display the image to be displayed on the page, different processing is performed according to different scene atmospheres, for example:
displaying the image as a top-level image, and setting the pure color and the transparency of the area ground color of the top-level image by applying the background ground color; and/or the presence of a gas in the gas,
displaying the image as a top-level image, and setting the pattern color of the background of the top-level image by applying the background color; and/or the presence of a gas in the gas,
and setting a mask layer for the image, and setting a gradual change mode of the mask layer by applying the background color.
By processing background colors differently according to different scene atmospheres, visual elements of a display page (including the whole page displaying an image or an area displaying a single module of an image) can be made to highlight brand tone of a merchant or a commodity.
Corresponding to an embodiment of a theme color processing method provided by the present application, a third embodiment of the present application provides a theme color processing apparatus.
Fig. 6 shows a schematic diagram of a subject color processing device provided in a third embodiment of the present application. Since the device embodiment is basically similar to the method embodiment, the description is relatively simple, and the relevant portions only need to refer to the corresponding description of the method embodiment.
The theme color processing apparatus shown in fig. 6 includes:
an image determining unit 601, configured to determine an image to be displayed;
a theme color obtaining unit 602, configured to obtain a theme color of the image;
a background base color determining unit 603, configured to obtain a background base color of a display page for displaying the image according to a predetermined color gamut threshold and the theme color, where the predetermined color gamut threshold is used to determine a qualified color gamut range of hues of the theme color.
Optionally, the theme color obtaining unit 602 is specifically configured to:
and determining the theme color of the image according to the specific areas of different colors in the image.
Optionally, the background color determination unit 603 is specifically configured to:
determining a qualified color gamut range of the theme color according to a preset color gamut threshold;
and editing the theme color within the qualified color gamut range to obtain the background color.
Optionally, the background color determining unit 603 includes an editing subunit, where the editing subunit is configured to:
adjusting the hue of the theme color within the qualified color gamut range; and/or the presence of a gas in the gas,
adjusting the saturation of the subject color within the qualified color gamut range; and/or the presence of a gas in the gas,
adjusting the lightness of the theme color within the qualified color gamut range.
Optionally, the background color determination unit 603 is specifically configured to:
determining a qualified color gamut range of the theme color according to a preset color gamut threshold;
determining an optimal theme color of the theme colors within the qualified color gamut range;
and taking the optimal theme color as the background color.
Optionally, the theme color processing apparatus further includes a configuration unit, where the configuration unit is configured to:
obtaining a second candidate background color configured by a user;
the obtaining of the background color of the display page for displaying the image according to the predetermined color gamut threshold and the theme color includes:
obtaining a first candidate background ground color according to a preset color gamut threshold value and the theme color;
and obtaining the background color of a display page for displaying the image according to the first candidate background color and the second candidate background color.
Optionally, the background color determination unit 603 is specifically configured to:
determining a qualified color gamut range of the theme color according to a preset color gamut threshold;
editing the theme color within the qualified color gamut range to obtain a candidate background ground color;
and selecting one candidate background color from the candidate background colors according to the brand characteristics of the commodity to serve as the background color of the display page for displaying the image.
Optionally, the theme color processing apparatus further includes a display unit, and the display unit is configured to:
and displaying the image to be displayed on a page by using the background color.
Optionally, the display unit is specifically configured to display the image to be displayed on a page by using the background color according to at least one of the following manners:
displaying the image to be displayed by using the background color as a solid background;
displaying the image to be displayed by using the background color as a background color with patterns and/or pattern color matching;
displaying the image to be displayed by using the background color as a gradient mask or a pure color mask;
using the background color as the action point color of the image to be displayed, and displaying the image to be displayed and the action point of the image, wherein the action point is an element used for interaction on a page;
and displaying the image to be displayed and the information points of the image by using the background color as the information point color of the image to be displayed, wherein the information points are readable elements on a page.
Optionally, the display unit is specifically configured to:
displaying the image to be displayed as a top image, and setting the pure color and the transparency of the area ground color of the top image by applying the background ground color; and/or the presence of a gas in the gas,
displaying the image to be displayed as a top-level image, and setting the pattern color of the background of the top-level image by applying the background ground color; and/or the presence of a gas in the gas,
and setting a mask layer for the image to be displayed, and setting a gradual change mode of the mask layer by applying the background color.
Optionally, the qualified color gamut range includes a reasonable range of lightness and/or a reasonable range of saturation of the hue.
Corresponding to the embodiment of the display page generation method provided by the present application, a fourth embodiment of the present application provides a display page generation apparatus.
Fig. 7 is a schematic diagram illustrating a presentation page generation apparatus according to a fourth embodiment of the present application. Since the device embodiment is basically similar to the method embodiment, the description is relatively simple, and the relevant portions only need to refer to the corresponding description of the method embodiment.
The display page generation apparatus shown in fig. 7 includes:
an image determining unit 701, configured to determine an image to be displayed;
a background color determining unit 702, configured to determine a background color of a display page for displaying the image according to the color feature of the image;
a page generating unit 703, configured to generate the display page according to the background color.
Optionally, the background color determination unit 702 is specifically configured to:
according to the color characteristics of the image, identifying at least one theme color of the image as a candidate background color of the display page;
and selecting one candidate background color from the candidate background colors according to the brand characteristics of the commodities as the background color of the display page.
Optionally, the background color determining unit 702 includes a color identifying subunit, where the color identifying subunit is specifically configured to:
if the image is white, identifying at least one theme color according to the color aggregation degree; and/or the presence of a gas in the gas,
and if the image is an image with uniform or dispersed colors, identifying at least one theme color according to the proportion area of the colors in the image.
Optionally, the display page generating apparatus further includes a configuration unit, where the configuration unit is configured to obtain page content configured by a user; correspondingly, the page generating unit 703 is configured to:
obtaining the background color;
and generating the display page by using the background color and the page content configured by the user.
Optionally, the display page generating apparatus further includes a content fetching unit, where the content fetching unit is used for a client to actively fetch page content; correspondingly, the page generating unit 703 is configured to:
obtaining the background color;
and generating the display page by using the background color and the page content actively grabbed by the client.
Optionally, the page generating unit 703 includes a display subunit, where the display subunit is configured to display the image on the display page according to a scene atmosphere.
Optionally, the display subunit is specifically configured to display the image to be displayed on a page by using the background ground color according to at least one of the following manners:
displaying the image using the background color as a solid background;
displaying the image by using the background color as a textured background color and/or a texture color matching;
displaying the image using the background color as a gradient mask or a solid color mask;
using the background color as the action point color of the image to be displayed, and displaying the image and the action point of the image, wherein the action point is an element used for interaction on a page;
and displaying the image and the information points of the image by using the background color as the information point color of the image to be displayed, wherein the information points are readable elements on a page.
Optionally, the display subunit is specifically configured to:
displaying the image as a top-level image, and setting the pure color and the transparency of the area ground color of the top-level image by applying the background ground color; and/or the presence of a gas in the gas,
displaying the image as a top-level image, and setting the pattern color of the background of the top-level image by applying the background color; and/or the presence of a gas in the gas,
and setting a mask layer for the image, and setting a gradual change mode of the mask layer by applying the background color.
A fifth embodiment of the present application provides an electronic device for implementing the subject color processing method, and referring to fig. 8, a schematic diagram of an electronic device provided in the fifth embodiment of the present application is shown.
The electronic device embodiment provided in the fifth embodiment of the present application is described more simply, and for related parts, reference may be made to the corresponding description of the embodiment of the subject color processing method provided above.
The electronic device shown in fig. 8 includes:
a memory 801, and a processor 802;
the memory 801 is configured to store computer-executable instructions, and the processor 802 is configured to execute the computer-executable instructions to:
determining an image to be displayed;
obtaining a theme color of the image;
and obtaining a background color of a display page for displaying the image according to a preset color gamut threshold and the theme color, wherein the preset color gamut threshold is used for judging a qualified color gamut range of the hue of the theme color.
Optionally, the processor 802 is further configured to execute the following computer-executable instructions:
and determining the theme color of the image according to the specific areas of different colors in the image.
Optionally, the processor 802 is further configured to execute the following computer-executable instructions:
determining a qualified color gamut range of the theme color according to a preset color gamut threshold;
and editing the theme color within the qualified color gamut range to obtain the background color.
Optionally, the processor 802 is further configured to execute the following computer-executable instructions:
adjusting the hue of the theme color within the qualified color gamut range; and/or the presence of a gas in the gas,
adjusting the saturation of the subject color within the qualified color gamut range; and/or the presence of a gas in the gas,
adjusting the lightness of the theme color within the qualified color gamut range.
Optionally, the processor 802 is further configured to execute the following computer-executable instructions:
determining a qualified color gamut range of the theme color according to a preset color gamut threshold;
determining an optimal theme color of the theme colors within the qualified color gamut range;
and taking the optimal theme color as the background color.
Optionally, the processor 802 is further configured to execute the following computer-executable instructions:
obtaining a second candidate background color configured by a user;
the obtaining of the background color of the display page for displaying the image according to the predetermined color gamut threshold and the theme color includes:
obtaining a first candidate background ground color according to a preset color gamut threshold value and the theme color;
and obtaining the background color of a display page for displaying the image according to the first candidate background color and the second candidate background color.
Optionally, the processor 802 is further configured to execute the following computer-executable instructions:
determining a qualified color gamut range of the theme color according to a preset color gamut threshold;
editing the theme color within the qualified color gamut range to obtain a candidate background ground color;
and selecting one candidate background color from the candidate background colors according to the brand characteristics of the commodity to serve as the background color of the display page for displaying the image.
Optionally, the processor 802 is further configured to execute the following computer-executable instructions:
and displaying the image to be displayed on a page by using the background color.
Optionally, the processor 802 is further configured to execute at least one of the following instructions:
displaying the image to be displayed by using the background color as a solid background;
displaying the image to be displayed by using the background color as a background color with patterns and/or pattern color matching;
displaying the image to be displayed by using the background color as a gradient mask or a pure color mask;
using the background color as the action point color of the image to be displayed, and displaying the image to be displayed and the action point of the image, wherein the action point is an element used for interaction on a page;
and displaying the image to be displayed and the information points of the image by using the background color as the information point color of the image to be displayed, wherein the information points are readable elements on a page.
Optionally, the processor 802 is further configured to execute the following computer-executable instructions:
displaying the image to be displayed as a top image, and setting the pure color and the transparency of the area ground color of the top image by applying the background ground color; and/or the presence of a gas in the gas,
displaying the image to be displayed as a top-level image, and setting the pattern color of the background of the top-level image by applying the background ground color; and/or the presence of a gas in the gas,
and setting a mask layer for the image to be displayed, and setting a gradual change mode of the mask layer by applying the background color.
Optionally, the qualified color gamut range includes a reasonable range of lightness and/or a reasonable range of saturation of the hue.
A sixth embodiment of the present application provides an electronic device for implementing the display page generation method, and a schematic diagram of the electronic device is similar to that in fig. 8.
The electronic device according to the sixth embodiment of the present application is described more simply, and reference may be made to the corresponding description of the embodiment of the display page generation method provided above for relevant portions.
An electronic device provided in a sixth embodiment of the present application includes:
a memory, and a processor;
the memory is to store computer-executable instructions, and the processor is to execute the computer-executable instructions to:
determining an image to be displayed;
determining background colors of a display page for displaying the image according to the color characteristics of the image;
and generating the display page according to the background color.
Optionally, the processor is further configured to execute the following computer-executable instructions:
according to the color characteristics of the image, identifying at least one theme color of the image as a candidate background color of the display page;
and selecting one candidate background color from the candidate background colors according to the brand characteristics of the commodities as the background color of the display page.
Optionally, the processor is further configured to execute the following computer-executable instructions:
if the image is white, identifying at least one theme color according to the color aggregation degree; and/or the presence of a gas in the gas,
and if the image is an image with uniform or dispersed colors, identifying at least one theme color according to the proportion area of the colors in the image.
Optionally, the processor is further configured to execute the following computer-executable instructions:
acquiring page content configured by a user;
obtaining the background color;
and generating the display page by using the background color and the page content configured by the user.
Optionally, the processor is further configured to execute the following computer-executable instructions:
the client actively captures page content;
obtaining the background color;
and generating the display page by using the background color and the page content actively grabbed by the client.
Optionally, the processor is further configured to execute the following computer-executable instructions:
and displaying the image on the display page according to the scene atmosphere.
Optionally, the processor is further configured to execute at least one of the following instructions:
displaying the image using the background color as a solid background;
displaying the image by using the background color as a textured background color and/or a texture color matching;
displaying the image using the background color as a gradient mask or a solid color mask;
using the background color as the action point color of the image to be displayed, and displaying the image and the action point of the image, wherein the action point is an element used for interaction on a page;
and displaying the image and the information points of the image by using the background color as the information point color of the image to be displayed, wherein the information points are readable elements on a page.
Optionally, the processor is further configured to execute the following computer-executable instructions:
displaying the image as a top-level image, and setting the pure color and the transparency of the area ground color of the top-level image by applying the background ground color; and/or the presence of a gas in the gas,
displaying the image as a top-level image, and setting the pattern color of the background of the top-level image by applying the background color; and/or the presence of a gas in the gas,
and setting a mask layer for the image, and setting a gradual change mode of the mask layer by applying the background color.
A seventh embodiment of the present application provides a storage device for the above-provided theme color processing method, which is relatively simple to describe, and please refer to the corresponding description of the embodiment of the theme color processing method provided above for related portions.
A storage device according to a seventh embodiment of the present application stores instructions that can be loaded by a processor and performs the following steps:
determining an image to be displayed;
obtaining a theme color of the image;
and obtaining a background color of a display page for displaying the image according to a preset color gamut threshold and the theme color, wherein the preset color gamut threshold is used for judging a qualified color gamut range of the hue of the theme color.
An eighth embodiment of the present application provides a storage device for the display page generation method, which is described more simply, and please refer to the corresponding description of the embodiment of the display page generation method provided above for related parts.
A storage device according to an eighth embodiment of the present application stores instructions that can be loaded by a processor and execute the following steps:
determining an image to be displayed;
determining background colors of a display page for displaying the image according to the color characteristics of the image;
and generating the display page according to the background color.
In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
The memory may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of a computer-readable medium.
1. Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, computer readable media does not include non-transitory computer readable media (transient media), such as modulated data signals and carrier waves.
2. As will be appreciated by one skilled in the art, embodiments of the present application may be provided as a method, system, or computer program product. Accordingly, the present application may take the form of an entirely hardware embodiment, an entirely software embodiment or an embodiment combining software and hardware aspects. Furthermore, the present application may take the form of a computer program product embodied on one or more computer-usable storage media (including, but not limited to, disk storage, CD-ROM, optical storage, and the like) having computer-usable program code embodied therein.
Although the present application has been described with reference to the preferred embodiments, it is not intended to limit the present application, and those skilled in the art can make variations and modifications without departing from the spirit and scope of the present application, therefore, the scope of the present application should be determined by the claims that follow.

Claims (25)

1. A method for theme color processing, comprising:
determining an image to be displayed;
obtaining a theme color of the image;
and obtaining a background color of a display page for displaying the image according to a preset color gamut threshold and the theme color, wherein the preset color gamut threshold is used for judging a qualified color gamut range of the hue of the theme color.
2. The method of claim 1, wherein obtaining the theme colors of the image comprises:
and determining the theme color of the image according to the specific areas of different colors in the image.
3. The method according to claim 1, wherein the obtaining a background color of a presentation page for presenting the image according to a predetermined color gamut threshold and the theme color comprises:
determining a qualified color gamut range of the theme color according to a preset color gamut threshold;
and editing the theme color within the qualified color gamut range to obtain the background color.
4. The method of claim 3, wherein said editing said theme colors within said qualified gamut range comprises:
adjusting the hue of the theme color within the qualified color gamut range; and/or the presence of a gas in the gas,
adjusting the saturation of the subject color within the qualified color gamut range; and/or the presence of a gas in the gas,
adjusting the lightness of the theme color within the qualified color gamut range.
5. The method according to claim 1, wherein the obtaining a background color of a presentation page for presenting the image according to a predetermined color gamut threshold and the theme color comprises:
determining a qualified color gamut range of the theme color according to a preset color gamut threshold;
determining an optimal theme color of the theme colors within the qualified color gamut range;
and taking the optimal theme color as the background color.
6. The method of claim 1, further comprising:
obtaining a second candidate background color configured by a user;
the obtaining of the background color of the display page for displaying the image according to the predetermined color gamut threshold and the theme color includes:
obtaining a first candidate background ground color according to a preset color gamut threshold value and the theme color;
and obtaining the background color of a display page for displaying the image according to the first candidate background color and the second candidate background color.
7. The method according to claim 1, wherein the obtaining a background color of a presentation page for presenting the image according to a predetermined color gamut threshold and the theme color comprises:
determining a qualified color gamut range of the theme color according to a preset color gamut threshold;
editing the theme color within the qualified color gamut range to obtain a candidate background ground color;
and selecting one candidate background color from the candidate background colors according to the brand characteristics of the commodity to serve as the background color of the display page for displaying the image.
8. The method of claim 1, further comprising:
and displaying the image to be displayed on a page by using the background color.
9. The method of claim 8, wherein the background color is used to display the image to be displayed on the page in at least one of the following ways:
displaying the image to be displayed by using the background color as a solid background;
displaying the image to be displayed by using the background color as a background color with patterns and/or pattern color matching;
displaying the image to be displayed by using the background color as a gradient mask or a pure color mask;
using the background color as the action point color of the image to be displayed, and displaying the image to be displayed and the action point of the image, wherein the action point is an element used for interaction on a page;
and displaying the image to be displayed and the information points of the image by using the background color as the information point color of the image to be displayed, wherein the information points are readable elements on a page.
10. The method of claim 8, wherein said displaying the image to be displayed on the page using the background color comprises:
displaying the image to be displayed as a top image, and setting the pure color and the transparency of the area ground color of the top image by applying the background ground color; and/or the presence of a gas in the gas,
displaying the image to be displayed as a top-level image, and setting the pattern color of the background of the top-level image by applying the background ground color; and/or the presence of a gas in the gas,
and setting a mask layer for the image to be displayed, and setting a gradual change mode of the mask layer by applying the background color.
11. The method of claim 1, wherein the qualified gamut range comprises a reasonable range of lightness and/or a reasonable range of saturation of the hue.
12. A display page generation method is characterized by comprising the following steps:
determining an image to be displayed;
determining background colors of a display page for displaying the image according to the color characteristics of the image;
and generating the display page according to the background color.
13. The method according to claim 12, wherein the determining a background color of a presentation page for presenting the image according to the color characteristics of the image comprises:
according to the color characteristics of the image, identifying at least one theme color of the image as a candidate background color of the display page;
and selecting one candidate background color from the candidate background colors according to the brand characteristics of the commodities as the background color of the display page.
14. The method of claim 13, wherein identifying at least one theme color of the image based on the color characteristics of the image comprises:
if the image is white, identifying at least one theme color according to the color aggregation degree; and/or the presence of a gas in the gas,
and if the image is an image with uniform or dispersed colors, identifying at least one theme color according to the proportion area of the colors in the image.
15. The method of claim 12, further comprising: acquiring page content configured by a user; the generating the display page according to the background color comprises:
obtaining the background color;
and generating the display page by using the background color and the page content configured by the user.
16. The method of claim 12, further comprising: the client actively captures page content; the generating the display page according to the background color comprises:
obtaining the background color;
and generating the display page by using the background color and the page content actively grabbed by the client.
17. The method of claim 12, wherein the generating the presentation page according to the background color comprises:
and displaying the image on the display page according to the scene atmosphere.
18. The method of claim 17, wherein said presenting said image on said presentation page according to a scene atmosphere comprises presenting said image to be presented on a page using said background color in at least one of:
displaying the image using the background color as a solid background;
displaying the image by using the background color as a textured background color and/or a texture color matching;
displaying the image using the background color as a gradient mask or a solid color mask;
using the background color as the action point color of the image to be displayed, and displaying the image and the action point of the image, wherein the action point is an element used for interaction on a page;
and displaying the image and the information points of the image by using the background color as the information point color of the image to be displayed, wherein the information points are readable elements on a page.
19. The method of claim 17, wherein said presenting said image according to a scene atmosphere on said presentation page comprises:
displaying the image as a top-level image, and setting the pure color and the transparency of the area ground color of the top-level image by applying the background ground color; and/or the presence of a gas in the gas,
displaying the image as a top-level image, and setting the pattern color of the background of the top-level image by applying the background color; and/or the presence of a gas in the gas,
and setting a mask layer for the image, and setting a gradual change mode of the mask layer by applying the background color.
20. A theme color processing apparatus, comprising:
the image determining unit is used for determining an image to be displayed;
a theme color obtaining unit for obtaining a theme color of the image;
and the background color determining unit is used for obtaining the background color of the display page for displaying the image according to a preset color gamut threshold and the theme color, wherein the preset color gamut threshold is used for judging the qualified color gamut range of the hue of the theme color.
21. A presentation page generation apparatus, comprising:
the image determining unit is used for determining an image to be displayed;
the background color determining unit is used for determining the background color of a display page for displaying the image according to the color characteristics of the image;
and the page generating unit is used for generating the display page according to the background color.
22. An electronic device, comprising:
a memory, and a processor;
the memory is to store computer-executable instructions, and the processor is to execute the computer-executable instructions to:
determining an image to be displayed;
obtaining a theme color of the image;
and obtaining a background color of a display page for displaying the image according to a preset color gamut threshold and the theme color, wherein the preset color gamut threshold is used for judging a qualified color gamut range of the hue of the theme color.
23. An electronic device, comprising:
a memory, and a processor;
the memory is to store computer-executable instructions, and the processor is to execute the computer-executable instructions to:
determining an image to be displayed;
determining background colors of a display page for displaying the image according to the color characteristics of the image;
and generating the display page according to the background color.
24. A storage device having stored thereon instructions capable of being loaded by a processor and performing the steps of:
determining an image to be displayed;
obtaining a theme color of the image;
and obtaining a background color of a display page for displaying the image according to a preset color gamut threshold and the theme color, wherein the preset color gamut threshold is used for judging a qualified color gamut range of the hue of the theme color.
25. A storage device having stored thereon instructions capable of being loaded by a processor and performing the steps of:
determining an image to be displayed;
determining background colors of a display page for displaying the image according to the color characteristics of the image;
and generating the display page according to the background color.
CN201810713724.9A 2018-07-03 2018-07-03 Method, device and equipment for theme color processing and page generation display Active CN110673904B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201810713724.9A CN110673904B (en) 2018-07-03 2018-07-03 Method, device and equipment for theme color processing and page generation display

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201810713724.9A CN110673904B (en) 2018-07-03 2018-07-03 Method, device and equipment for theme color processing and page generation display

Publications (2)

Publication Number Publication Date
CN110673904A true CN110673904A (en) 2020-01-10
CN110673904B CN110673904B (en) 2023-08-25

Family

ID=69065399

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201810713724.9A Active CN110673904B (en) 2018-07-03 2018-07-03 Method, device and equipment for theme color processing and page generation display

Country Status (1)

Country Link
CN (1) CN110673904B (en)

Cited By (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111814426A (en) * 2020-07-20 2020-10-23 腾讯科技(深圳)有限公司 Questionnaire page configuration method and device, computer equipment and storage medium
CN112069340A (en) * 2020-09-04 2020-12-11 北京字节跳动网络技术有限公司 Background picture processing and search result display method, device, equipment and medium
WO2021203720A1 (en) * 2020-04-08 2021-10-14 北京百度网讯科技有限公司 Page display method and apparatus, and electronic device and storage medium
CN117540446A (en) * 2023-11-08 2024-02-09 杭州群核信息技术有限公司 House type graph color matching method and device, electronic equipment and storage medium

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8768958B1 (en) * 2004-12-03 2014-07-01 Google Inc. Predictive information retrieval
CN106201535A (en) * 2016-07-14 2016-12-07 广州神马移动信息科技有限公司 The method and apparatus that toolbar background color converts along with the domain color of picture
CN106528187A (en) * 2015-09-09 2017-03-22 腾讯科技(深圳)有限公司 Method and device for determining occupied background color
CN106708496A (en) * 2015-11-18 2017-05-24 腾讯科技(深圳)有限公司 Processing method and apparatus for label page in graphic interface
CN107609193A (en) * 2017-10-16 2018-01-19 杭州时间线信息科技有限公司 The intelligent automatic processing method and system of picture in a kind of suitable commodity details page

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US8768958B1 (en) * 2004-12-03 2014-07-01 Google Inc. Predictive information retrieval
CN106528187A (en) * 2015-09-09 2017-03-22 腾讯科技(深圳)有限公司 Method and device for determining occupied background color
CN106708496A (en) * 2015-11-18 2017-05-24 腾讯科技(深圳)有限公司 Processing method and apparatus for label page in graphic interface
CN106201535A (en) * 2016-07-14 2016-12-07 广州神马移动信息科技有限公司 The method and apparatus that toolbar background color converts along with the domain color of picture
CN107609193A (en) * 2017-10-16 2018-01-19 杭州时间线信息科技有限公司 The intelligent automatic processing method and system of picture in a kind of suitable commodity details page

Cited By (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2021203720A1 (en) * 2020-04-08 2021-10-14 北京百度网讯科技有限公司 Page display method and apparatus, and electronic device and storage medium
EP3913477A4 (en) * 2020-04-08 2023-01-25 Beijing Baidu Netcom Science Technology Co., Ltd. Page display method and apparatus, and electronic device and storage medium
US11830224B2 (en) 2020-04-08 2023-11-28 Beijing Baidu Netcom Science Technology Co., Ltd. Page displaying method and apparatus, electronic device and storage medium
CN111814426A (en) * 2020-07-20 2020-10-23 腾讯科技(深圳)有限公司 Questionnaire page configuration method and device, computer equipment and storage medium
CN111814426B (en) * 2020-07-20 2023-08-25 腾讯科技(深圳)有限公司 Questionnaire page configuration method, questionnaire page configuration device, computer equipment and storage medium
CN112069340A (en) * 2020-09-04 2020-12-11 北京字节跳动网络技术有限公司 Background picture processing and search result display method, device, equipment and medium
CN117540446A (en) * 2023-11-08 2024-02-09 杭州群核信息技术有限公司 House type graph color matching method and device, electronic equipment and storage medium

Also Published As

Publication number Publication date
CN110673904B (en) 2023-08-25

Similar Documents

Publication Publication Date Title
CN110673904A (en) Method, device and equipment for theme color processing and display page generation
US9852499B2 (en) Automatic selection of optimum algorithms for high dynamic range image processing based on scene classification
JP4870665B2 (en) Dominant color extraction using perceptual rules to generate ambient light derived from video content
CN112614060B (en) Face image hair rendering method and device, electronic equipment and medium
US11037275B2 (en) Complex architecture for image processing
KR101985880B1 (en) Display device and control method thereof
KR20130016347A (en) Tone and gamut mapping methods and apparatus
Zamir et al. Gamut mapping in cinematography through perceptually-based contrast modification
US9916862B2 (en) Method and apparatus for editing video scenes based on learned user preferences
KR20200097307A (en) Improved high dynamic range video color remapping
US10418000B2 (en) Method and apparatus for screen capture on a display device
Abebe et al. Towards an automatic correction of over-exposure in photographs: Application to tone-mapping
CN116188296A (en) Image optimization method and device, equipment, medium and product thereof
CN114155569B (en) Cosmetic progress detection method, device, equipment and storage medium
US20140093168A1 (en) Image processing apparatus, image processing method and non-transitory computer readable medium
Hsu et al. A novel automatic white balance method for color constancy under different color temperatures
CN111242836B (en) Target image generation method, device and equipment for generating advertisement image
JP2009171158A (en) Mosaic image generation apparatus, method, and program
CN113658287B (en) User interface color matching processing method, device and equipment
US20170372495A1 (en) Methods and systems for color processing of digital images
Jeong et al. Real-time video re-coloring algorithm considering the temporal color consistency for the color-blind
US20140185935A1 (en) Product image processor, product image processing method, information recording medium, and program
You et al. Perceptually consistent color-to-gray image conversion
KR100911059B1 (en) System and method for generating thumnail images
CN114565506B (en) Image color migration method, device, equipment and storage medium

Legal Events

Date Code Title Description
PB01 Publication
PB01 Publication
SE01 Entry into force of request for substantive examination
SE01 Entry into force of request for substantive examination
TA01 Transfer of patent application right
TA01 Transfer of patent application right

Effective date of registration: 20230718

Address after: Room 554, floor 5, building 3, No. 969, Wenyi West Road, Wuchang Street, Yuhang District, Hangzhou City, Zhejiang Province

Applicant after: TAOBAO (CHINA) SOFTWARE CO.,LTD.

Address before: Box 847, four, Grand Cayman capital, Cayman Islands, UK

Applicant before: ALIBABA GROUP HOLDING Ltd.

GR01 Patent grant
GR01 Patent grant