Identification preview display method and device, electronic equipment, readable storage medium and chip

Abstract

The invention discloses an identifier preview display method and device, electronic equipment, a readable storage medium and a chip, and belongs to the technical field of front-end development.The identifier preview display method comprises the steps that in response to a creation instruction, a creation interface is displayed; 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 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 comprises element information corresponding to the target element and element information of a non-target element, the display mode of the element information corresponding to the target element in the preview image information is a first display mode, and the display mode of the non-target element in the preview image information is a second display mode.

Description

Technical Field

[0001] The present application belongs to the field of front-end development, and specifically relates to a logo preview display method, a logo preview display device, an electronic device, a readable storage medium and a chip. Background Art

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

[0003] 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 the user cannot determine the final presentation effect when setting the logo, resulting in a low user experience.

[0004] In a first aspect, an embodiment of the present application provides a method for displaying an identification preview, the method comprising: in response to a creation instruction, displaying a creation interface; 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.

[0005] 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 interactive module, for interactively processing the preview image information associated with the target element in response to an interactive 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.

[0006] In a third aspect, an embodiment of the present application provides an electronic device, which includes 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.

[0007] 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.

[0008] In a fifth aspect, an embodiment of the present application provides a chip, the chip including 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 of the first aspect.

[0009] In the embodiment of the present application, when creating a web page logo, it is usually set up 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. The target element is the logo that needs to be displayed. The user can select the target element that meets his needs, and then display the preview image information associated with the target element through the second area, so as 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, the preview image information will be interactively processed, so that the display method of the element information of the target element in the preview image information can be switched.

[0010] 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 mode, displayed in a more prominent or special manner, and the element information of the non-target elements is presented in a second display mode, which is usually not as obvious as the target elements.

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

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

[0013] 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

[0014] Figure 1 A schematic diagram showing a flow chart of a logo preview display method according to an embodiment of the present application is shown;

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

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

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

[0018] Figure 5 A schematic diagram showing the structure of a logo preview display device according to an embodiment of the present application is shown;

[0019] Figure 6 A schematic diagram of the structure of an electronic device according to an embodiment of the present application is shown;

[0020] Figure 7 A schematic diagram of the structure of an electronic device according to an embodiment of the present application is shown;

[0021] Figure 8 A schematic diagram of a display interface according to an embodiment of the present application is shown;

[0022] Fig. 9 A schematic diagram of a display interface according to an embodiment of the present application is shown;

[0023] Fig.10 A schematic diagram of a display interface according to an embodiment of the present application is shown;

[0024] Fig.11 A schematic diagram of a display interface according to an embodiment of the present application is shown;

[0025] Fig.12 A schematic diagram of a display interface according to an embodiment of the present application is shown;

[0026] Fig.13 A schematic diagram of a display interface according to an embodiment of the present application is shown;

[0027] Fig.14 A schematic diagram of a display interface according to an embodiment of the present application is shown;

[0028] Fig.15 A schematic diagram of a display interface according to an embodiment of the present application is shown.

[0029] in, Figures 5 to 7 The corresponding relationship between the reference numerals and the component names is as follows:

[0030] 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 drawings in the embodiments of the present application to clearly describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are part of the embodiments of the present application, rather than all the embodiments. All other embodiments obtained by ordinary technicians in this field based on the embodiments in the present application belong to the scope of protection of this application.

[0032] The terms "first", "second", etc. in the specification and claims of the present application are used to distinguish similar objects, and are not used to describe a specific order or sequence. It should be understood that the data used in this way can be interchangeable under appropriate circumstances, so that the embodiments of the present application can be implemented in an order other than those illustrated or described here, and the objects distinguished by "first", "second", etc. are generally of one type, and the number of objects is not limited. For example, the first object can be one or more. In addition, "and / or" in the specification and claims represents at least one of the connected objects, and the character " / " generally indicates that the objects associated with each other are in an "or" relationship.

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

[0034] This embodiment provides a method for displaying a logo preview. Figure 1 As shown, including:

[0035] 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.

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

[0037] The creation interface is an interface for selecting the categories involved in the activities to be participated in, or an interface for selecting the categories involved in the activities to be configured, or an interface for setting specific parameters of the activities, or an interface for setting specific parameters for element configuration of the preset interactive interface. The above activities include but are not limited to popular promotion activities, product promotion activities, etc. For example, the interface for merchant users or expert users to configure coupons.

[0038] The target element is an icon that needs to be displayed in the activity page to be participated in or configured or in the preset interactive interface. In a sales promotion scenario or a promotion scenario, the display of the target element will serve as an activity reminder to ordinary users.

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

[0040] 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.

[0041] 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 it 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 in the main page of the product setting, that is, triggering the creation instruction. When the system receives the creation instruction, the corresponding creation interface will be directly displayed. The interface for merchant users or expert users to configure coupons, the creation interface is divided into two areas, and 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 under the video, or an atmosphere bar of the expert during the live broadcast. Users can select elements that meet their needs in the first area as target elements, and then display preview image information associated with the target element through the second area.

[0042] Step S104: In response to the interactive instruction of the preview image information, interactively process 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 identified by the system, and is mainly used to satisfy the platform users' switching of the display effects of coupons in different product interfaces or promotion interfaces.

[0043] 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.

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

[0045] 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 a first display mode, and the non-target element is displayed in the preview image information in a second display mode.

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

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

[0048] 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.

[0049] 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 mode, displayed in a more prominent or special manner, and the element information of the non-target elements is presented in a second display mode, which is usually not as obvious as the target elements.

[0050] 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 side 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., the create command).

[0051] Alternatively, if Figure 2As shown, the first area includes a category selection area and an element selection area, and before responding to the interactive instruction of the preview image information, it also includes:

[0052] Step S1032: In response to the first instruction for the element category in the category selection area, multiple elements to be selected displayed in the element selection area are determined; in this step, the category selection area and the element selection area are two parts in the first area, and the user can select the element category existing in the area in the category selection area of ​​the first area, that is, issue the first instruction, so as to determine the multiple elements to be selected 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 a certain element category in the category selection area in the first area, which is equivalent to selecting the type of coupon set, such as a general coupon, a fan increase coupon, an expert exclusive coupon, a surprise coupon, a store new coupon, etc. After receiving the first instruction, for example, selecting a general coupon, the page will jump, and multiple elements to be selected are displayed in the new page, and the multiple 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 multiple 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 focus on, so that they can more accurately determine the specific logo they want to display in the interface, that is, the target element.

[0053] 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.

[0054] 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.

[0055] 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, which 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 room streaming 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.

[0056] The elements to be selected specifically include a target element and a plurality of non-target elements.

[0057] In this embodiment, the first area includes two areas, namely, a category selection area and an 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.

[0058] 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.

[0059] 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 of the first display mode are greater than the font parameters of the second display mode. For example, in the preview image displayed on the right side of the interface, the part of the page involving the coupon is highlighted, and the rest is grayed out, so as to highlight the coupon, or the part of the page involving the promotional content is highlighted.

[0060] In another embodiment, optionally, the scaling ratio of the local display area associated with the element information of the target element in the first display mode is different from the scaling ratio of the local display area associated with the element information of the non-target element in the second display mode. Specifically, the first display mode is to enlarge and display 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. For example, the part of the page involving coupons or the part specified by the merchant user for promotion is enlarged and displayed, and the rest of the part is not adjusted or is reduced, so as to realize the highlighting of the content.

[0061] 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.

[0062] This embodiment provides several schemes for highlighting the target element. 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 allows users to notice the target element more easily. 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 to highlight its details or features. The information of non-target elements in the second display mode remains as it is and is not enlarged. Fig.15 As shown, after zooming in, it is displayed in an adjacent area of ​​the original position, that is, the original display area is zoomed in, and the generated local enlarged image is set in an adjacent position of the original display area, thereby greatly improving the user's display of specific internal content, which allows the user to see the details of the target element more clearly.

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

[0064] Optionally, the user is allowed to customize parameters of the first display mode and the second display mode to meet their personal preferences and needs.

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

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

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

[0068] Alternatively, if Figure 3As shown, the interactive instruction is a switching instruction. In response to the interactive instruction of the preview image information, the preview image information associated with the target element is interactively processed, specifically including:

[0069] 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 interface information of the multiple preview image information is different.

[0070] 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 the target element, that is, the same category of logos will be displayed in multiple preview image information, but because the displayed interfaces may be different, the display effects of logos in different interfaces can be displayed to users, and the display needs of different users can also be met. 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 the previous and next buttons will be displayed below the preview image. Merchant users can switch between multiple preview images by clicking the corresponding buttons.

[0071] It is necessary to switch between multiple different preview image information so that users can 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.

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

[0073] 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.

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

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

[0076] Alternatively, if Figure 4 As shown, the interactive instruction is a zoom-in instruction. In response to the interactive instruction of the preview image information, the preview image information associated with the target element is interactively processed, specifically including:

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

[0078] In this step, after receiving the zoom instruction, the display area of ​​the entire image, generally the location of the enveloped element information, will be directly determined and 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.

[0079] 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 information related to the target element, to help them better understand the display effect of the element.

[0080] It can be understood that this solution is to enlarge 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 in proportion, or cropped and then enlarged as a whole, to facilitate viewing by merchant users or expert users.

[0081] It should be added that users can zoom in on the display area to get more detailed information, including text, images or other content, to get a more comprehensive understanding of the display effect of the element. Users can more closely examine the display of the element to determine whether it meets their needs and tastes. This is particularly useful for professional users such as designers and advertising agencies.

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

[0083] Based on any of the above embodiments, optionally, it also 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.

[0084] In this embodiment, on the basis that 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 of picking up the mark and the time of using the mark, etc. The name information can be displayed to any type of user, such as a buyer user, or it can only be used for the background management of the merchant user. It should be emphasized that according to 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 available mark, converting the user's selection into an actually available mark, and ensuring that these marks have the correct time limit and element information.

[0085] 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.

[0086] Optionally, in the middle part of the interface, specific preferential settings are also displayed, such as the selection of preferential methods, including coupons for full discounts of designated goods, instant discount coupons for designated goods, discount coupons for designated goods, full discount coupons for the entire store, instant discount coupons for the entire store, and discount coupons for the entire store. In addition to the selection of preferential methods, it also includes the settings of full discount time, issuance quantity, restrictions on coupons per person, and specific commodities involved. It can be understood that the parameters set above are the element attribute parameters corresponding to the target seriousness.

[0087] In a specific interactive embodiment, Figure 8 As shown, in the logo setting interface, an interactive button (i.e., a create command) is displayed. After the user clicks the interactive button, the interface switches to Fig. 9 In the interface shown, multiple target elements to be selected are displayed in the interface, including the 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, Fig.10 As shown, the right side displays preview image information associated with the target element 2. Based on this, in one embodiment, clicking the interactive instruction in the second area switches the interface to Fig.11 In another embodiment, click the interactive instruction in the second area, and the interface switches to the following: Fig.12 As shown, the preview image information is directly enlarged and displayed.

[0088] The display content of the preview image information is as follows: Fig.13and Fig.14 As shown, Fig.13 The display area related to the target element is enlarged and displayed. Fig.14 In the example, the display area related to the target element is highlighted, and other areas are grayed out.

[0089] like Figure 5 As shown, the 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.

[0090] 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.

[0091] 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; 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 elements specifically include target elements and multiple non-target elements.

[0092] 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 elements unchanged.

[0093] 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.

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

[0095] 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.

[0096] 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 a display interface according to the time information and name information.

[0097] 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. Exemplarily, 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.

[0098] The logo preview display device in the embodiment of the present application may be a device having an operating system. The operating system may 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.

[0099] The logo preview display device provided in the embodiment of the present application can achieve Figures 1 to 4 To avoid repetition, the various processes implemented by the method embodiment are not described here.

[0100] Alternatively, if Figure 6 As shown, the 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.

[0101] 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.

[0102] Figure 7 A schematic diagram of the hardware structure of an electronic device to implement an embodiment of the present application.

[0103] The electronic device 100 includes but is not limited to: 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 and other components.

[0104] Those skilled in the art will appreciate that the electronic device 100 may also include a power source (such as a battery) for supplying power to each component, and the power source may be logically connected to the processor 1110 through a power management system, thereby implementing functions such as managing charging, discharging, and power consumption management through the power management system. Figure 7 The electronic device structure shown in the figure does not constitute a limitation on the electronic device. The electronic device may include more or fewer components than shown in the figure, or combine certain components, or arrange the components differently, which will not be described in detail here.

[0105] 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.

[0106] Through the above scheme, when creating a web page logo, it is usually set up 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. The target element is the logo that needs 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 through the second area, so as 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, the preview image information will be interactively processed, so that the display method of the element information of the target element in the preview image information can be switched.

[0107] 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 mode, displayed in a more prominent or special manner, and the element information of the non-target elements is presented in a second display mode, which is usually not as obvious as the target elements.

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

[0109] Optionally, processor 1110 is further used to implement the following steps: in response to a first instruction for an element category in the category selection area, determining a plurality of target elements to be displayed in the element selection area; in response to a second instruction for the target element, displaying in the second area preview image information corresponding to the target element selected by the second instruction; wherein the target element specifically includes the target element and a plurality of non-target elements.

[0110] 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.

[0111] 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.

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

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

[0114] Optionally, based on the selection of at least one of the target elements, 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 a display interface according to the time information and the name information.

[0115] It should be understood that in the embodiment of the present application, the input unit 104 may include a graphics processor (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 a joystick, 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 an operating system, a user interface, and application programs, and the modem processor mainly processes wireless communications. It is understandable that the modem processor may not be integrated into the processor 1110.

[0116] The 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.

[0117] 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.

[0118] The 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.

[0119] 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.

[0120] It should be noted that, in this article, the terms "comprise", "include" or any other variant thereof are intended to cover non-exclusive inclusion, so that the process, method, article or device including a series of elements includes not only those elements, but also includes other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, the elements defined by the sentence "comprise one..." do not exclude the presence of other identical elements in the process, method, article or device including the element. In addition, it should be pointed out 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 reverse 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.

[0121] 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 a necessary general hardware platform, and of course by hardware, but in many cases the former is a better implementation method. Based on such an understanding, the technical solution of the present application, 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, a disk, or an optical disk), and includes a number of instructions for a terminal (which can be a mobile phone, a computer, a server, or a network device, etc.) to execute the methods described in each embodiment of the present application.

[0122] 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 the present application, ordinary technicians in this field can also make many forms without departing from the purpose of the present application and the scope of protection of the claims, all of which are within the protection of the present application.

Claims

1. A logo preview display method, characterized in that: include: 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 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, characterized in that: 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, characterized in that: 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 claim 1, characterized in that: The scaling ratio of the partial display area associated with the element information of the target element in the first display mode is different from the scaling ratio of the partial display area associated with the element information of the non-target element in the second display mode.

5. The logo preview display method according to claim 1, characterized in that: 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 claim 1, characterized in that: 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 specifically 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 claim 1, characterized in that: 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 specifically 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 claim 1, characterized in that: Also includes: 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, characterized in that: include: 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, 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, characterized in that: The method comprises 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 logo preview display method as described in any one of claims 1 to 8.

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

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

Images