Identifier preview presentation method and apparatus, and electronic device, readable storage medium and chip

Abstract

The present application belongs to the technical field of front-end development. Disclosed are an identifier preview presentation method and apparatus, and an electronic device, a readable storage medium and a chip. The identifier preview presentation method comprises: in response to a creation instruction, presenting a creation interface, wherein the creation interface comprises a first region and a second region, a target element is presented in the first region, and preview image information associated with the target element is presented in the second region; and in response to an interaction instruction of the preview image information, performing interaction processing on the preview image information associated with the target element, wherein each piece of preview image information includes element information corresponding to the target element and element information of a non-target element, a presentation mode, in the preview image information, of the element information corresponding to the target element is a first presentation mode, and a presentation mode of the non-target element in the preview image information is a second presentation mode.

Description

Logo preview display method and device, electronic device, readable storage medium and chip

[0001] This application claims priority to Chinese Patent Application No. 202311267718.2 filed on September 27, 2023, and the contents of the above-mentioned Chinese patent application disclosure are hereby incorporated by reference in their entirety as a part of this application. Technical Field

[0002] The present application relates to a logo preview display method, a logo preview display device, an electronic device, a readable storage medium and a chip. Background Art

[0003] Currently, when users mark a certain icon in the display interface of a network platform, they usually cannot understand the category set by the platform and the specific display page, resulting in the final display effect not meeting the user's expectations and reducing the user's usage experience.

[0004] Summary of the Invention

[0005] The purpose of the embodiments of the present application is to provide a logo preview display method and device, electronic device, readable storage medium and chip.

[0006] In a first aspect, an embodiment of the present application provides a method for displaying an identification preview, the method comprising: displaying a creation interface in response to a creation instruction; the creation interface comprises a first area and a second area, the first area displays a target element, and the second area displays preview image information associated with the target element; in response to an interactive instruction of the preview image information, interactively processing the preview image information associated with the target element; wherein, each preview image information contains element information corresponding to the target element and element information of non-target elements, the element information corresponding to the target element is displayed in the preview image information in a first display manner, and the non-target element is displayed in the preview image information in a second display manner.

[0007] In a second aspect, an embodiment of the present application provides an identification preview display device, comprising: an interface display module, for displaying a creation interface in response to a creation instruction; the creation interface comprises a first area and a second area, the first area displays a target element, and the second area displays preview image information associated with the target element; an interaction module, for interactively processing the preview image information associated with the target element in response to an interaction instruction of the preview image information; wherein, each preview image information contains element information corresponding to the target element and element information of non-target elements, the element information corresponding to the target element is displayed in the preview image information in a first display manner, and the non-target element is displayed in the preview image information in a second display manner.

[0008] In a third aspect, an embodiment of the present application provides an electronic device comprising a processor, a memory, and a program or instruction stored in the memory and executable on the processor, wherein the program or instruction, when executed by the processor, implements the steps of the method of the first aspect.

[0009] In a fourth aspect, an embodiment of the present application provides a readable storage medium, on which a program or instruction is stored, and when the program or instruction is executed by a processor, the steps of the method of the first aspect are implemented.

[0010] In a fifth aspect, an embodiment of the present application provides a chip, which includes a processor and a communication interface, the communication interface and the processor are coupled, and the processor is used to run programs or instructions to implement the steps of the method in the first aspect.

[0011] In an embodiment of the present application, when creating a web page logo, settings are usually made in the background system. When the system receives a creation instruction, it will directly display the corresponding creation interface. The creation interface is divided into two areas. The first area is used to display the target element, which is the logo to be displayed. The user can select the target element that meets their needs, and then display the preview image information associated with the target element in the second area to improve the understanding of the final display effect of the target element in the interface. On the basis of displaying the preview image information in the second area, when the user issues an interactive instruction to the preview image information, that is, when the system receives the interactive instruction, it will interactively process the preview image information, so as to switch the display method of the element information of the target element in the preview image information.

[0012] It should be added that each preview image information includes not only target elements but also non-target elements, wherein the element information of the target elements is presented in a first display method, displayed in a more prominent or special manner, and the element information of the non-target elements is presented in a second display method, which is usually not as obvious as the target elements.

[0013] Among them, the specific presentation effects of the first display method and the second display method are different, the purpose of which is to highlight the element information of the target element to reduce the difficulty of users in viewing the display effects. The specific display methods include but are not limited to highlighting, magnification, dynamic effects or other special effects.

[0014] It should be added that the interactive instructions include but are not limited to clicking, dragging, zooming in, rotating, etc., which are specific interactive processing of the preview image information. BRIEF DESCRIPTION OF THE DRAWINGS

[0015] FIG1 is a schematic diagram showing a flow chart of a logo preview display method according to an embodiment of the present application;

[0016] FIG2 is a schematic diagram showing a flow chart of a logo preview display method according to an embodiment of the present application;

[0017] FIG3 is a schematic diagram showing a flow chart of a logo preview display method according to an embodiment of the present application;

[0018] FIG4 is a schematic diagram showing a flow chart of a logo preview display method according to an embodiment of the present application;

[0019] FIG5 shows a schematic structural diagram of a logo preview display device according to an embodiment of the present application;

[0020] FIG6 shows a schematic structural diagram of an electronic device according to an embodiment of the present application;

[0021] FIG7 shows a schematic structural diagram of an electronic device according to an embodiment of the present application;

[0022] FIG8 shows a schematic diagram of a display interface according to an embodiment of the present application;

[0023] FIG9 shows a schematic diagram of a display interface according to an embodiment of the present application;

[0024] FIG10 shows a schematic diagram of a display interface according to an embodiment of the present application;

[0025] FIG11 shows a schematic diagram of a display interface according to an embodiment of the present application;

[0026] FIG12 shows a schematic diagram of a display interface according to an embodiment of the present application;

[0027] FIG13 shows a schematic diagram of a display interface according to an embodiment of the present application;

[0028] FIG14 shows a schematic diagram of a display interface according to an embodiment of the present application;

[0029] FIG15 shows a schematic diagram of a display interface according to an embodiment of the present application.

[0030] Among them, the correspondence between the figure marks and component names in Figures 5 to 7 is: 100: electronic device; 101: radio frequency unit; 102: network module; 103: audio output unit; 104: input unit; 1041: graphics processor; 1042: microphone; 105: sensor; 106: display unit; 1061: display panel; 107: user input unit; 1071: touch panel; 1072: other input devices; 108: interface unit; 1109: memory; 1110: processor; 900: logo preview display device; 901: interface display module; 902: interaction module. DETAILED DESCRIPTION

[0031] The following will be combined with the accompanying drawings in the embodiments of the present application to clearly describe the technical solutions in the embodiments of the present application. Obviously, the embodiments described are part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field are within the scope of protection of this application.

[0032] The terms "first," "second," and the like in the specification and claims of this application are used to distinguish similar objects, and are not used to describe a specific order or precedence. It should be understood that the terms used in this manner are interchangeable where appropriate, so that the embodiments of this application can be implemented in an order other than that illustrated or described herein, and that the objects distinguished by "first," "second," and the like are generally of the same type, and do not limit the number of objects; for example, the first object can be one or more. In addition, the term "and / or" in the specification and claims refers to at least one of the connected objects, and the character " / " generally indicates that the objects connected are in an "or" relationship.

[0033] The purpose of the embodiments of the present application is to provide a logo preview display method and device, electronic device, readable storage medium and chip, which can solve the problem that users cannot determine the final presentation effect when setting a logo, resulting in a low user experience.

[0034] The following, in conjunction with Figures 1 to 15, describes in detail the logo preview display method and device, electronic device, readable storage medium and chip provided in the embodiments of the present application through specific embodiments and their application scenarios.

[0035] This embodiment provides a logo preview display method, as shown in FIG1 , including:

[0036] Step S102: In response to the creation instruction, display a creation interface; the creation interface includes a first area and a second area, the first area displays the target element, and the second area displays preview image information associated with the target element.

[0037] The create instruction is mainly used to trigger the creation and configuration operation of the content that needs to be marked and reminded on the page.

[0038] The creation interface is used to select the categories of activities to participate in, the categories of activities to configure, the specific parameters of activities to be configured, or the specific parameters for configuring elements in a pre-set interactive interface. These activities include, but are not limited to, popularity promotions and product promotions. For example, a merchant user or expert user may configure a coupon interface.

[0039] The target element is an identifier that needs to be displayed on the activity page to be participated in or configured, or in the preset interactive interface. In a promotional scenario or outreach scenario, the display of the target element will serve as an activity reminder to ordinary users.

[0040] Interactive instructions are mainly used to meet users' switching needs for different highlighting effects. That is, when the system receives an interactive instruction, it will interactively process the preview image information, so as to switch the target element to different highlighting modes in the preview image information.

[0041] The preview image information is a screenshot of the specific display effect of the target element in the actual page, so as to improve the understanding of the final display effect of the target element in the interface.

[0042] For example, platform users switch the display effects of coupons in different product interfaces or promotion interfaces. For example, in an e-commerce platform, merchant users or expert users need to display the types of coupons available for the current product on the product display page so that customer users can see them intuitively when browsing the web page. At this time, the coupons can be set through the creation interface, and the creation instruction is equivalent to the user clicking the corresponding button on the main page of the product setting, which triggers the creation instruction. When the system receives the creation instruction, it will directly display the corresponding creation interface. The interface for merchant users or expert users to configure coupons is divided into two areas. The first area is used to display the target element. In a specific scenario, the target element is a coupon in the live broadcast scene, or a text shopping guide bar under the video, or an atmosphere bar during the expert's live broadcast. Users can select the element that meets their needs in the first area as the target element, and then display the preview image information associated with the target element through the second area.

[0043] Step S104: In response to the interactive instruction of the preview image information, interactive processing is performed on the preview image information associated with the target element; on the basis of displaying the preview image information in the second area, when the user issues an interactive instruction to the preview image information, the interactive instruction is a human-computer interaction instruction, which is issued by the user and received and recognized by the system, and is mainly used to meet the platform users' switching of the display effect of the coupon in different product interfaces or promotion interfaces.

[0044] In a specific embodiment, in a live broadcast scenario, the merchant user has set the amount of a coupon corresponding to a certain product. At this time, when ordinary users watch short video promotion advertisements, the coupon will be displayed in the advertisement. The coupon is the target element set by the merchant user in this embodiment.

[0045] In another embodiment, when ordinary users watch a live broadcast, the expert sets an atmosphere bar in advance. When the predetermined time period is reached, promotional information related to the expert's popularity will be displayed inside or outside the live broadcast room. The promotional information is the target element set by the expert user in this embodiment.

[0046] Among them, each preview image information contains element information corresponding to the target element and element information of non-target elements. The element information corresponding to the target element is displayed in the preview image information in the first display mode, and the non-target element is displayed in the preview image information in the second display mode.

[0047] The logo preview display method provided in this embodiment can provide users with an intuitive interface, allowing them to see the target element more clearly. At the same time, through interaction with the preview image information, they can better understand the display effect of the target element and its related information in the actual display interface.

[0048] Among them, the specific presentation effects of the first display method and the second display method are different, the purpose of which is to highlight the element information of the target element to reduce the difficulty of users in viewing the display effects. The specific display methods include but are not limited to highlighting, magnification, dynamic effects or other special effects.

[0049] It should be added that the interactive instructions include but are not limited to clicking, dragging, zooming in, rotating, etc., which are specific interactive processing of the preview image information.

[0050] It should be added that each preview image information includes not only target elements but also non-target elements, wherein the element information of the target elements is presented in a first display method, displayed in a more prominent or special manner, and the element information of the non-target elements is presented in a second display method, which is usually not as obvious as the target elements.

[0051] In a specific usage scenario, a merchant user enters the backend interface of the store. Categories such as coupons and surprise coupons are displayed on the left side of the backend interface. At the same time, various coupon categories are displayed on the right area of ​​the interface, including general coupons, fan-increasing coupons, expert-exclusive coupons, store newcomer coupons, etc. The merchant user selects any category, for example, after selecting a general coupon, he can directly click the interactive button corresponding to the general coupon (i.e., create command).

[0052] Optionally, as shown in FIG2 , the first area includes a category selection area and an element selection area, and before responding to the interactive instruction for previewing the image information, further includes:

[0053] Step S1032: In response to a first instruction for an element category in the category selection area, a plurality of elements to be selected are determined to be displayed in the element selection area. In this step, the category selection area and the element selection area are two parts of the first area. The user can select an element category existing in the category selection area of ​​the first area, that is, issue a first instruction, thereby determining the plurality of elements to be selected to be displayed in the element selection area. For example, when setting a coupon, the left side of the interface is the first area and the right side is the second area. The user clicks on an element category in the category selection area of ​​the first area, which is equivalent to selecting the type of coupon to be set, such as a general coupon, a fan increase coupon, an expert exclusive coupon, a surprise coupon, a store newcomer coupon, etc. After receiving the first instruction, for example, selecting a general coupon, the page will jump, and a plurality of elements to be selected will be displayed on the new page. The plurality of elements to be selected are all associated with the element category selected by the first instruction. It can be understood that each element to be selected belongs to the same element category, that is, the plurality of elements to be selected displayed in the element selection area are associated with the element category corresponding to the first instruction. This can help users narrow the scope of elements they are paying attention to, so that they can more accurately determine the specific logo they want to display in the interface, that is, the target element.

[0054] Step S1034: In response to a second instruction for one of the multiple elements to be selected, determine the target element corresponding to the second instruction, and display the preview image information corresponding to the target element selected by the second instruction in the second area; in this step, by selecting the target element, when the second instruction is issued to the target element, one or more preview image information corresponding to the selected target element will be displayed in the second area, so as to facilitate the user's preview. For example, for the element category of a general coupon, the corresponding elements to be selected include full network promotion, customer service exclusive, etc. Each element to be selected corresponds to different preview image information, and even the number of preview image information corresponding to each element to be selected can be multiple, so that merchants or experts can see the specific delivery page of the coupon more intuitively when setting it up.

[0055] It can be understood that for the elements to be selected for promotion across the entire network, coupons will be displayed in various channels such as the product details page, product card or live broadcast room. The specific display page of each channel is different. When the user gives the second instruction, the selected element to be selected is the target element, and the corresponding preview image information will be displayed in the second area.

[0056] In a specific usage scenario, after the merchant user clicks the interactive button corresponding to the universal coupon (i.e., the create instruction), he / she enters another interface, which is divided into three areas. Specifically, the category selection area on the left corresponds to the categories displayed on the left side of the background interface, including coupons, surprise coupons, etc. In the middle of the interface, there is an element selection area, which displays several basic rules for promotion (i.e., elements to be selected), including public promotion on the entire network, exclusive customer service, live broadcast advertising, e-commerce brand advertising, etc. When the merchant user clicks on any basic rule, the clicked basic rule will be marked (i.e., the target element corresponding to the second instruction), and the corresponding preview image (i.e., preview image information) will be displayed on the right side of the interface.

[0057] The elements to be selected specifically include a target element and multiple non-target elements.

[0058] In this embodiment, the first area includes two areas, namely the category selection area and the element selection area. The category selection area is used to select the specific element category to which the created target element belongs. Users can select the element list corresponding to the target element they are interested in here. The element selection area is mainly used to display multiple elements to be selected under the selected category. This is the area from which users can select the target element. Through the above process steps, more accurate element selection and preview can be provided, allowing users to better understand and select the elements they need. This can improve user efficiency and satisfaction.

[0059] Optionally, the user can interact with the interface through different instructions to achieve different effects, such as selecting an element category, selecting a target element, previewing, etc.

[0060] Based on any of the above embodiments, the page display parameters in the first display mode are different from the page display parameters in the second display mode. Specifically, the page display parameters include display brightness and font parameters, the display brightness in the first display mode is greater than the display brightness in the second display mode; and / or the font parameters in the first display mode are greater than the font parameters in the second display mode. For example, in the preview image displayed on the right side of the interface, the portion of the page related to the coupon is highlighted, and the rest of the page is grayed out, thereby highlighting the coupon, or the portion of the page related to the promotional content is highlighted.

[0061] In another embodiment, the zoom ratio of the local display area associated with the element information of the target element in the first display mode is optionally different from the zoom ratio of the local display area associated with the element information of the non-target elements in the second display mode. Specifically, the first display mode is to magnify the element information corresponding to the target element, while the second display mode is to keep the display parameters of the element information of the non-target elements unchanged. For example, the part of the page related to coupons or merchant user-specified promotions is magnified, while the rest of the part is not adjusted or is reduced, thereby achieving highlighting of the content.

[0062] In another embodiment, optionally, the first display manner is to enlarge the display area corresponding to the element information of the target element to generate a local enlarged image, and set the local enlarged image at an adjacent position of the display area.

[0063] This embodiment provides several schemes for highlighting target elements. Specifically, they include: highlight display, that is, the brightness of the target element in the first display mode is higher, making it more conspicuous in the overall picture. This makes it easier for users to notice the target element. Enlarged font display, that is, if the target element is related to the text, the font parameters in the first display mode may be larger, making the text easier to read. This helps users better understand the meaning of the target element. Local area enlarged display, that is, in the first display mode, the element information of the target element is enlarged and displayed to highlight its details or features. The information of the non-target elements in the second display mode remains as it is and is not enlarged. As shown in Figure 15, the adjacent area of ​​the original position is displayed after enlargement, that is, the original display area is enlarged, and the generated local enlarged image is set in the adjacent position of the original display area, thereby greatly improving the user's display of the specific internal content, which allows the user to see the details of the target element more clearly.

[0064] Of course, it is also possible to allow users to customize the magnification level or area to provide more control and flexibility.

[0065] Optionally, the user is allowed to customize parameters of the first display mode and the second display mode to meet his or her personal preferences and needs.

[0066] When switching display modes, you can add transition animation effects to make the user interface more attractive.

[0067] Provide more display options to meet the needs of different users, such as different color schemes, font styles, etc.

[0068] Automatically select the appropriate display method based on the user's interactive behavior or device type to provide the best user experience.

[0069] Optionally, as shown in FIG3 , the interaction instruction is a switching instruction. In response to the interaction instruction of the preview image information, interactive processing is performed on the preview image information associated with the target element, specifically including:

[0070] Step S1042: when there are multiple preview image information associated with the target element, in response to a switching instruction, switching display among the multiple preview image information; wherein the multiple preview image information have different interface information.

[0071] In this embodiment, when multiple preview image information is displayed, different preview image information will be displayed according to the received switching instruction. It can be understood that each preview image information is associated with a target element, that is, the same category of logos will be displayed in multiple preview image information. However, since the displayed interfaces may be different, the display effects of the logos in different interfaces can be displayed to the user, which can also meet the display needs of different users. For example, in a specific scenario, the corresponding preview image (i.e., preview image information) will be displayed on the right side of the interface, and interactive buttons such as previous and next buttons will be displayed below the preview image. Merchant users can switch between the multiple preview images by clicking the corresponding buttons.

[0072] It should be added that switching between multiple different preview image information allows users to compare and select the target element that best suits their needs. This switching method enables users to easily switch between different design options to obtain the best visual effect.

[0073] Of course, multiple switching modes may be provided for the specific switching mode, such as manual switching, automatic cyclical playback, etc., to increase the user's operational flexibility.

[0074] Of course, when switching, you can switch among all preview image information related to the target element, and you can also switch among a specified number of preview image information.

[0075] Different target elements typically contain different interface information, such as text, images, colors, and layout. This information reflects the design style and characteristics of each category. Users can intuitively perceive these differences through preview image information, helping them make appropriate choices.

[0076] More interface information differences can be provided so that users can have a more comprehensive understanding of the design details of each target element.

[0077] Optionally, as shown in FIG4 , the interactive instruction is a zoom-in instruction. In response to the interactive instruction of the preview image information, interactive processing is performed on the preview image information associated with the target element, specifically including:

[0078] Step S1052: In response to the zoom-in instruction, the preview image information is zoomed in and displayed.

[0079] In this step, after receiving the zoom instruction, the display area of ​​the entire image will be directly determined, generally the position of the covered element information, which can be enlarged and displayed in a rectangular or elliptical shape, so that the content displayed by the target element in the interface is clearer.

[0080] When performing interactive operations on the preview image information, the preview image information can be directly enlarged and displayed, so that users can obtain a more detailed method of viewing and analyzing the relevant information of the target element, to help them better understand the display effect of the element.

[0081] It can be understood that this solution is to amplify the display area involving element information. In the entire interface, the display area of ​​the preview image information has changed. In this solution, the display area will be significantly larger than the size before the interactive instruction is received. For example, in a specific scenario, the corresponding preview image (i.e., preview image information) will be displayed on the right side of the interface, and an icon with a plus sign will be displayed in the lower right corner of the preview image. Merchant users can click this button to switch between different display sizes of the preview image. Optionally, after clicking, the preview image information will be enlarged proportionally, or cropped and then enlarged as a whole, so that merchant users or expert users can view it.

[0082] Additionally, users can zoom in on the display area to get more detailed information, including text, images, or other content, giving them a more comprehensive understanding of how the element is displayed. Users can more closely examine how the element is displayed to determine if it meets their needs and tastes. This is particularly useful for professional users such as designers and advertising agencies.

[0083] Zooming in on an area of ​​the display can help users quickly spot possible typography, color, or other visual issues, allowing them to make necessary adjustments.

[0084] Based on any of the above embodiments, optionally, it further includes: based on the selection of the target element, determining the element attribute parameters corresponding to the target element; in response to the confirmation submission instruction, displaying the target element in the display interface according to the element attribute parameters.

[0085] In this embodiment, after the user has determined a target element, the corresponding element attribute parameters will be confirmed. Specifically, the element attribute parameters include time information and name information. The time information includes, but is not limited to, the time the identifier is collected and the time the identifier is used. The name information can be displayed to any type of user, such as a buyer, or it can be used only for backend management of merchant users. It should be emphasized that, based on the confirmation submission instruction received, the system generates and creates the target element based on the determined time information and name information. This is a key step in converting the user's selection into an actually usable identifier and ensuring that these identifiers have the correct time restrictions and element information.

[0086] It can be understood that in a specific usage scenario, in the middle part of the interface, that is, the element selection area, while the promotion method is displayed, there are also modifiable options such as coupon name, collection time, and usage time. Therefore, merchant users can adjust the name, validity period and other content through the information modification in this location.

[0087] Optionally, the middle portion of the interface also displays specific discount settings, such as the selection of discount methods, including coupons for purchases of specified products, instant discount coupons for specified products, discount coupons for specified products, store-wide coupons for purchases of specified products, instant discount coupons for specified products, and store-wide discount coupons. In addition to the selection of discount methods, the interface also includes settings for the purchase time, the number of coupons issued, the number of coupons per person, and the specific products involved. It is understood that the parameters set above are the element attribute parameters corresponding to the target seriousness.

[0088] In a specific interactive embodiment, as shown in FIG8 , an interactive button for creating immediately (i.e., a create instruction) is displayed in the identification setting interface. After the user clicks the interactive button, the interface is switched to the interface shown in FIG9 , in which multiple target elements to be selected are displayed, including a selected target element and multiple non-target elements. The user selects one of the target elements as the target element, such as target element 1, and switchable preview image information is displayed on the right. If the user selects another target element as the target element, such as target element 2, as shown in FIG10 , preview image information associated with target element 2 is displayed on the right. On this basis, in one embodiment, clicking on the interactive instruction in the second area switches the interface to that shown in FIG11 , and the preview image information switches to another one. In another embodiment, clicking on the interactive instruction in the second area switches the interface to that shown in FIG12 , and the preview image information is directly enlarged and displayed.

[0089] Among them, the display content of the above preview image information is shown in Figures 13 and 14. In Figure 13, the display area related to the target element is enlarged and displayed, and in Figure 14, the display area related to the target element is highlighted and other areas are grayed out.

[0090] As shown in FIG5 , an embodiment of the present application provides a logo preview display device 900 . The logo preview display device 900 includes an interface display module 901 and an interaction module 902 .

[0091] Among them, the acquisition module 901 is used to display a creation interface in response to a creation instruction; the creation interface includes a first area and a second area, the first area displays a target element, and the second area displays preview image information associated with the target element; the category determination module 902 is used to respond to an interactive instruction of the preview image information and interactively process the preview image information associated with the target element; wherein, each preview image information contains element information corresponding to the target element and element information of non-target elements, the element information corresponding to the target element is displayed in the preview image information in a first display manner, and the non-target element is displayed in the preview image information in a second display manner.

[0092] Optionally, it is also used to determine multiple target elements displayed in the element selection area in response to a first instruction on the element category in the category selection area; and to display preview image information corresponding to the target element selected by the second instruction in the second area in response to a second instruction on the target element; wherein the target elements specifically include target elements and multiple non-target elements.

[0093] Optionally, the display brightness of the first display mode is greater than the display brightness of the second display mode; and / or the font parameters of the first display mode are greater than the font parameters of the second display mode; and / or the first display mode is to enlarge the element information corresponding to the target element, and the second display mode is to keep the display parameters of the element information of the non-target element unchanged.

[0094] Optionally, when there are multiple preview image information associated with the target element, in response to the interaction instruction, the multiple preview image information are switched for display; wherein the interface information of the multiple preview image information is different.

[0095] Optionally, in response to the interactive instruction, the preview image information is enlarged and displayed.

[0096] Optionally, the display area corresponding to the element information is enlarged and displayed, and covers the display position of the element information in the preview image information.

[0097] Optionally, based on the selection of at least one target element, time information and name information corresponding to the target element are determined; in response to a confirmation submission instruction, the target element is displayed in the display interface according to the time information and name information.

[0098] The logo preview display device in the embodiment of the present application can be a device, or a component, integrated circuit, or chip in a terminal. The device can be a mobile electronic device or a non-mobile electronic device. For example, the mobile electronic device can be a mobile phone, a tablet computer, a laptop computer, a PDA, an in-vehicle electronic device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook, or a personal digital assistant (PDA), etc. The non-mobile electronic device can be a server, a network attached storage (NAS), a personal computer (PC), a television (TV), a teller machine, or a self-service machine, etc., which is not specifically limited in the embodiment of the present application.

[0099] The logo preview display device in the embodiment of the present application can be a device with an operating system. The operating system can be an Android operating system, an iOS operating system, or other possible operating systems, which are not specifically limited in the embodiment of the present application.

[0100] The logo preview display device provided in the embodiment of the present application can implement each process implemented in the method embodiments of Figures 1 to 4. To avoid repetition, they are not described here.

[0101] Optionally, as shown in Figure 6, an embodiment of the present application also provides an electronic device 100, including a processor 1110, a memory 1109, and a program or instruction stored in the memory 1109 and executable on the processor 1110. When the program or instruction is executed by the processor 1110, each process of the embodiment of the above-mentioned logo preview display method is implemented, and the same technical effect can be achieved. To avoid repetition, it will not be described here.

[0102] It should be noted that the electronic devices in the embodiments of the present application include the above-mentioned electronic devices and non-electronic devices.

[0103] FIG7 is a schematic diagram of the hardware structure of an electronic device implementing an embodiment of the present application.

[0104] The electronic device 100 includes but is not limited to components such as a radio frequency unit 101 , a network module 102 , an audio output unit 103 , an input unit 104 , a sensor 105 , a display unit 106 , a user input unit 107 , an interface unit 108 , a memory 1109 , and a processor 1110 .

[0105] Those skilled in the art will appreciate that the electronic device 100 may further include a power source (such as a battery) for powering various components. The power source may be logically connected to the processor 1110 via a power management system, thereby enabling the power management system to manage charging, discharging, and power consumption. The electronic device structure shown in FIG7 does not limit the electronic device. The electronic device may include more or fewer components than shown, or may combine certain components, or have different component arrangements, which will not be described in detail here.

[0106] Among them, the processor 1110 is used to display a creation interface in response to a creation instruction; the creation interface includes a first area and a second area, the first area displays a target element, and the second area displays preview image information associated with the target element; in response to an interactive instruction of the preview image information, the preview image information associated with the target element is interactively processed; wherein, each preview image information contains element information corresponding to the target element and element information of non-target elements, the element information corresponding to the target element is displayed in the preview image information in a first display manner, and the non-target element is displayed in the preview image information in a second display manner.

[0107] Through the above scheme, when creating a web page logo, settings are usually made in the background system. When the system receives a creation instruction, it will directly display the corresponding creation interface. The creation interface is divided into two areas. The first area is used to display the target element, which is the logo to be displayed. The user can select the target element that meets their needs, and then use the second area to display the preview image information associated with the target element, so as to improve their understanding of the final display effect of the target element in the interface. On the basis of displaying the preview image information in the second area, when the user issues an interactive instruction to the preview image information, that is, when the system receives the interactive instruction, it will interactively process the preview image information, so as to switch the display method of the element information of the target element in the preview image information.

[0108] It should be added that each preview image information includes not only target elements but also non-target elements, wherein the element information of the target elements is presented in a first display method, displayed in a more prominent or special manner, and the element information of the non-target elements is presented in a second display method, which is usually not as obvious as the target elements.

[0109] It can be understood that through the above settings, an intuitive interface can be provided for users, allowing them to see the target elements more clearly. At the same time, through interaction with the preview image information, they can better understand the display effect of the target elements and their related information in the actual display interface.

[0110] Optionally, the processor 1110 is also used to implement the following steps: it is also used to determine multiple target elements displayed in the element selection area in response to a first instruction on the element category in the category selection area; in response to a second instruction on the target element, display preview image information corresponding to the target element selected by the second instruction in the second area; wherein the target element specifically includes the target element and multiple non-target elements.

[0111] Optionally, the display brightness of the first display mode is greater than the display brightness of the second display mode; and / or the font parameters of the first display mode are greater than the font parameters of the second display mode; and / or the first display mode is to enlarge the element information corresponding to the target element, and the second display mode is to keep the display parameters of the element information of the non-target element unchanged.

[0112] Optionally, when there are multiple preview image information associated with the target element, in response to the interaction instruction, the multiple preview image information are switched for display; wherein the interface information of the multiple preview image information is different.

[0113] Optionally, in response to the interaction instruction, the preview image information is enlarged and displayed.

[0114] Optionally, the display area corresponding to the element information is enlarged and displayed, covering the display position of the element information in the preview image information.

[0115] Optionally, based on the selection of at least one of the target elements, the time information and name information corresponding to the target element are determined; in response to the confirmation submission instruction, the target element is displayed in the display interface according to the time information and the name information.

[0116] It should be understood that in an embodiment of the present application, the input unit 104 may include a graphics processing unit (GPU) 1041 and a microphone 1042, and the graphics processor 1041 processes the image data of a static picture or video obtained by an image capture device (such as a camera) in a video capture mode or an image capture mode. The display unit 106 may include a display panel 1061, and the display panel 1061 may be configured in the form of a liquid crystal display, an organic light emitting diode, etc. The user input unit 107 includes a touch panel 1071 and other input devices 1072. The touch panel 1071 is also called a touch screen. The touch panel 1071 may include two parts: a touch detection device and a touch controller. Other input devices 1072 may include but are not limited to a physical keyboard, function keys (such as volume control keys, switch keys, etc.), a trackball, a mouse, and an operating stick, which will not be repeated here. The memory 1109 can be used to store software programs and various data, including but not limited to applications and operating systems. The processor 1110 may integrate an application processor and a modem processor, wherein the application processor mainly processes the operating system, user interface, and application programs, and the modem processor mainly processes wireless communications. It is understood that the modem processor may not be integrated into the processor 1110.

[0117] An embodiment of the present application also provides a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, each process of the above-mentioned logo preview display method embodiment is implemented, and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.

[0118] The processor is the processor in the electronic device in the above embodiment. The readable storage medium includes a computer-readable storage medium, such as a computer read-only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disk.

[0119] An embodiment of the present application further provides a chip, which includes a processor and a communication interface. The communication interface and the processor are coupled, and the processor is used to run programs or instructions to implement the various processes of the above-mentioned logo preview display method embodiment, and can achieve the same technical effect. To avoid repetition, it will not be repeated here.

[0120] It should be understood that the chip mentioned in the embodiments of the present application can also be called a system-level chip, a system chip, a chip system or a system-on-chip chip, etc.

[0121] It should be noted that, in this article, the terms "comprise", "include" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device comprising a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, an element defined by the statement "comprises a ..." does not exclude the presence of other identical elements in the process, method, article or device comprising the element. In addition, it should be noted that the scope of the methods and devices in the embodiments of the present application is not limited to performing functions in the order shown or discussed, and may also include performing functions in a substantially simultaneous manner or in the opposite order according to the functions involved. For example, the described method may be performed in an order different from that described, and various steps may also be added, omitted, or combined. In addition, the features described with reference to certain examples may be combined in other examples.

[0122] Through the description of the above implementation methods, those skilled in the art can clearly understand that the above-mentioned embodiment methods can be implemented by means of software plus the necessary general hardware platform, and of course can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of the present application is essentially or the part that contributes to the prior art can be embodied in the form of a computer software product, which is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk), including a number of instructions for enabling a terminal (which can be a mobile phone, computer, server, or network device, etc.) to execute the methods described in each embodiment of the present application.

[0123] The embodiments of the present application are described above in conjunction with the accompanying drawings, but the present application is not limited to the above-mentioned specific implementation methods. The above-mentioned specific implementation methods are merely illustrative and not restrictive. Under the guidance of this application, ordinary technicians in this field can also make many forms without departing from the purpose of this application and the scope of protection of the claims, all of which are within the protection of this application.

Claims

1. A logo preview display method, comprising: In response to the creation instruction, display a creation interface; wherein the creation interface includes a first area and a second area, the first area displays a target element, and the second area displays preview image information associated with the target element; In response to the interactive instruction of the preview image information, interactively process the preview image information associated with the target element; Among them, each preview image information includes element information corresponding to the target element and element information of non-target elements, the element information corresponding to the target element is displayed in the preview image information in a first display mode, and the non-target element is displayed in the preview image information in a second display mode.

2. The logo preview display method according to claim 1, wherein: The first area includes a category selection area and an element selection area, and before the interactive instruction in response to the preview image information, further includes: In response to a first instruction on an element category in the category selection area, determining a plurality of elements to be selected that are displayed in the element selection area; In response to a second instruction for one of the plurality of elements to be selected, determining a target element corresponding to the second instruction, and displaying preview image information corresponding to the target element selected by the second instruction in the second area; The elements to be selected specifically include the target element and a plurality of non-target elements.

3. The logo preview display method according to claim 1 or 2, wherein: The page display parameters in the first display mode are different from the page display parameters in the second display mode; The page display parameters include display brightness and font parameters; The display brightness in the first display mode is greater than the display brightness in the second display mode; and / or The font parameters of the first display mode are greater than the font parameters of the second display mode.

4. The logo preview display method according to any one of claims 1 to 3, wherein: The scaling ratio of the local display area associated with the element information of the target element in the first display mode is the same as the scaling ratio of the local display area associated with the element information of the non-target element in the second display mode. The zoom ratio of the local display area is different.

5. The logo preview display method according to any one of claims 1 to 4, wherein: The first display method is to enlarge the display area corresponding to the element information of the target element to generate a local enlarged image, and set the local enlarged image at an adjacent position of the display area.

6. The logo preview display method according to any one of claims 1 to 5, wherein: The interactive instruction is a switching instruction, and the interactive processing of the preview image information associated with the target element in response to the interactive instruction of the preview image information includes: In a case where there are multiple preview image information associated with the target element, in response to the switching instruction, switching display among the multiple preview image information; Among them, the interface information of the multiple preview image information is different.

7. The logo preview display method according to any one of claims 1 to 5, wherein: The interactive instruction is a zoom-in instruction, and the interactive processing of the preview image information associated with the target element in response to the interactive instruction of the preview image information includes: In response to the zoom-in instruction, the preview image information is zoomed in and displayed.

8. The logo preview display method according to any one of claims 1 to 7, further comprising: Based on the selection of the target element, determining an element attribute parameter corresponding to the target element; In response to the confirmation submission instruction, the target element is displayed in the presentation interface according to the element attribute parameters.

9. A logo preview display device, comprising: An interface display module, configured to display a creation interface in response to a creation instruction; The creation interface includes a first area and a second area, the first area displays a target element, and the second area displays preview image information associated with the target element; an interaction module, configured to perform interaction processing on the preview image information associated with the target element in response to an interaction instruction of the preview image information; Among them, each preview image information includes element information corresponding to the target element and element information of non-target elements, the element information corresponding to the target element is displayed in the preview image information in a first display mode, and the non-target element is displayed in the preview image information in a second display mode.

10. An electronic device comprising a processor, a memory, and a program or instruction stored in the memory and executable on the processor, wherein: When the program or instruction is executed by the processor, the logo preview display method according to any one of claims 1 to 8 is implemented.

11. A readable storage medium, wherein: The readable storage medium stores a program or an instruction, and when the program or the instruction is executed by the processor, the logo preview display method according to any one of claims 1 to 8 is implemented.

12. A chip comprising a processor and a communication interface, wherein: The communication interface is coupled to the processor, and the processor is used to run a program or an instruction to implement the logo preview display method according to any one of claims 1 to 8.

Images