Clothing matching method and device, medium, electronic equipment and program product
By generating matching cards and navigation cards, the system displays clothing matching schemes and styles, solving the problem that users cannot intuitively perceive the matching effect when waiting for their orders to be received, and improving the efficiency of users' shopping.
Patent Information
- Application Number
- CN202511039826.3
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2025-07-25
- Publication Date
- 2025-11-11
AI Technical Summary
Users often find it difficult to intuitively perceive the effect of clothing combinations when waiting for orders to be received, and existing technologies cannot effectively display the effect of combinations.
By acquiring clothing matching schemes, matching cards and navigation cards are generated in the interface. The matching cards include virtual character image try-on effect pictures, and the navigation cards include matching style tags and effect pictures, showing different matching schemes and styles, so that users can intuitively feel the matching effect.
It improves the efficiency of user shopping, allowing users to intuitively experience the effect of matching outfits and quickly understand and search for related matching styles and individual items.
Smart Images

Figure CN120931363A_ABST
Abstract
Description
Technical Field
[0001] This disclosure relates to the field of artificial intelligence technology, specifically to a method, apparatus, medium, electronic device, and program product for matching clothing. Background Technology
[0002] With the rapid development of the social economy and the continuous improvement of people's living standards, the variety and styles of clothing products have become extremely rich and complex, and the changes are also very rapid. Users' aesthetic requirements for clothing are becoming more and more diversified, which has given rise to the demand for clothing matching.
[0003] In scenarios where users are searching for outfit combinations while waiting for orders to be received, the current approach directly recommends related items to match their purchased goods, making it difficult for users to intuitively perceive the overall effect of the combination. For example... Figure 1 As shown, when a user purchases a hat online, the system can push various items to match the hat on the "Pending Delivery" screen. The user can then click on an item to enter... Figure 2 The image search results page shown displays multiple items that can be paired with the hat purchased by the user, such as masks, glasses, and earmuffs. Summary of the Invention
[0004] This summary section is provided to briefly introduce the concepts, which will be described in detail in the detailed description section below. This summary section is not intended to identify key or essential features of the claimed technical solution, nor is it intended to limit the scope of the claimed technical solution.
[0005] In a first aspect, this disclosure provides a method for matching clothing, comprising: obtaining at least one matching scheme for a first garment, wherein the matching scheme includes the first garment and at least one matching item that matches the first garment; generating and displaying matching cards corresponding to each of the at least one matching scheme in a first area of a first interface; and generating and displaying navigation cards for at least one matching style corresponding to the at least one matching scheme in a second area of the first interface, wherein the matching card includes a matching effect image of a virtual character trying on the corresponding matching scheme, and the navigation card includes a first tag and a first matching effect image of the matching style, wherein the first matching effect image is one of the matching effect images of the matching style.
[0006] Secondly, this disclosure provides an outfit matching device, comprising: an acquisition module, configured to acquire at least one matching scheme of a first outfit, wherein the matching scheme includes the first outfit and at least one matching item that matches the first outfit; and a first display module, configured to generate and display matching cards corresponding to each of the at least one matching scheme in a first area of a first interface, and to generate and display navigation cards for at least one matching style corresponding to the at least one matching scheme in a second area of the first interface, wherein the matching card includes a matching effect image of a virtual character trying on the corresponding matching scheme, and the navigation card includes a first label and a first matching effect image of the matching style, wherein the first matching effect image is one of the matching effect images of the matching style.
[0007] Thirdly, this disclosure provides a computer-readable medium having a computer program stored thereon, which, when executed by a processing device, implements the steps of the clothing matching method provided in the first aspect of this disclosure.
[0008] Fourthly, this disclosure provides an electronic device, comprising: a storage device having a computer program stored thereon; and a processing device for executing the computer program in the storage device to implement the steps of the clothing matching method provided in the first aspect of this disclosure.
[0009] Fifthly, this disclosure provides a computer program product, including a computer program that, when executed by a processor, implements the steps of the clothing matching method provided in the first aspect of this disclosure.
[0010] In the above technical solution, at least one matching scheme for the first garment is first obtained, wherein the matching scheme includes the first garment and at least one matching item paired with the first garment; then, matching cards corresponding to each matching scheme of the first garment are generated and displayed in the first area of the first interface, and navigation cards for at least one matching style corresponding to the at least one matching scheme are generated and displayed in the second area of the first interface. The matching card includes a matching effect image of a virtual character trying on the corresponding matching scheme, and the navigation card includes a first tag for the matching style and a first matching effect image, wherein the first matching effect image is one of the matching effect images for the matching style. This allows for the generation of images showing the first garment and different matching items, enabling users to intuitively understand the matching effect and improving their purchasing efficiency. In addition to displaying matching cards for different matching schemes on the first interface, navigation cards for different matching styles corresponding to the matching schemes can also be displayed simultaneously in the second area of the first interface, allowing users to quickly understand the corresponding matching styles and quickly search for related matching options by clicking on the corresponding style's navigation card.
[0011] Other features and advantages of this disclosure will be described in detail in the following detailed description section. Attached Figure Description
[0012] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. Throughout the drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic, and the originals and elements are not necessarily drawn to scale. In the drawings:
[0013] Figure 1 This is a schematic diagram of the pending receipt interface in related technologies.
[0014] Figure 2 This is a schematic diagram of the image search results page in related technologies.
[0015] Figure 3 This is a flowchart illustrating a method for matching clothing according to an exemplary embodiment.
[0016] Figure 4 This is a schematic diagram illustrating a first interface according to an exemplary embodiment.
[0017] Figure 5 This is a schematic diagram illustrating a first interface according to another exemplary embodiment.
[0018] Figure 6 This is a schematic diagram illustrating a navigation card according to an exemplary embodiment.
[0019] Figure 7 This is a frame diagram of a navigation card according to an exemplary embodiment.
[0020] Figure 8 This is a frame diagram illustrating a matching card according to an exemplary embodiment.
[0021] Figure 9 This is a schematic diagram illustrating a matching card according to an exemplary embodiment.
[0022] Figure 10 This is a schematic diagram illustrating a matching card according to another exemplary embodiment.
[0023] Figure 11 This is a schematic diagram illustrating a matching card according to yet another exemplary embodiment.
[0024] Figure 12 This is a schematic diagram illustrating a matching card according to yet another exemplary embodiment.
[0025] Figure 13 This is a frame diagram of a matching card according to another exemplary embodiment.
[0026] Figure 14 This is a schematic diagram illustrating a matching card according to yet another exemplary embodiment.
[0027] Figure 15 This is a schematic diagram illustrating a second interface according to an exemplary embodiment.
[0028] Figure 16 This is an interaction diagram illustrating a clothing matching method according to an exemplary embodiment.
[0029] Figure 17 This is a schematic diagram illustrating the addition of a style recommendation card to a first area of a first interface, according to an exemplary embodiment.
[0030] Figure 18 This is a framework diagram illustrating a style recommendation card according to an exemplary embodiment.
[0031] Figure 19 This is a schematic diagram illustrating a secondary search results page according to an exemplary embodiment.
[0032] Figure 20 This is a schematic diagram illustrating a search intermediate state according to an exemplary embodiment.
[0033] Figure 21 This is a schematic diagram illustrating the sliding interaction of a navigation card according to an exemplary embodiment.
[0034] Figure 22 This is a schematic diagram illustrating a third interface according to an exemplary embodiment.
[0035] Figure 23 This is an interactive schematic diagram illustrating a content browsing page according to an exemplary embodiment.
[0036] Figure 24 This is a block diagram illustrating an outfit matching device according to an exemplary embodiment.
[0037] Figure 25 This is a schematic diagram of the structure of an electronic device according to an exemplary embodiment. Detailed Implementation
[0038] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.
[0039] It should be understood that the steps described in the method embodiments of this disclosure may be performed in different orders and / or in parallel. Furthermore, the method embodiments may include additional steps and / or omit the steps shown. The scope of this disclosure is not limited in this respect.
[0040] The term "comprising" and its variations as used herein are open-ended inclusions, meaning "including but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Definitions of other terms will be given in the description below.
[0041] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are used only to distinguish different devices, modules or units, and are not used to limit the order of functions performed by these devices, modules or units or their interdependencies.
[0042] It should be noted that the terms "a" and "a plurality of" used in this disclosure are illustrative rather than restrictive, and those skilled in the art should understand that, unless otherwise expressly indicated in the context, they should be understood as "one or more".
[0043] The names of messages or information exchanged between multiple devices in the embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.
[0044] It is understood that before using the technical solutions disclosed in the various embodiments of this disclosure, users should be informed of the types, scope of use, and usage scenarios of the personal information involved in this disclosure in an appropriate manner in accordance with relevant laws and regulations, and user authorization should be obtained.
[0045] For example, upon receiving a user's active request, a prompt message is sent to the user to explicitly inform them that the requested operation will require the acquisition and use of the user's personal information. This allows the user to independently choose whether to provide personal information to the software or hardware, such as the electronic device, application, server, or storage medium performing the operations of this disclosed technical solution, based on the prompt message.
[0046] As an optional but non-limiting implementation, in response to a user's active request, sending a prompt message to the user can be done via a pop-up window, where the prompt message can be presented in text format. Furthermore, the pop-up window can also include a selection control allowing the user to choose "agree" or "disagree" to provide personal information to the electronic device.
[0047] It is understood that the above notification and user authorization process are merely illustrative and do not constitute a limitation on the implementation of this disclosure. Other methods that comply with relevant laws and regulations may also be applied to the implementation of this disclosure.
[0048] Meanwhile, it is understood that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) shall comply with the requirements of relevant laws, regulations and related provisions.
[0049] Figure 3 This is a flowchart illustrating a clothing matching method according to an exemplary embodiment. Figure 3 As shown, the clothing matching method may include the following S101 and S102.
[0050] In S101, at least one matching scheme for the first garment is obtained, wherein the matching scheme includes the first garment and at least one matching item that matches the first garment.
[0051] In this disclosure, the first garment can be, for example, a suit, hat, glasses, skirt, shoes, and other various garments; this disclosure does not make any specific limitation.
[0052] Alternatively, a large model can be used to obtain one or more matching items that are paired with the first garment based on the attribute information of the first garment. Then, based on these matching items, at least one matching scheme for the first garment can be generated. The matching scheme includes the first garment and one or more matching items that are paired with the first garment.
[0053] For example, the first garment is a suit, which can be paired with a long skirt, necklace, or other matching items to create a matching scheme, or it can be paired with underwear and shorts to create a matching scheme.
[0054] In S102, a matching card corresponding to each matching scheme in at least one matching scheme is generated and displayed in the first area of the first interface, and a navigation card corresponding to at least one matching style is generated and displayed in the second area of the first interface. The matching card includes a matching effect picture of a virtual character trying on the corresponding matching scheme.
[0055] After obtaining at least one outfit combination scheme for the first outfit, a matching card corresponding to each of the at least one outfit combination scheme can be generated using a large model and displayed. Figure 4 and Figure 5 In the first region 31 of the first interface shown. Figure 4 and Figure 5As shown, the matching card corresponding to the matching scheme may include a matching effect image of a virtual character trying on the matching scheme. Different matching schemes may use the same virtual character or different virtual characters; this disclosure does not impose specific limitations. Preferably, a matching virtual character can be selected according to the matching scheme to reflect the best matching effect.
[0056] In addition to displaying different combination cards on the first screen, such as Figure 6 As shown, the second area 33 of the first interface can also display navigation cards for different matching styles corresponding to the matching scheme, making it easy for users to quickly understand the corresponding matching styles and quickly search for related matching by clicking on the corresponding style navigation card.
[0057] like Figure 6 and Figure 7 As shown, the navigation card may include a first label for a style and a first style effect image, where the first style effect image is one of the style effect images corresponding to the navigation card's style. The first label for the style may include the name of the style and a description of the style. The description of the style may be, for example,... Figure 6 The terms "high-end, gender-neutral" and "fatally attractive professional aesthetics" are shown.
[0058] In the above technical solution, at least one matching scheme for the first garment is first obtained, wherein the matching scheme includes the first garment and at least one matching item paired with the first garment; then, matching cards corresponding to each matching scheme of the first garment are generated and displayed in the first area of the first interface, and navigation cards for at least one matching style corresponding to the at least one matching scheme are generated and displayed in the second area of the first interface. The matching card includes a matching effect image of a virtual character trying on the corresponding matching scheme, and the navigation card includes a first tag for the matching style and a first matching effect image, wherein the first matching effect image is one of the matching effect images for the matching style. This allows for the generation of images showing the first garment and different matching items, enabling users to intuitively understand the matching effect and improving their purchasing efficiency. In addition to displaying matching cards for different matching schemes on the first interface, navigation cards for different matching styles corresponding to the matching schemes can also be displayed simultaneously in the second area of the first interface, allowing users to quickly understand the corresponding matching styles and quickly search for related matching options by clicking on the corresponding style's navigation card.
[0059] In one possible implementation, the aforementioned matching card, in addition to including matching effect diagrams, may also include at least one of the following:
[0060] Guidance information for at least one item in the corresponding outfit combination;
[0061] Matching tags for corresponding combinations.
[0062] In this disclosure, the guiding information for paired items is used to characterize relevant information about the paired items, such as... Figure 4 , Figure 5 , Figures 8 to 14 As shown, the guiding information for individual items can include images, categories, prices, and links to similar items in image search. The matching tags for corresponding outfit schemes can include highlight tags and / or style tags. Highlight tags characterize the effect of combining the first garment and its matching items in the outfit scheme, i.e., the selling point, such as... Figure 4 The examples shown include phrases like "Exquisite Elite Aura," "Secrets to Looking Taller and Slimmer," and "Cheat-like Leg-Lengthening Techniques." Style tags are used to characterize the style of corresponding outfit combinations, such as... Figure 4 The styles shown include "professional style" and "academic style".
[0063] In the above implementation, in addition to intuitively experiencing the effects of different matching schemes, users can also learn about the relevant information of the matching items in different matching schemes, the style and selling points of the matching schemes, etc., which makes it easier for users to quickly select a matching scheme that suits them.
[0064] Additionally, when the outfit is a same-store combination, meaning the first garment and its matching items belong to the same store, such as... Figure 8 and Figure 10 As shown, the aforementioned bundled cards can also include in-store bundled promotions and corresponding marketing offers, such as "Instant discount of * yuan".
[0065] Additionally, the matching cards in the first area mentioned above can be as follows: Figure 4 , Figures 8 to 12 The double-column combination of small cards shown can also be Figure 5 , Figure 13 as well as Figure 14 The example shown is a single-column arrangement of large cards. The smaller cards can be... Figure 9 The example shown is a pure matching item card. In this case, the search scope for matching items for the first outfit is all clothing items in the entire store. Matching cards can also be... Figure 10 The "Same Store Items" card shown indicates that the search scope for matching items for "First Apparel" is limited to all clothing items within the same store. The matching card can also be... Figure 11 The image / buyer show matching cards shown can be created by aggregating multiple image / buyer show content. The matching cards can also be... Figure 12 The video combination card shown can be created by aggregating multiple video contents.
[0066] In one possible implementation, the above-mentioned clothing matching method may further include the following steps:
[0067] In response to the detection of entering the second interface, a matching search guide for the first garment is generated and displayed in the third area of the second interface, wherein the matching search guide includes at least one matching style corresponding to at least one matching scheme.
[0068] In response to detecting a trigger operation for matching search guidance information, the step of generating and displaying matching cards corresponding to each matching scheme in at least one matching scheme in the first area of the first interface is performed.
[0069] In this disclosure, the second interface may be, for example, the pending receipt interface of the first apparel, the browsing interface of the first apparel, or the order placement interface of the first apparel.
[0070] like Figure 15 As shown, upon entering the second interface, the third area 32 of the second interface can generate and display matching search guidance information for the first garment. This matching search guidance information includes at least one matching scheme for the first garment and at least one matching style, such as... Figure 15 As shown, the search guidance information includes four different styling options for a suit (i.e., the first garment); then, as... Figure 16 As shown, users can jump to the first interface by clicking on the matching search guidance information in the third area, so as to generate and display matching cards corresponding to each matching scheme in at least one matching scheme in the first area of the first interface.
[0071] After obtaining one or more outfit combinations for the first garment, information such as the matching style, attributes, and selling points of the individual items in the matching combination can be aggregated through a large model to generate at least one matching style.
[0072] In one possible implementation, the above-mentioned clothing matching method may further include the following steps:
[0073] Add a style recommendation card to the first area, which includes a guide to the user's preferred style.
[0074] In this disclosure, a user's preferred style can be determined based on their click behavior on at least one matching card in the first area. For example... Figure 16 As shown, upon entering the first interface, there is no similar product activity, meaning no user clicks. At this point, users can click on matching cards that interest them on the first interface to learn about outfit combinations. Subsequently, based on user click behavior, the system can aggregate and determine the user's preferred styles, and add style recommendation cards (such as...) to the first area. Figure 16 and Figure 17 As shown). Figures 16 to 18As shown, a style recommendation card can include a preferred style (i.e., a style matching title), a link to the preferred style, and a corresponding recommendation card genre tag, such as... Figure 16 and Figure 17 The recommendation card style label shown is "Personalized Recommendations for You".
[0075] In this implementation, the user's preferred style is generated in a personalized way based on the user's click behavior, and a guide jump entry for the preferred style is added in the first area to guide the user to view more interesting combinations through the entry, so that the user can make a quick purchase.
[0076] In one possible implementation, the above-mentioned clothing matching method may further include the following two steps:
[0077] In response to the detection of a first click on the style recommendation card, the preferred style is expanded to the search box on the first screen;
[0078] Update the content displayed in the first area to match cards with your preferred style.
[0079] In this disclosure, such as Figure 16 As shown, users can click on the style recommendation cards in the first area of the first interface to view more outfits that interest them. At this time, the content displayed in the first area will be updated to outfit cards with the user's preferred style, thus providing the desired outfit. Figure 19 The secondary search results page shown.
[0080] After detecting the first click on the style recommendation card, the first screen will enter... Figure 20 In the intermediate search state shown, the first area moves upward and expands the search box in the first interface. Before expansion, the search box is filled with attribute information of the first garment (e.g., "suit"). The preferred style is then extended to the search box in the first interface, resulting in... Figure 19 The search box shown is for "suit + professional-style bottoms".
[0081] In the above implementation, users can learn about the matching card search strategy through the expanded search box, and view more matching options that interest them by clicking on the style recommendation card.
[0082] In one possible implementation, such as Figure 6 and Figure 21 As shown, at least one outfit combination corresponds to multiple matching styles, with navigation cards for each style arranged adjacent to each other. The second area is used to simultaneously display some of the navigation cards. In this case, the above outfit matching method may also include the following steps:
[0083] In response to the detection of a first operation targeting the second area, multiple navigation cards with different styles are controlled to move synchronously according to the first operation, so as to switch the navigation card displayed in the second area.
[0084] In this disclosure, the first operation mentioned above can be, for example, a swiping operation. When there are many matching styles corresponding to the first clothing matching scheme, due to the limited space in the second area, only a portion of the matching style navigation cards may be displayed at a time. In this case, such as Figure 21 As shown, users can switch the content displayed in the second area by applying a first action to the second area, making it easier to browse various matching style information. The navigation cards corresponding to multiple matching styles for the first clothing matching scheme can be arranged adjacently, such as... Figure 21 The lateral adjacency arrangement shown allows navigation cards to be moved into or out of the second area during the first operation.
[0085] In one possible implementation, the above-mentioned clothing matching method may further include the following steps:
[0086] Expand the first navigation card to display the first combination effect image and combination information.
[0087] In this disclosure, the first navigation card is the navigation card that is closest to the preset boundary of the second area among the navigation cards currently fully displayed in the second area.
[0088] For example, the preset boundary can be the leftmost boundary of the second region. Figure 6 In the second area 33 shown, the navigation card closest to the leftmost boundary of the currently fully displayed navigation cards is the navigation card corresponding to the workplace theme. At this point, it can be expanded as follows: Figure 6 The first combination effect diagram 37 and combination information 38 are shown.
[0089] like Figure 6 , Figure 7 as well as Figure 21 As shown, the styling information 38 may include a first tag for the styling style, such as the name of the styling style (e.g., styling style 1) and a description of the styling style. The styling information 38 may also include an image of at least one item from the first styling illustration, such as... Figure 7 The items shown Figure 1 Single item Figure 2 and individual items Figure 3 .
[0090] In the above implementation, during the sliding of the navigation card, the navigation card in the core position of the second area can be unfolded and displayed, making it easier for users to understand the corresponding matching style and matching items.
[0091] In one possible implementation, the above-mentioned clothing matching method may further include the following steps:
[0092] In response to detecting a second operation targeting any navigation card in the second area, the first matching style is expanded into the search box of the first interface, wherein the first matching style is the matching style corresponding to the navigation card selected in the second operation, and the content filled in the search box before expansion is the attribute information of the first garment;
[0093] Update the display content in the first area to the matching cards of the first matching style.
[0094] In this disclosure, the second operation can be, for example, a click operation, such as... Figure 16 As shown, users can click on the navigation cards in the second area of the first interface to view more outfit combinations that interest them. At this time, the content displayed in the first area will be updated to the outfit cards with the user's preferred style. Figure 19 The secondary search results page shown.
[0095] In this implementation, users can quickly search for related matching products by selecting the corresponding style navigation card.
[0096] In one possible implementation, the above-mentioned clothing matching method further includes the following steps:
[0097] In response to the detection of a third operation targeting any pairing card in the first area, the system jumps to the third interface and enlarges the display of the first pairing card in the fourth area of the third interface, wherein the first pairing card is the pairing card selected by the third operation.
[0098] In this disclosure, the third operation can be, for example, a click operation, such as... Figure 16 As shown, users can click on any styling card in the first area to zoom in on the corresponding styling card, thus entering the styling content browsing page for that card (referred to as the styling inner flow), allowing users to view more styling effects and details. Upon detecting a request for any styling card in the first area, the user can be redirected to... Figure 22 The third interface shown is the content browsing page, and the fourth area 34 of the third interface enlarges to display the matching card selected by the user.
[0099] In one possible implementation, the above-mentioned clothing matching method may further include the following steps:
[0100] The fifth area of the third interface displays guidance information for at least one item in the first outfit card.
[0101] In this disclosure, in addition to enlarging and displaying the matching cards on the third interface, such as Figure 22As shown, the fifth area 35 of the third interface can also be expanded to display guidance information for at least one item in the first matching card, making it easier for users to browse the details of the corresponding matching items in the first matching card.
[0102] In one possible implementation, the first matching card may further include at least one anchor point for a matching item; in this case, the clothing matching method may further include the following steps:
[0103] In response to the detection of a second click operation targeting any anchor point in the first outfit card, the link information of the outfit item corresponding to the anchor point operated by the second click operation is simultaneously displayed in the fifth area.
[0104] like Figure 16 , Figure 22 as well as Figure 23 As shown, anchor points 36 can be marked on the matching cards for the matching items. This way, users can click on the anchor points to automatically expand the corresponding link information of the matching items, making it easier for users to browse the details of the matching items and place an order through the link information.
[0105] In one possible implementation, the above-mentioned clothing matching method may further include the following steps:
[0106] In response to the detection of a swipe operation on the third interface, the second matching card is enlarged and displayed on the third interface, wherein the second matching card is a matching card with the same matching style as the first matching card among at least one matching card.
[0107] like Figure 23 As shown, users can quickly browse other outfits of the same style by swiping up and down on the third interface.
[0108] Figure 24 This is a block diagram illustrating an outfit matching device according to an exemplary embodiment. Figure 24 As shown, the clothing matching device 300 includes: an acquisition module 301, used to acquire at least one matching scheme for a first garment, wherein the matching scheme includes the first garment and at least one matching item that matches the first garment; and a first display module 302, used to generate and display matching cards corresponding to each of the at least one matching scheme in a first area of a first interface, and to generate and display navigation cards for at least one matching style corresponding to the at least one matching scheme in a second area of the first interface, wherein the matching card includes a matching effect image of a virtual character trying on the corresponding matching scheme, and the navigation card includes a first label and a first matching effect image of the matching style, wherein the first matching effect image is one of the matching effect images of the matching style.
[0109] In the above technical solution, at least one matching scheme for the first garment is first obtained, wherein the matching scheme includes the first garment and at least one matching item paired with the first garment; then, matching cards corresponding to each matching scheme of the first garment are generated and displayed in the first area of the first interface, and navigation cards for at least one matching style corresponding to the at least one matching scheme are generated and displayed in the second area of the first interface. The matching card includes a matching effect image of a virtual character trying on the corresponding matching scheme, and the navigation card includes a first tag for the matching style and a first matching effect image, wherein the first matching effect image is one of the matching effect images for the matching style. This allows for the generation of images showing the first garment and different matching items, enabling users to intuitively understand the matching effect and improving their purchasing efficiency. In addition to displaying matching cards for different matching schemes on the first interface, navigation cards for different matching styles corresponding to the matching schemes can also be displayed simultaneously in the second area of the first interface, allowing users to quickly understand the corresponding matching styles and quickly search for related matching options by clicking on the corresponding style's navigation card.
[0110] Optionally, the styling card may further include at least one of the following: guiding information for at least one of the styling items in the corresponding styling scheme; and styling tags for the corresponding styling scheme.
[0111] Optionally, the clothing matching device 300 further includes: a second display module, configured to generate and display matching search guidance information for the first clothing in a third area of the second interface in response to detecting entry into the second interface, wherein the matching search guidance information includes at least one matching style corresponding to the at least one matching scheme; and a trigger module, configured to trigger the first display module 302 to generate and display matching cards corresponding to each of the at least one matching scheme in a first area of the first interface in response to detecting a trigger operation on the matching search guidance information.
[0112] Optionally, the second interface is the pending delivery interface for the first garment.
[0113] Optionally, the clothing matching device 300 further includes an adding module for adding style recommendation cards in the first area, wherein the style recommendation card includes a guide jump entry for the user's preferred style.
[0114] Optionally, the clothing matching device 300 further includes: a first search box expansion module, used to expand the preferred style into the search box of the first interface in response to detecting a first click operation on the style recommendation card, wherein the content filled in the search box before expansion is the attribute information of the first clothing; and a first update module, used to update the display content of the first area to the matching card of the preferred style.
[0115] Optionally, the at least one matching scheme corresponds to multiple matching styles, and the navigation cards of the multiple matching styles are arranged adjacent to each other. The second area is used to synchronously display some of the navigation cards. The clothing matching device 300 further includes: a control module, which is used to respond to the detection of a first operation on the second area, and according to the first operation, control the navigation cards of the multiple matching styles to move synchronously to switch the navigation cards displayed in the second area.
[0116] Optionally, the first display module 302 is further configured to expand and display the first navigation card as the first matching effect picture and matching information, wherein the first navigation card is the navigation card closest to the preset boundary of the second area among the navigation cards currently fully displayed in the second area, and the matching information includes the first label of the matching style and the image of at least one matching item in the first matching effect picture.
[0117] Optionally, the clothing matching device 300 further includes: a second search box expansion module, configured to expand a first matching style into the search box of the first interface in response to detecting a second operation on any of the navigation cards in the second area, wherein the first matching style is the matching style corresponding to the navigation card selected in the second operation, and the content filled in the search box before expansion is the attribute information of the first clothing; and a second update module, configured to update the display content of the first area to the matching card of the first matching style.
[0118] Optionally, the clothing matching device 300 further includes: a jump module, used to jump to a third interface in response to detecting a third operation on any of the matching cards in the first area, and to enlarge and display the first matching card in a fourth area of the third interface, wherein the first matching card is the matching card selected by the third operation.
[0119] Optionally, the clothing matching device 300 further includes a third display module for displaying guidance information of at least one of the matching items in the first matching card in the fifth area of the third interface.
[0120] Optionally, the first pairing card further includes at least one anchor point of the paired item; the third display module is also configured to, in response to detecting a second click operation on any of the anchor points in the first pairing card, synchronously display the link information of the paired item corresponding to the anchor point operated by the second click operation in the fifth area.
[0121] Optionally, the third display module is further configured to, in response to detecting a swipe operation on the third interface, enlarge and display a second matching card on the third interface, wherein the second matching card is the matching card among the at least one matching cards that has the same matching style as the first matching card.
[0122] This disclosure also provides a computer-readable medium having a computer program stored thereon, which, when executed by a processing device, implements the steps of the above-described clothing matching method provided in this disclosure.
[0123] This disclosure also provides a computer program product, including a computer program that, when executed by a processor, implements the steps of the above-described clothing matching method provided in this disclosure.
[0124] The following is for reference. Figure 25 The diagram illustrates a structural schematic of an electronic device (e.g., a terminal device or a server) 600 suitable for implementing embodiments of the present disclosure. The terminal device in the embodiments of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptops, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital TVs and desktop computers. Figure 25 The electronic device shown is merely an example and should not be construed as limiting the functionality and scope of the embodiments disclosed herein.
[0125] like Figure 25 As shown, electronic device 600 may include a processing device (e.g., a central processing unit, a graphics processor, etc.) 601, which can perform various appropriate actions and processes according to a program stored in read-only memory (ROM) 602 or a program loaded from storage device 608 into random access memory (RAM) 603. RAM 603 also stores various programs and data required for the operation of electronic device 600. Processing device 601, ROM 602, and RAM 603 are interconnected via bus 604. Input / output (I / O) interface 605 is also connected to bus 604.
[0126] Typically, the following devices can be connected to I / O interface 605: input devices 606 including, for example, touchscreens, touchpads, keyboards, mice, cameras, microphones, accelerometers, gyroscopes, etc.; output devices 607 including, for example, liquid crystal displays (LCDs), speakers, vibrators, etc.; storage devices 608 including, for example, magnetic tapes, hard disks, etc.; and communication devices 609. Communication device 609 allows electronic device 600 to communicate wirelessly or wiredly with other devices to exchange data. Although Figure 25An electronic device 600 with various devices is shown; however, it should be understood that it is not required to implement or possess all of the devices shown. More or fewer devices may be implemented or possessed alternatively.
[0127] In particular, according to embodiments of this disclosure, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, embodiments of this disclosure include a computer program product comprising a computer program carried on a non-transitory computer-readable medium, the computer program containing program code for performing the methods shown in the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network via a communication device 609, or installed from a storage device 608, or installed from a ROM 602. When the computer program is executed by the processing device 601, it performs the functions defined in the methods of embodiments of this disclosure.
[0128] It should be noted that the computer-readable medium described in this disclosure can be a computer-readable signal medium or a computer-readable storage medium, or any combination thereof. A computer-readable storage medium can 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 a computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard disk, 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 device, magnetic storage device, or any suitable combination thereof. In this disclosure, a computer-readable storage medium can be any tangible medium containing or storing a program that can be used by or in connection with an instruction execution system, apparatus, or device. In this disclosure, a computer-readable signal medium can include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated data signals can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A computer-readable signal medium can be any computer-readable medium other than a computer-readable storage medium, which can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted using any suitable medium, including but not limited to: wires, optical fibers, RF (radio frequency), etc., or any suitable combination thereof.
[0129] In some implementations, clients and servers can communicate using any currently known or future-developed network protocol such as HTTP (Hypertext Transfer Protocol) and can interconnect with digital data communication (e.g., communication networks) of any form or medium. Examples of communication networks include local area networks (“LANs”), wide area networks (“WANs”), the Internet (e.g., the Internet of Things), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future-developed networks.
[0130] The aforementioned computer-readable medium may be included in the aforementioned electronic device; or it may exist independently and not assembled into the electronic device.
[0131] The aforementioned computer-readable medium carries one or more programs that, when executed by the electronic device, cause the electronic device to: acquire at least one matching scheme for a first garment, wherein the matching scheme includes the first garment and at least one matching item that matches the first garment; generate and display matching cards corresponding to each of the at least one matching scheme in a first area of a first interface; and generate and display navigation cards for at least one matching style corresponding to the at least one matching scheme in a second area of the first interface, wherein the matching card includes a matching effect image of a virtual character trying on the corresponding matching scheme, and the navigation card includes a first label and a first matching effect image of the matching style, wherein the first matching effect image is one of the matching effect images of the matching style.
[0132] Computer program code for performing the operations of this disclosure can be written in one or more programming languages or a combination thereof, including but not limited to object-oriented programming languages such as Java, Smalltalk, and C++, as well as conventional procedural programming languages such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network—including a local area network (LAN) or a wide area network (WAN)—or can be connected to an external computer (e.g., via the Internet using an Internet service provider).
[0133] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of this disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of code containing one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutively indicated blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented using a dedicated hardware-based system that performs the specified function or operation, or using a combination of dedicated hardware and computer instructions.
[0134] The modules described in the embodiments of this disclosure can be implemented in software or in hardware. The names of the modules are not necessarily limiting in certain circumstances; for example, an acquisition module can also be described as "a module for acquiring at least one matching scheme for a first garment".
[0135] The functions described above in this document can be performed, at least in part, by one or more hardware logic components. For example, exemplary types of hardware logic components that can be used, without limitation, include: Field Programmable Gate Arrays (FPGAs), Application-Specific Integrated Circuits (ASICs), Application Standard Products (ASSPs), System-on-Chip (SoCs), Complex Programmable Logic Devices (CPLDs), and so on.
[0136] In the context of this disclosure, a machine-readable medium can be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can be, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of machine-readable storage media include electrical connections based on one or more wires, portable computer 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 of the foregoing.
[0137] According to one or more embodiments of this disclosure, Example 1 provides a clothing matching method, including: obtaining at least one matching scheme for a first garment, wherein the matching scheme includes the first garment and at least one matching item that matches the first garment; generating and displaying matching cards corresponding to each of the at least one matching scheme in a first area of a first interface; and generating and displaying navigation cards for at least one matching style corresponding to the at least one matching scheme in a second area of the first interface, wherein the matching card includes a matching effect image of a virtual character trying on the corresponding matching scheme, and the navigation card includes a first label and a first matching effect image of the matching style, wherein the first matching effect image is one of the matching effect images of the matching style.
[0138] According to one or more embodiments of this disclosure, Example 2 provides the clothing matching method of Example 1, wherein the matching card further includes at least one of the following: guidance information of at least one of the matching items in the corresponding matching scheme; and matching tags of the corresponding matching scheme.
[0139] According to one or more embodiments of this disclosure, Example 3 provides the clothing matching method of Example 1, the clothing matching method further includes: in response to detecting entry into a second interface, generating and displaying matching search guidance information for the first clothing in a third area of the second interface, wherein the matching search guidance information includes at least one matching style corresponding to the at least one matching scheme; in response to detecting a trigger operation for the matching search guidance information, performing the step of generating and displaying matching cards corresponding to each of the at least one matching scheme in a first area of the first interface.
[0140] According to one or more embodiments of this disclosure, Example 4 provides the clothing matching method of Example 3, wherein the second interface is the pending receipt interface of the first clothing.
[0141] According to one or more embodiments of this disclosure, Example 5 provides the clothing matching method of Example 1, the clothing matching method further comprising: adding a style recommendation card in the first area, wherein the style recommendation card includes a guide jump entry for the user's preferred style.
[0142] According to one or more embodiments of this disclosure, Example 6 provides the clothing matching method of Example 5, the clothing matching method further comprising: in response to detecting a first click operation on the style recommendation card, expanding the preferred style to the search box of the first interface, wherein the content filled in the search box before expansion is the attribute information of the first garment; and updating the display content of the first area to the matching card of the preferred style.
[0143] According to one or more embodiments of this disclosure, Example 7 provides an outfit matching method of Example 1, wherein the at least one matching scheme corresponds to multiple matching styles, and the navigation cards of the multiple matching styles are arranged adjacent to each other, and the second area is used to synchronously display some of the navigation cards; the outfit matching method further includes: in response to detecting a first operation on the second area, controlling the navigation cards of the multiple matching styles to move synchronously according to the first operation, so as to switch the navigation cards displayed in the second area.
[0144] According to one or more embodiments of this disclosure, Example 8 provides the clothing matching method of Example 7, the clothing matching method further comprising: unfolding a first navigation card to display the first matching effect picture and matching information, wherein the first navigation card is the navigation card closest to the preset boundary of the second area among the navigation cards currently fully displayed in the second area, and the matching information includes the first tag of the matching style and the image of at least one matching item in the first matching effect picture.
[0145] According to one or more embodiments of this disclosure, Example 9 provides the clothing matching method of Example 1, the clothing matching method further comprising: in response to detecting a second operation on any of the navigation cards in the second area, expanding a first matching style to the search box of the first interface, wherein the first matching style is a matching style corresponding to the navigation card selected by the second operation, and the content filled in the search box before expansion is the attribute information of the first clothing; updating the display content of the first area to the matching card of the first matching style.
[0146] According to one or more embodiments of this disclosure, Example 10 provides a clothing matching method of any one of Examples 1-9, the clothing matching method further comprising: in response to detecting a third operation for any of the matching cards in the first region, jumping to a third interface, and enlarging and displaying a first matching card in a fourth region of the third interface, wherein the first matching card is the matching card selected by the third operation.
[0147] According to one or more embodiments of this disclosure, Example 11 provides the clothing matching method of Example 10, the clothing matching method further comprising: displaying guidance information of at least one of the matching items in the first matching card in the fifth area of the third interface.
[0148] According to one or more embodiments of this disclosure, Example 12 provides the clothing matching method of Example 11, wherein the first matching card further includes at least one anchor point of the matching item; the clothing matching method further includes: in response to detecting a second click operation on any of the anchor points in the first matching card, synchronously displaying the link information of the matching item corresponding to the anchor point operated by the second click operation in the fifth area.
[0149] According to one or more embodiments of this disclosure, Example 13 provides the clothing matching method of Example 10, the clothing matching method further comprising: in response to detecting a swiping operation on the third interface, enlarging and displaying a second matching card on the third interface, wherein the second matching card is the matching card among the at least one matching cards that has the same matching style as the first matching card.
[0150] According to one or more embodiments of this disclosure, Example 14 provides an outfit matching device, comprising: an acquisition module, configured to acquire at least one matching scheme for a first outfit, wherein the matching scheme includes the first outfit and at least one matching item that matches the first outfit; and a first display module, configured to generate and display matching cards corresponding to each of the at least one matching scheme in a first area of a first interface, and to generate and display navigation cards for at least one matching style corresponding to the at least one matching scheme in a second area of the first interface, wherein the matching card includes a matching effect image of a virtual character trying on the corresponding matching scheme, and the navigation card includes a first label and a first matching effect image of the matching style, wherein the first matching effect image is one of the matching effect images of the matching style.
[0151] According to one or more embodiments of the present disclosure, Example 15 provides a computer-readable medium having a computer program stored thereon that, when executed by a processing device, implements the steps of the clothing matching method described in any one of Examples 1-13.
[0152] According to one or more embodiments of the present disclosure, Example 16 provides an electronic device, including: a storage device having a computer program stored thereon; and a processing device for executing the computer program in the storage device to implement the steps of the clothing matching method of any one of Examples 1-13.
[0153] According to one or more embodiments of the present disclosure, Example 17 provides a computer program product including a computer program that, when executed by a processor, implements the steps of the clothing matching method described in any one of Examples 1-13.
[0154] The above description is merely a preferred embodiment of this disclosure and an explanation of the technical principles employed. Those skilled in the art should understand that the scope of this disclosure is not limited to technical solutions formed by specific combinations of the above-described technical features, but should also cover other technical solutions formed by arbitrary combinations of the above-described technical features or their equivalents without departing from the above-described concept. For example, technical solutions formed by substituting the above features with (but not limited to) technical features disclosed in this disclosure that have similar functions.
[0155] Furthermore, while the operations are described in a specific order, this should not be construed as requiring these operations to be performed in the specific order shown or in a sequential order. In certain environments, multitasking and parallel processing may be advantageous. Similarly, while several specific implementation details are included in the above discussion, these should not be construed as limiting the scope of this disclosure. Certain features described in the context of individual embodiments may also be implemented in combination in a single embodiment. Conversely, various features described in the context of a single embodiment may also be implemented individually or in any suitable sub-combination in multiple embodiments.
[0156] Although the subject matter has been described using language specific to structural features and / or methodological logic, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. Rather, the specific features and actions described above are merely illustrative forms of implementing the claims. Regarding the apparatus in the above embodiments, the specific manner in which the various modules perform their operations has been described in detail in the embodiments relating to the method, and will not be elaborated upon here.
Claims
1. A method for matching clothing, characterized in that, include: Obtain at least one matching scheme for the first garment, wherein the matching scheme includes the first garment and at least one matching item that matches the first garment; In the first area of the first interface, a matching card corresponding to each of the at least one matching schemes is generated and displayed. In the second area of the first interface, a navigation card corresponding to at least one matching style is generated and displayed. The matching card includes a matching effect image of a virtual character trying on the corresponding matching scheme. The navigation card includes a first label and a first matching effect image of the matching style. The first matching effect image is one of the matching effect images of the matching style.
2. The clothing matching method according to claim 1, characterized in that, The matching card also includes at least one of the following: The corresponding matching scheme includes guidance information for at least one of the matching items; The matching tags for the corresponding matching schemes.
3. The clothing matching method according to claim 1, characterized in that, The clothing matching methods also include: In response to detecting entry into the second interface, matching search guidance information for the first garment is generated and displayed in the third area of the second interface, wherein the matching search guidance information includes at least one matching style corresponding to the at least one matching scheme; In response to detecting a trigger operation for the matching search guidance information, the step of generating and displaying matching cards corresponding to each of the at least one matching schemes in the first area of the first interface is executed.
4. The clothing matching method according to claim 3, characterized in that, The second interface is the pending delivery interface for the first garment.
5. The clothing matching method according to claim 1, characterized in that, The clothing matching methods also include: Add a style recommendation card to the first area, wherein the style recommendation card includes a guide to the user's preferred style.
6. The clothing matching method according to claim 5, characterized in that, The clothing matching methods also include: In response to detecting a first click operation on the style recommendation card, the preferred style is expanded to the search box on the first interface, wherein the content of the search box before expansion is the attribute information of the first garment; Update the displayed content in the first area to the matching card of the preferred style.
7. The clothing matching method according to claim 1, characterized in that, The at least one combination scheme corresponds to multiple combination styles, and the navigation cards of the multiple combination styles are arranged adjacent to each other. The second area is used to synchronously display some of the navigation cards. The clothing matching methods also include: In response to detecting a first operation targeting the second area, the plurality of navigation cards with different matching styles are controlled to move synchronously according to the first operation, so as to switch the navigation card displayed in the second area.
8. The clothing matching method according to claim 7, characterized in that, The clothing matching methods also include: The first navigation card is expanded to display the first matching effect image and matching information. The first navigation card is the navigation card that is closest to the preset boundary of the second area among the navigation cards currently fully displayed in the second area. The matching information includes the first label of the matching style and the image of at least one matching item in the first matching effect image.
9. The clothing matching method according to claim 1, characterized in that, The clothing matching methods also include: In response to detecting a second operation targeting any of the navigation cards in the second region, a first matching style is expanded into the search box of the first interface, wherein the first matching style is the matching style corresponding to the navigation card selected in the second operation, and the content filled in the search box before expansion is the attribute information of the first garment; Update the displayed content of the first area to the matching card of the first matching style.
10. The clothing matching method according to any one of claims 1-9, characterized in that, The clothing matching methods also include: In response to the detection of a third operation on any of the pairing cards in the first region, the system jumps to a third interface and displays the first pairing card in a magnified manner in a fourth region of the third interface, wherein the first pairing card is the pairing card selected by the third operation.
11. The clothing matching method according to claim 10, characterized in that, The clothing matching methods also include: The fifth area of the third interface displays guidance information for at least one of the matching items in the first matching card.
12. The clothing matching method according to claim 11, characterized in that, The first matching card also includes at least one anchor point for the matching item; The clothing matching methods also include: In response to detecting a second click operation targeting any of the anchor points in the first outfit card, the link information of the outfit item corresponding to the anchor point operated by the second click operation is simultaneously displayed in the fifth area.
13. The clothing matching method according to claim 10, characterized in that, The clothing matching methods also include: In response to detecting a swipe operation on the third interface, a second matching card is enlarged and displayed on the third interface, wherein the second matching card is the matching card with the same matching style as the first matching card among the at least one matching cards.
14. A clothing matching device, characterized in that, include: The acquisition module is used to acquire at least one matching scheme of the first garment, wherein the matching scheme includes the first garment and at least one matching item that matches the first garment; The first display module is used to generate and display matching cards corresponding to each of the at least one matching schemes in the first area of the first interface, and to generate and display navigation cards for at least one matching style corresponding to the at least one matching scheme in the second area of the first interface. The matching card includes matching effect pictures of virtual characters trying on the corresponding matching schemes, and the navigation card includes a first label and a first matching effect picture of the matching style, wherein the first matching effect picture is one of the matching effect pictures of the matching style.
15. A computer-readable medium having a computer program stored thereon, characterized in that, When executed by a processing device, the computer program implements the steps of the clothing matching method according to any one of claims 1-13.
16. An electronic device, characterized in that, include: A storage device on which computer programs are stored; A processing device for executing the computer program in the storage device to implement the steps of the clothing matching method according to any one of claims 1-13.
17. A computer program product, comprising a computer program, characterized in that, When executed by a processor, the computer program implements the steps of the clothing matching method according to any one of claims 1-13.
