Automatic generation method, system and equipment of OTA (over-the-air) shop business card and storage medium
By automatically extracting the main color tone of merchant images through image processing algorithms, a coordinated store business card background is generated. This solves the problems of monotonous background design and low efficiency of manual color matching in existing technologies, and realizes efficient and personalized business card design, thereby improving brand recognition and marketing effectiveness.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- CTRIP TRAVEL NETWORK TECH SHANGHAI0
- Filing Date
- 2026-01-30
- Publication Date
- 2026-05-19
AI Technical Summary
Existing OTA platform store business card generation technology suffers from problems such as monotonous background design, inability to reflect merchant characteristics, low efficiency and poor results of manual color matching, resulting in business cards that lack personality and aesthetics, and poor readability of key information.
The main color tone in the merchant's image is automatically extracted by the image processing algorithm. The image is divided into multiple regions using visual saliency detection and clustering algorithms. The background color scheme is generated by applying the preset color theory and previewed in the user interface. Finally, a store business card with a coordinated style is generated.
It improves the automation and visual consistency of business card design, reduces production costs, enhances brand recognition and marketing effectiveness, and ensures the readability of key information and the harmony between the background and the main body.
Smart Images

Figure CN122066801A_ABST
Abstract
Description
Technical Field
[0001] This invention relates to the field of web page development, and more specifically, to a method, system, device, and storage medium for automatically generating OTA store business cards. Background Technology
[0002] In internet e-commerce, especially online travel agency platforms, store business cards are an important digital tool for showcasing a store's image and conducting marketing promotions. They are not only a carrier of basic business information but also a key medium for shaping brand image, enhancing brand recognition, and attracting traffic through sharing on external social channels. Whether it's hotels, tourist attractions, or travel service providers, businesses all need to create attractive store business cards.
[0003] However, current OTA platform-provided business card generation technology has several limitations. First, the background designs of business card templates are usually quite simple and fixed, often consisting of a few preset solid colors or simple patterns. This fails to flexibly and dynamically reflect the unique styles and characteristics of different businesses, resulting in generic, unoriginal business cards. Second, if businesses are allowed to customize backgrounds, they typically need to manually select or upload background images and manually match colors. This process is not only inefficient but also extremely challenging for most businesses lacking professional design knowledge. The color schemes are easily influenced by personal subjective aesthetics, often resulting in unprofessional and uncoordinated designs that may even negatively impact brand image. Third, existing technology struggles to ensure that the uploaded store images and business card backgrounds achieve harmony in color and style. This often leads to conflicts between the background and the main image, resulting in the background overshadowing the main image or creating a disharmony that affects the overall aesthetics of the business card. Finally, during automatic or semi-automatic generation, the contrast between text content and background is easily overlooked, leading to poor readability of key information (such as store name and contact information) and severely impacting usability.
[0004] In view of this, the present invention provides a method, system, device and storage medium for automatically generating OTA store business cards. Summary of the Invention
[0005] To address the problems in the existing technology, the purpose of this invention is to provide an automatic generation method, system, device, and storage medium for OTA store business cards. It overcomes the difficulties of the existing technology, can automatically extract style-coordinated colors from merchant images and generate matching backgrounds, greatly improves the automation level, visual consistency, and generation efficiency of business card design, reduces the production cost for merchants, and enhances brand recognition and marketing promotion effects.
[0006] Embodiments of the present invention provide a method for automatically generating OTA store business cards, comprising the following steps: S110. Receive images related to the store uploaded by the merchant through the user interface; S120. In response to the user selecting the intelligent color picking option, the image related to the store is analyzed using an image processing algorithm to extract at least one dominant color tone from the image. The extraction of at least one dominant color tone includes: dividing the image into multiple regions using a visual saliency detection algorithm, including a subject region, a brand region, and an environment region; and performing color clustering in a predetermined color space within each of the at least one divided region to extract at least one dominant color tone within that region. S130. Based on the at least one main color tone extracted in the intelligent color analysis step, at least one background color scheme is generated by applying a preset color theory and previewed in the user interface. S140. Apply the background color scheme selected by the user in the preview to the corresponding area of the preset store business card template; S150: Responding to the user's save or download command, generate and output a store business card with the selected background color scheme applied.
[0007] Preferably, in step S120, extracting at least one dominant color tone from the image specifically includes: extracting a representative color from the store-related image, wherein the representative color is the color that appears most frequently among all pixels of the image; The background color scheme generation steps include: using the representative color as the background color to directly replace the original background color in the store business card template.
[0008] Preferably, in step S120, extracting at least one dominant color from the image specifically includes: extracting at least two main colors from the store-related image, wherein the at least two main colors are the two colors that appear most frequently in all pixels of the image, and the angle difference between the two colors on the color wheel is greater than 120 degrees; Step S130 includes generating a gradient background pattern based on the at least two primary colors.
[0009] Preferably, step S140 includes, The background color scheme selected by the user in the preview is applied to the background pattern and title box background pattern that make up the store business card template.
[0010] Preferably, in step S130, the clustering algorithm used is the K-means++ algorithm, and the predetermined color space is the LAB color space.
[0011] Preferably, in step S130, the extracted main color tone is adjusted in hue, specifically by adjusting the extracted color to a neighboring harmonious hue at a predetermined angle.
[0012] Preferably, the preset color theory includes at least one of complementary colors, analogous colors, and triadic color schemes.
[0013] Embodiments of the present invention also provide an automatic generation system for OTA store business cards, used to implement the above-described automatic generation method for OTA store business cards, wherein the automatic generation system for OTA store business cards includes: The image upload module receives images related to the store uploaded by merchants through the user interface; The primary color extraction module, in response to the user's selection of the intelligent color picking option, analyzes the store-related images using image processing algorithms to extract at least one primary color tone from the images. The extraction of at least one primary color tone includes: dividing the image into multiple regions using a visual saliency detection algorithm, including a subject region, a brand region, and an environment region; and performing color clustering in a predetermined color space within each of the at least one divided region to extract at least one primary color tone within that region. The color analysis module generates at least one background color scheme based on the at least one main color extracted in the intelligent color analysis step, and displays it in the user interface. The template application module applies the background color scheme selected by the user in the preview to the corresponding area of the preset store business card template; The business card generation module responds to user save or download commands, generating and outputting store business cards with the selected background color scheme applied.
[0014] Embodiments of the present invention also provide an automatic generation device for OTA store business cards, comprising: processor; A memory in which executable instructions of the processor are stored; The processor is configured to execute the steps of the above-described method for automatically generating OTA store business cards by executing the executable instructions.
[0015] Embodiments of the present invention also provide a computer-readable storage medium for storing a program, which, when executed, implements the steps of the above-described method for automatically generating OTA store business cards.
[0016] The purpose of this invention is to provide an automatic generation method, system, device, and storage medium for OTA store business cards. It can solve the problems of existing OTA store business card templates having a single and fixed background, failing to reflect the characteristics of the merchant, and having low efficiency and poor effect from manual color matching. It can automatically extract colors with a coordinated style from the merchant's image and generate a matching background, which greatly improves the automation level, visual consistency, and generation efficiency of business card design, reduces the merchant's production cost, and enhances brand recognition and marketing promotion effect. Attached Figure Description
[0017] Other features, objects, and advantages of the invention will become more apparent from the following detailed description of non-limiting embodiments with reference to the accompanying drawings.
[0018] Figure 1 This is a flowchart of the automatic generation method for OTA store business cards according to the present invention.
[0019] Figures 2 to 4 This is a schematic diagram illustrating the implementation process of the automatic generation method for OTA store business cards of the present invention.
[0020] Figure 5 This is an overall architecture diagram of the OTA store business card automatic generation system of the present invention.
[0021] Figure 6 This is a schematic diagram of the structure of the OTA store business card automatic generation device of the present invention.
[0022] Figure 7 This is a schematic diagram of the structure of a computer-readable storage medium according to an embodiment of the present invention. Detailed Implementation
[0023] The following specific examples illustrate the implementation methods of this application. Those skilled in the art can easily understand the other advantages and effects of this application from the content disclosed herein. This application can also be implemented or applied through other different specific embodiments, and various details in this application can be modified or changed according to different viewpoints and application systems without departing from the spirit of this application. It should be noted that, unless otherwise specified, the embodiments and features in the embodiments of this application can be combined with each other.
[0024] The embodiments of this application will now be described in detail with reference to the accompanying drawings, so that those skilled in the art can easily implement the application. This application may be embodied in many different forms and is not limited to the embodiments described herein.
[0025] In this application, the terms "one embodiment," "some embodiments," "example," "specific example," or "some examples," etc., refer to specific features, structures, materials, or characteristics represented in connection with that embodiment or example, which are included in at least one embodiment or example of this application. Furthermore, the specific features, structures, materials, or characteristics represented may be combined in any suitable manner in one or more embodiments or examples. Moreover, without contradiction, those skilled in the art can combine and integrate different embodiments or examples represented in this application, as well as features of different embodiments or examples.
[0026] Furthermore, the terms "first" and "second" are used for illustrative purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include at least one of that feature. In the representation of this application, "multiple" means two or more, unless otherwise explicitly specified.
[0027] For the purpose of clearly describing this application, devices that are not relevant to the description are omitted, and the same or similar components throughout the specification are given the same reference numerals.
[0028] Throughout this specification, when it is said that a device is "connected" to another device, this includes not only "direct connection" but also "indirect connection" by placing other components in between. Furthermore, when it is said that a device "comprises" a certain constituent element, unless otherwise stated otherwise, this does not exclude other constituent elements, but rather implies that other constituent elements may be included.
[0029] When we say that a device is "above" another device, this can mean that it is directly above the other device, or it can mean that other devices are present in between. Conversely, when we say that a device is "directly" "above" another device, there are no other devices present in between.
[0030] Although the terms first, second, etc., are used in some instances herein to refer to various elements, these elements should not be limited by these terms. These terms are used only to distinguish one element from another. For example, first interface and second interface, etc., are used. Furthermore, as used herein, the singular forms “a,” “an,” and “the” are intended to also include the plural forms unless the context indicates otherwise. It should be further understood that the terms “comprising,” “including,” indicate the presence of features, steps, operations, elements, components, items, kinds, and / or groups, but do not exclude the presence, occurrence, or addition of one or more other features, steps, operations, elements, components, items, kinds, and / or groups. The terms “or” and “and / or” as used herein are interpreted as inclusive, or mean any one or any combination thereof. Thus, “A, B, or C” or “A, B, and / or C” means “any one of: A; B; C; A and B; A and C; B and C; A, B, and C.” Exceptions to this definition will only occur if the combination of elements, functions, steps, or operations is inherently mutually exclusive in some way.
[0031] The technical terms used herein are for reference only to specific embodiments and are not intended to limit the scope of this application. The singular form used herein includes the plural form unless the statement explicitly indicates otherwise. The word "comprising" as used in the specification means to specify a particular characteristic, region, integer, step, operation, element, and / or component, and does not exclude the presence or addition of other characteristics, regions, integers, steps, operations, elements, and / or components.
[0032] Although not explicitly defined, all terms, including technical and scientific terms used herein, shall have the same meaning as commonly understood by one of ordinary skill in the art to which this application pertains. Terms defined in commonly used dictionaries shall be further interpreted as having a meaning consistent with the relevant technical literature and the content of this present application, and shall not be over-interpreted as having an ideal or overly formulaic meaning unless otherwise defined.
[0033] Figure 1 This is a flowchart of the automatic generation method for OTA store business cards according to the present invention. Figure 1 As shown, the automatic generation method for OTA store business cards of the present invention includes the following steps: S110: Receive images related to the store uploaded by the merchant through the user interface.
[0034] S120. In response to the user's selection of the intelligent color picking option, analyze the store-related images using an image processing algorithm to extract at least one dominant color tone from the images. Extracting at least one dominant color tone includes: dividing the image into multiple regions using a visual saliency detection algorithm, including a subject region, a brand region, and an environment region. Within each of the at least one divided region, perform color clustering in a predetermined color space using a clustering algorithm to extract at least one dominant color tone within that region.
[0035] S130. Based on at least one primary color tone extracted in the intelligent color analysis step, at least one background color scheme is generated using a preset color theory and previewed in the user interface.
[0036] S140. Apply the background color scheme selected by the user in the preview display to the corresponding area of the preset store business card template.
[0037] S150: Responding to the user's save or download command, generate and output a store business card with the selected background color scheme applied.
[0038] In a preferred embodiment, step S120, extracting at least one dominant color tone from the image, specifically includes: extracting a representative color from the store-related image, where the representative color is the color that appears most frequently among all pixels in the image. In step S120, when extracting the "representative color," the image is typically first converted from the RGB color space to a color space more suitable for quantization comparison (such as HSV or LAB). Subsequently, the color values of all pixels in the image are quantized (e.g., hue H, saturation S, and lightness V are divided into several intervals) to reduce interference from subtle color differences. Next, the number of pixels in each quantized color interval is counted, and the center color value corresponding to the color interval with the largest number of pixels is determined as the "color that appears most frequently," i.e., the representative color.
[0039] Step S130 includes: using a representative color as the background color to directly replace the original background color in the store business card template. In step S130, the extracted representative color is directly assigned as a hexadecimal color code (such as #FF5733) or LAB / RGB value to the "background color" style attribute of the store business card template. The system will ensure that this color has sufficient contrast with the default font color in the template (usually white or black). If it does not meet accessibility standards (such as WCAG), the system will automatically fine-tune the font color to ensure readability.
[0040] This embodiment features low computational complexity, fast processing speed, and instant response to user actions. It provides the most direct and fastest way to personalize store business cards, particularly suitable for users who need quick generation or prefer a simple, monochrome design. Furthermore, by using the most frequent color extracted from store images as the background, it maximizes the impression of that color in the user's mind, creating a strong visual association between the store business card and the visual materials provided by the merchant (such as logos and product images), thus enhancing brand consistency. Users don't need to understand color theory; the system automatically provides the most "likely correct" (derived from its own materials) background color selection, simplifying the design process.
[0041] In a preferred embodiment, step S120, extracting at least one dominant color tone from the image specifically includes: extracting at least two dominant colors from the store-related image. These at least two dominant colors are the two colors that appear most frequently in all pixels of the image, and the angle difference between these two colors on the color wheel is greater than 120 degrees. After extracting the top N most frequent colors (e.g., the top 5), their angles on the color wheel (e.g., the H channel ring of the HSV color space) are calculated. The system will select at least one pair of colors from the high-frequency colors whose hue angle difference is greater than 120 degrees (e.g., complementary colors are approximately 180 degrees, and contrasting colors are approximately 120-150 degrees). This ensures that the selected colors have sufficient contrast to form a visually vibrant and harmonious gradient.
[0042] Step S130 includes generating a gradient background pattern based on at least two primary colors. In step S130, based on the two selected primary colors, a linear gradient, radial gradient, or angular gradient can be generated. The system will preset several elegant gradient directions (such as from left to right, from center to edge) and automatically adjust the saturation and brightness of the colors to make the gradient transition smooth and natural. For example, one color can be used as the gradient starting point (0%), and the other as the ending point (100%), with interpolation in between to generate a smooth color sequence.
[0043] Compared to a single-color background, a gradient background offers a more dynamic, modern, and layered feel, significantly enhancing the visual appeal of a store's business card and making it stand out from the crowd. By combining two contrasting primary colors, more complex emotions or brand personalities (such as vitality and trust, warmth and professionalism) can be conveyed. Systematic control of the color wheel angle difference ensures that this contrast is harmonious rather than clashing. The background generated by this solution is more unique because it is based on a combination of two characteristic colors from the merchant's specific image, reflecting the complex color composition of the store image more effectively than a single color.
[0044] In a preferred embodiment, step S140 includes applying the background color scheme selected by the user in the preview display to the background pattern and title box background pattern of the store business card template. In this embodiment, the store business card template is pre-decomposed into multiple stylizable layers or areas, where the "background pattern" and "title box" are independent style carriers. In step S140, the system parses the user-selected color scheme into a color set (such as primary color, secondary color, and accent color). The system applies the color set to different areas according to preset design rules. For example, the primary color or a lighter variation of the color scheme is applied to the entire background pattern; a contrasting color or a darker secondary color is applied to the background of the title box to ensure the readability of the title text (usually the title text is white or light-colored). This application is not a simple color fill; it may include simultaneous fine-tuning of the title box's transparency, border color, etc., to maintain overall harmony. This allows the color scheme to be applied collaboratively to key visual areas, avoiding a sense of separation between background and foreground elements and creating a unified and professional visual experience. This mimics the systematic workflow of a professional designer. By applying distinct colors (such as contrast) to the background and title box, a clear visual hierarchy is automatically constructed, guiding the user's attention to core information such as the title (store name). Template adaptability is enhanced: the fixed template structure can flexibly accommodate different color schemes without disrupting the original layout and information hierarchy logic, achieving a good balance between standardization and personalization.
[0045] In a preferred embodiment, in step S130, the clustering algorithm used is the K-means++ algorithm, and the predetermined color space is the LAB color space. The advantages of the LAB color space are: its design is closer to human visual perception, separating the L component (brightness) from color information (A component: red-green axis, B component: yellow-blue axis). Clustering in this space can more accurately aggregate colors that are perceived as similar by the human eye, reducing the interference of lighting conditions on color extraction, and resulting in a "dominant color tone" that better matches human color cognition. K-means++ algorithm optimization: Unlike the standard K-means algorithm which randomly initializes cluster centers, K-means++ uses a probabilistic method to select initial cluster centers, keeping them as far apart as possible. This effectively avoids the algorithm getting trapped in local optima, making the final extracted dominant color tone more representative and the result more stable, reducing the problem of inconsistent extraction results caused by random initialization. In this embodiment, the LAB color space combined with the K-means++ algorithm can more accurately and stably extract truly visually dominant colors from complex store images, rather than simply colors with a large number of pixels (the latter may contain a large number of similar shadows or highlights). The extracted colors are visually "purer" and "representative," better reflecting the color atmosphere and brand colors of the image, providing higher-quality and more reliable input for subsequent color scheme generation. It also exhibits better adaptability to changes in image quality and lighting conditions, improving the consistency of the entire system's performance across diverse images uploaded by different merchants.
[0046] In a preferred embodiment, step S130 involves hue adjustment of the extracted dominant color, specifically including adjusting the extracted color towards a nearby harmonious hue at a predetermined angle interval. In step S130, the system maps the hue value (H) of the original dominant color extracted from the image to a preset "harmonious hue ring." The hues on this ring are divided into several equal parts (e.g., 12 parts corresponding to a 30-degree interval, or 24 parts corresponding to a 15-degree interval). The extracted color is "sucked" to the nearest harmonious hue angle. For example, if the predetermined angle is 15 degrees, an extracted 22-degree hue color will be adjusted to 15 degrees or 30 degrees (the nearest). The adjustment typically only targets the hue (H), while keeping the color saturation (S) and brightness (V or L) essentially unchanged to preserve the "feeling" and emotional tendency of the original image's colors, optimizing only its harmony.
[0047] This embodiment acts as an automatic color correction or enhancement filter, adjusting potentially slightly off or incompletely harmonious "naturally extracted colors" to "design colors" that conform to classic color theory principles, thus improving the visual appeal and professionalism of the final generated color scheme. When generating complementary or analogous color schemes based on the adjusted harmonious hues, the color combinations are theoretically more harmonious, reducing the risk of color clashes. Even for users with limited color knowledge, it ensures a minimum level of output quality. By selecting different predetermined angle intervals, different style tendencies can be generated (e.g., a 15-degree interval is more refined, while a 30-degree interval is more classic), providing the system with configurable design style parameters.
[0048] In a preferred embodiment, the preset color theory includes at least one of complementary colors, analogous colors, and triadic color schemes. In this embodiment, the system uses a color wheel as its base color, with the primary hue extracted from the image and possibly harmonized as the base color. Other colors are automatically calculated based on user selection or system-preset rules: Complementary colors: base color hue +180 degrees. Analogous colors: base color hue ±30 degrees (typically). Triadic colors: base color hue +120 degrees and +240 degrees (or -120 degrees). In the user interface, each color scheme is displayed as a small color swatch (typically containing one primary color, one or two secondary colors, and one accent color). Simultaneously, the system applies this color scheme to the corresponding areas of the "store business card preview image" (such as background, text, and decorative elements) in real time, allowing users to intuitively see the final effect, rather than just abstract color blocks. This embodiment encapsulates professional graphic design knowledge (color theory) into automated functions, providing merchants without a design background with a variety of proven, aesthetically pleasing color options, greatly improving the design quality of their outputs. Users are no longer limited to a single color, but can switch between different styles such as the strong contrast of complementary colors, the soft unity of analogous colors, and the rich and vibrant use of three colors, exploring the design solutions that best suit their brand tone. By providing these theoretically grounded options and demonstrating their effects, basic color matching knowledge is subtly conveyed to users, serving as design inspiration and decision-making support.
[0049] Existing online travel agency (OTA) platform business card generation tools use fixed background templates and have high barriers to customizing color schemes, resulting in business cards that lack personality and may be unattractive. This invention proposes an intelligent color-picking background generation solution to address these issues. Figure 1 This paper illustrates the overall process of an intelligent color-picking background generation method based on an OTA store business card template, according to an embodiment of the present invention. Figure 1 As shown, the method mainly includes the following steps S110 to S150.
[0050] S110, Image Upload and Receiving Steps. Merchants access the store name card creation page. For example... Figure 2 As shown, the user interface 1 of the shop business card creation page has a clearly defined area for uploading background images or an image upload button 11. Merchants can select one or more images from their local devices that represent their shop's style for upload, such as real-life photos of hotel rooms, scenic photos, restaurant environment photos, or promotional images with the brand logo. The system receives the uploaded image files and performs basic format verification and size limit checks. Subsequently, the system decodes the successfully uploaded images and temporarily displays them in the preset image placeholder area 12 of the business card template for merchant confirmation. After the image is uploaded and displayed, the system proceeds to the background setting stage. Figure 3 As shown, the user interface offers two main background setting paths. One is the "Fixed Template Color" option, where the system provides a series of preset solid color or simple textured backgrounds carefully selected by designers, which merchants can directly click to select and apply. The other is the core function of this invention—the "Intelligent Color Picking" option 13. Merchants can select this option when they want the business card background to perfectly blend with the style of their uploaded images. The core of this step is receiving the user's selection instruction to determine which processing path to execute subsequently.
[0051] S120, Intelligent Color Picking and Analysis Step. Once the user clicks the "Intelligent Color Picking" option, the system initiates the intelligent image analysis process. The goal of this step is to scientifically extract one or more of the most representative and harmonious main color tones from the user-uploaded image. The specific implementation includes the following sub-steps: S121. Image Region Segmentation. Directly performing global color analysis on the entire image may be affected by large areas of irrelevant background or noise. To improve the accuracy of color extraction and semantic relevance, this invention first uses a visual saliency detection algorithm (such as a deep learning-based saliency detection model) to analyze the uploaded image. The algorithm divides the image into different semantic regions. Typical segmentation includes: Main Area: This is the most visually appealing part of the image, usually corresponding to the merchant's core product, such as the exterior of a hotel building, the interior of guest rooms, iconic landmarks of a tourist attraction, or close-ups of food. Extracting the color from this area ensures that the business card background is associated with the merchant's core product characteristics.
[0052] Brand Area: This section checks if the image contains prominent text, graphic logos, or watermarks. Extracting the color of this area allows you to align the business card background with the brand's visual identity system, reinforcing the brand image.
[0053] Environmental area: This refers to the surrounding environment excluding the main body and brand, such as the sky, ocean, vegetation, and streets. Extracting environmental colors helps create an overall atmosphere, making the business card more contextual and immersive.
[0054] By analyzing different regions separately, multi-level color information can be obtained, laying the foundation for generating richer and more layered background schemes.
[0055] S122. Color Clustering Extraction by Region. After dividing the above regions, the system performs color clustering analysis on each selected region (e.g., the main body region and brand region can be analyzed by default, or the user can specify). Preferably, the improved K-means++ clustering algorithm is used in the LAB color space. Compared with RGB, the distance metric of the LAB color space is closer to the color perception differences of the human eye, making the clustering results more consistent with visual color classification.
[0056] For each region, the algorithm analyzes the color values of all pixels within that region and divides them into K color clusters (e.g., K=3~5). The center color of each cluster represents a primary color for that region. The system records the size of each cluster (i.e., the number of pixels it contains). Typically, the one or two colors with the largest cluster sizes are selected as the primary color extracted for that region. For example, one primary color might be extracted from the main subject region, and another primary color from the brand region.
[0057] S123, Color Adjustment and Optimization.
[0058] Colors extracted directly from image clustering may not be optimal in terms of saturation and brightness due to factors such as lighting and exposure, or their hue may deviate slightly from the most harmonious range. Therefore, it is necessary to fine-tune the extracted original main color tone.
[0059] Hue Adjustment: Based on color theory (such as 15° and 30° intervals on the color wheel representing harmonious hues), the hue value of the extracted color is slightly adjusted (e.g., within ±5°) towards the nearest, predefined harmonious hue angle. This ensures that the final color used is harmonious.
[0060] Saturation and brightness adjustment: Depending on the intended use of the business card background (usually as a backdrop for text), the system will typically adjust the color saturation (to avoid overly vibrant colors affecting visual appeal) and brightness (to ensure sufficient contrast with the foreground text). Adjustment rules can be based on preset thresholds or adaptive algorithms.
[0061] Through this step, we obtained several optimized candidate primary colors from different areas of the image.
[0062] S130, Background Color Scheme Generation Step. This step utilizes several candidate primary colors generated in step S120 to automatically generate multiple aesthetically pleasing and feasible background color schemes based on classic color design theory. Common applications of color theory include: Complementary color scheme: Select two colors that are 180° apart on the color wheel (possibly obtained directly from two extracted complementary colors, or derived from a primary color). This scheme offers strong contrast and is vibrant.
[0063] Analogous color scheme: Select several adjacent colors on the color wheel (e.g., a primary color and its adjacent colors on the left and right). This scheme is soft, harmonious, and safe.
[0064] The three-color scheme: selects three colors from the vertices of an equilateral triangle on the color wheel. This scheme is rich and balanced.
[0065] The system will use the primary color obtained from S120 as the seed color and, according to one or more of the rules mentioned above, derive 2 to 4 different background color schemes. Each scheme may be a solid color or a linear or radial gradient pattern composed of two colors. The generated schemes will be displayed as thumbnails in the user interface (e.g., ...). Figure 4 The background scheme selection area (14) is displayed intuitively to the merchant for preview.
[0066] S140, Template Application and Optimization Steps. After browsing different options in the preview area, the merchant clicks to select the one they are most satisfied with. The system then performs the application operation. The selected background color scheme (solid color or gradient) is rendered as a bitmap or vector graphic and set as the background layer of the store business card template. At the same time, the system performs a key optimization: checking the contrast between the colors of the preset text areas (such as store name, address, and phone number) on the business card template and the new background color. If the system detects that the contrast is lower than the readability standard threshold of WCAG (Web Content Accessibility Guidelines), it will automatically adjust the text color (e.g., use white text on a dark background and black text on a light background) or slightly adjust the brightness of the background color to ensure that all key information is clear and legible.
[0067] S150, Business Card Generation and Output Steps. Once the background application is complete and the overall effect is confirmed, the merchant can click the "Save" or "Download" button. The system responds to this command by combining all layers of the current business card template (including the intelligently generated background, the image uploaded by the merchant, the optimized text information, and other decorative elements) into a single, high-resolution image file (such as PNG or JPG format). The final file can be downloaded to the merchant's local machine or stored directly on the platform's cloud for use in various marketing scenarios such as sharing on social media, email signatures, and printed materials.
[0068] In a preferred specific application scenario, this method is particularly suitable for generating shop signs for tourist attractions. Tourist attractions use drastically different promotional images in different seasons to attract visitors. For example: In summer, scenic spots might upload a promotional photo of a "beachfront." In the image, golden sand and azure water dominate the scene. Through the intelligent color extraction analysis steps of this invention, the system can accurately extract "yellow" and "blue" as the two primary colors from the image. Since yellow and blue are nearly complementary colors on the color wheel (angle difference of approximately 120-180 degrees), they meet the conditions for generating a gradient background. In the background color scheme generation step, the system creates a series of background schemes based on a blue-yellow gradient. In the template application and optimization step, the selected blue-yellow gradient background is applied to the business card template, instantly giving the entire business card a fresh and vibrant summer seaside feel, perfectly echoing the promotional image.
[0069] In winter, the same scenic area might change its promotional photos to "Snow Mountain Skiing." In the images, white snow-capped mountains and tourists in bright orange ski suits dominate the frame. The main color scheme becomes the "white" of the snow-capped mountains and the "bright orange" of the ski suits. The system extracts white and orange. Orange, located between red and yellow on the color wheel, creates a striking and warm contrast when combined with white (which can be considered a combination with low-saturation colors). The system might generate a background scheme with a white base and orange gradient halos or stripes, or a white-orange gradient background. Business cards using this background convey the passion and warmth of winter sports.
[0070] This embodiment demonstrates that the present invention can dynamically and intelligently generate style-matching business card backgrounds in real time based on the merchant's current visual materials, achieving a unity of highly personalized and automated design.
[0071] Another preferred embodiment of the present invention focuses on protecting a more specific color picking and generation method. In the intelligent color picking analysis step S120, the system executes a simplified and efficient strategy: globally analyzes the uploaded image, without performing complex region divisions, and directly calculates the color histogram of all pixels in the entire image (this can be done in a simplified color space, such as quantizing RGB to a smaller range). The most frequently occurring color is identified and defined as the "most important color." For example, in a scenic area image dominated by a green forest, the most important color is likely to be green. In the background color scheme generation step S130, the system simply uses this most important color to directly replace the default background color of the business card template. This method has low computational load and fast response speed, making it suitable for scenarios requiring rapid generation of a basic personalized business card, while also ensuring that the background color of the business card and the merchant's image maintain consistency in the main color tone.
[0072] Another preferred embodiment of the present invention extends the previous embodiment. In the intelligent color analysis step S120, the system not only identifies the most frequent color (the first primary color) but also the second most frequent color (the second primary color). However, not all second primary colors are suitable for pairing with the first primary color. Therefore, the system calculates the hue values of these two colors in the HSL or HSV color space and their angular difference on the color wheel. Only when this angular difference is greater than 120 degrees (i.e., tending towards complementary or split complementary color relationships) are the two colors considered suitable for pairing. For example, in a "desert sunset" image, the deep blue of the sky and the golden yellow of the sand dunes may be the first and second primary colors, respectively, and their hue angle difference is large, making them suitable for pairing. In the background color scheme generation step S130, the system uses this set of complementary / quasi-complementary colors to generate a gradient background pattern from left to right, from center to periphery, or diagonally. This gradient background is more visually appealing and design-oriented than a single solid color background. Furthermore, the system can also apply this gradient color scheme specifically to the title box area of the business card (i.e., the decorative frame where the store's main title is placed), making the title box the visual focus of the business card and harmonizing with the overall background.
[0073] Figure 5 This is an overall architecture diagram of the OTA store business card automatic generation system of the present invention. For example... Figure 5 As shown, the OTA store business card automatic generation system 5 of the present invention includes: Image upload module 51 receives images related to the store uploaded by merchants through the user interface.
[0074] The primary color extraction module 52, in response to the user's selection of the intelligent color picking option, analyzes the store-related images using image processing algorithms to extract at least one primary color tone from the images. Extracting at least one primary color tone includes: dividing the image into multiple regions using a visual saliency detection algorithm, including a subject region, a brand region, and an environment region; and performing color clustering in a predetermined color space within each of the at least one divided region to extract at least one primary color tone within that region.
[0075] The color analysis module 53 generates at least one background color scheme based on at least one primary color extracted in the intelligent color analysis step, and displays it in the user interface.
[0076] Template application module 54 applies the background color scheme selected by the user in the preview display to the corresponding area of the preset store business card template.
[0077] The business card generation module 55 responds to the user's save or download command, generates and outputs a store business card that applies the selected background color scheme.
[0078] In summary, the automatic generation system for OTA store business cards of the present invention can solve the problems of existing OTA store business card templates having a single and fixed background, failing to reflect the characteristics of the merchant, and having low efficiency and poor effect of manual color matching. It can automatically extract colors with a coordinated style from the merchant's image and generate a matching background, which greatly improves the automation level, visual consistency and generation efficiency of business card design, reduces the production cost for merchants, and enhances brand recognition and marketing promotion effect.
[0079] Compared with the prior art, the present invention has the following significant advantages: High degree of automation and efficiency improvement: This invention automatically extracts the main color of an image and generates a background scheme through an intelligent image analysis algorithm, freeing merchants from the complex work of manual color matching and greatly improving the design and generation efficiency of store business cards.
[0080] Professionalism and aesthetics guaranteed: The background scheme, generated based on color theory and image processing algorithms, ensures professional harmony and beauty in color matching, avoids inconsistencies caused by differences in personal aesthetics, and enhances the overall design quality of the business card.
[0081] Enhanced brand consistency: By extracting colors directly from the merchant's store images as design elements, the generated business card background is ensured to maintain a high degree of consistency with the merchant's own visual style (such as store decoration, promotional images, and brand logo), effectively strengthening brand recognition.
[0082] A wide range of personalized options: It supports both simple schemes that extract a single main color and complex schemes such as gradients based on multiple main colors, and provides a variety of preview options to meet the personalized customization needs of different merchants.
[0083] Optimized user experience and readability: The entire process is simple and intuitive, and automatically takes into account the contrast between the background and the text, ensuring that the business card information is clear and readable while achieving personalization, thus improving the end-user experience.
[0084] Significant commercial value: This invention can help OTA platforms improve the professionalism and attractiveness of merchant service tools, reduce the threshold and cost for merchants to create high-quality marketing materials, thereby enhancing platform stickiness and helping merchants achieve better marketing and promotion results.
[0085] This invention also provides an automatic generation device for OTA store business cards, including a processor and a memory storing executable instructions for the processor. The processor is configured to execute the steps of an automatic generation method for OTA store business cards by executing the executable instructions.
[0086] As shown above, the automatic generation device for OTA store business cards of the present invention can solve the problems of existing OTA store business card templates having a single and fixed background, failing to reflect the characteristics of the merchant, and having low efficiency and poor effect of manual color matching. It can automatically extract colors with a coordinated style from the merchant's image and generate a matching background, which greatly improves the automation level, visual consistency and generation efficiency of business card design, reduces the production cost of the merchant, and enhances brand recognition and marketing promotion effect.
[0087] Those skilled in the art will understand that various aspects of the present invention can be implemented as systems, methods, or program products. Therefore, various aspects of the present invention can be specifically implemented in the following forms: a completely hardware implementation, a completely software implementation (including firmware, microcode, etc.), or a combination of hardware and software aspects, collectively referred to herein as a "circuit," "module," or "platform."
[0088] Figure 6 This is a structural schematic diagram of the OTA store business card automatic generation device of the present invention. See below for reference. Figure 6 To describe an electronic device 600 according to this embodiment of the present invention. Figure 6 The electronic device 600 shown is merely an example and should not impose any limitations on the functionality and scope of use of the embodiments of the present invention.
[0089] like Figure 6 As shown, the electronic device 600 is presented in the form of a general-purpose computing device. The components of the electronic device 600 may include, but are not limited to: at least one processing unit 610, at least one storage unit 620, a bus 630 connecting different platform components (including storage unit 620 and processing unit 610), a display unit 640, etc.
[0090] The storage unit stores program code, which can be executed by the processing unit 610 to perform the steps described in the method section of this specification according to various exemplary embodiments of the present invention. For example, the processing unit 610 can perform actions such as... Figure 1 The steps are shown in the figure.
[0091] Storage unit 620 may include readable media in the form of volatile storage units, such as random access memory (RAM) 6201 and / or cache memory 6202, and may further include read-only memory (ROM) 6203.
[0092] Storage unit 620 may also include a program / utility 6204 having a set (at least one) program module 6205, such program module 6205 including but not limited to: operating system, one or more application programs, other program modules and program data, each or some combination of these examples may include an implementation of a network environment.
[0093] Bus 630 can represent one or more of several types of bus structures, including a memory cell bus or memory cell controller, a peripheral bus, a graphics acceleration port, a processing unit, or a local bus using any of the multiple bus structures.
[0094] Electronic device 600 can also communicate with one or more external devices 700 (e.g., keyboard, pointing device, Bluetooth device, etc.), and with one or more devices that enable a user to interact with electronic device 600, and / or with any device that enables electronic device 600 to communicate with one or more other computing devices (e.g., router, modem, etc.). This communication can be performed via input / output (I / O) interface 650. Furthermore, electronic device 600 can also communicate with one or more networks (e.g., local area network (LAN), wide area network (WAN), and / or public networks, such as the Internet) via network adapter 660. Network adapter 660 can communicate with other modules of electronic device 600 via bus 630. It should be understood that, although not shown in the figures, other hardware and / or software modules can be used in conjunction with electronic device 600, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage platforms.
[0095] This invention also provides a computer-readable storage medium for storing a program, which, when executed, implements the steps of an automatic generation method for OTA store business cards. In some possible implementations, various aspects of this invention can also be implemented as a program product comprising program code that, when run on a terminal device, causes the terminal device to perform the steps described in the above-described method section of this specification according to various exemplary embodiments of the invention.
[0096] As shown above, the automatic generation system for OTA store business cards of the present invention can solve the problems of existing OTA store business card templates having a single and fixed background, failing to reflect the characteristics of the merchant, and having low efficiency and poor effect of manual color matching. It can automatically extract colors with a coordinated style from the merchant's image and generate a matching background, which greatly improves the automation level, visual consistency and generation efficiency of business card design, reduces the production cost of the merchant, and enhances brand recognition and marketing promotion effect.
[0097] Figure 7 This is a schematic diagram of the structure of the computer-readable storage medium of the present invention. (Reference) Figure 7 As shown, a program product 800 for implementing the above-described method according to an embodiment of the present invention is described. It may employ a portable compact disc read-only memory (CD-ROM) and include program code, and may run on a terminal device, such as a personal computer. However, the program product of the present invention is not limited thereto. In this document, the readable storage medium may be any tangible medium containing or storing a program that may be used by or in conjunction with an instruction execution system, apparatus, or device.
[0098] The program product may employ any combination of one or more readable media. A readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of readable storage media (a non-exhaustive list) include: electrical connections having one or more wires, portable disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.
[0099] Computer-readable storage media may include data signals propagated in baseband or as part of a carrier wave, carrying readable program code. Such propagated data signals may take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A readable storage medium may also be any readable medium other than a readable storage medium that can transmit, propagate, or transfer a program for use by or in connection with an instruction execution system, apparatus, or device. The program code contained on the readable storage medium may be transmitted using any suitable medium, including but not limited to wireless, wired, optical fiber, RF, etc., or any suitable combination thereof.
[0100] Program code for performing the operations of this invention can be written in any combination of one or more programming languages, including object-oriented programming languages such as Java and C++, and conventional procedural programming languages such as C or similar languages. The program code can execute entirely on the user's computing device, partially on the user's device, as a standalone software package, partially on the user's computing device and partially on a remote computing device, or entirely on a remote computing device or server. In cases involving remote computing devices, the remote computing device can be connected to the user's computing device via any type of network, including a local area network (LAN) or a wide area network (WAN), or it can be connected to an external computing device (e.g., via the Internet using an Internet service provider).
[0101] In summary, the purpose of this invention is to provide an automatic generation method, system, device, and storage medium for OTA store business cards. This invention can solve the problems of existing OTA store business card templates having a single and fixed background, failing to reflect the characteristics of the merchant, and having low efficiency and poor effect from manual color matching. It can automatically extract colors with a coordinated style from the merchant's image and generate a matching background, which greatly improves the automation level, visual consistency, and generation efficiency of business card design, reduces the merchant's production costs, and enhances brand recognition and marketing promotion effects.
[0102] The above description, in conjunction with specific preferred embodiments, provides a further detailed explanation of the present invention. It should not be construed that the specific implementation of the present invention is limited to these descriptions. For those skilled in the art, various simple deductions or substitutions can be made without departing from the concept of the present invention, and all such modifications and substitutions should be considered within the scope of protection of the present invention.
Claims
1. A method for automatically generating OTA store business cards, characterized in that, Includes the following steps: S110. Receive images related to the store uploaded by the merchant through the user interface; S120. In response to the user selecting the intelligent color picking option, the image related to the store is analyzed using an image processing algorithm to extract at least one dominant color tone from the image. The extraction of at least one dominant color tone includes: dividing the image into multiple regions using a visual saliency detection algorithm, including a subject region, a brand region, and an environment region; and performing color clustering in a predetermined color space within each of the at least one divided region to extract at least one dominant color tone within that region. S130. Based on the at least one main color tone extracted in the intelligent color analysis step, at least one background color scheme is generated by applying a preset color theory and previewed in the user interface. S140. Apply the background color scheme selected by the user in the preview to the corresponding area of the preset store business card template; S150: Responding to the user's save or download command, generate and output a store business card with the selected background color scheme applied.
2. The automatic generation method for OTA store business cards as described in claim 1, characterized in that, In step S120, extracting at least one dominant color tone from the image specifically includes: extracting a representative color from the store-related image, wherein the representative color is the color that appears most frequently among all pixels of the image; Step S130 includes: using the representative color as the background color to directly replace the original background color in the store business card template.
3. The automatic generation method for OTA store business cards as described in claim 2, characterized in that, In step S120, extracting at least one dominant color from the image specifically includes: extracting at least two dominant colors from the store-related image, wherein the at least two dominant colors are the two colors that appear most frequently in all pixels of the image, and the angle difference between the two colors on the color wheel is greater than 120 degrees; Step S130 includes: generating a gradient background pattern based on the at least two main colors.
4. The automatic generation method for OTA store business cards as described in claim 3, characterized in that, Step S140 includes, The background color scheme selected by the user in the preview is applied to the background pattern and title box background pattern that make up the store business card template.
5. The method for automatically generating OTA store business cards as described in claim 1, characterized in that, In step S130, the clustering algorithm used is the K-means++ algorithm, and the predetermined color space is the LAB color space.
6. The method for automatically generating OTA store business cards as described in claim 1, characterized in that, In step S130, the extracted main color tone is adjusted in hue, specifically by adjusting the extracted color to a neighboring harmonious hue at a predetermined angle.
7. The method for automatically generating OTA store business cards as described in claim 1, characterized in that, The preset color theory includes at least one of complementary colors, analogous colors, and triadic color schemes.
8. An automatic generation system for OTA store business cards, used to implement the automatic generation method for OTA store business cards as described in claim 1, characterized in that, include: The image upload module receives images related to the store uploaded by merchants through the user interface; The primary color extraction module, in response to the user's selection of the intelligent color picking option, analyzes the store-related images using image processing algorithms to extract at least one primary color tone from the images. The extraction of at least one primary color tone includes: dividing the image into multiple regions using a visual saliency detection algorithm, including a subject region, a brand region, and an environment region; and performing color clustering in a predetermined color space within each of the at least one divided region to extract at least one primary color tone within that region. The color analysis module generates at least one background color scheme based on the at least one main color extracted in the intelligent color analysis step, and displays it in the user interface. The template application module applies the background color scheme selected by the user in the preview to the corresponding area of the preset store business card template; The business card generation module responds to user save or download commands, generating and outputting store business cards with the selected background color scheme applied.
9. An automatic generation device for OTA store business cards, characterized in that, include: processor; A memory in which executable instructions of the processor are stored; The processor is configured to perform the steps of the automatic generation method for OTA store business cards according to any one of claims 1 to 7 by executing the executable instructions.
10. A computer-readable storage medium for storing a program, characterized in that, When the program is executed by the processor, it implements the steps of the automatic generation method for OTA store business cards according to any one of claims 1 to 7.