A method and device for processing application design drawings

Abstract

The present invention discloses an application design drawing processing method and device, and relates to the field of computer technology. A specific implementation of the method includes receiving application design drawing information, identifying the design drawing as a target processing design drawing; calling a preset image processing model, extracting key feature information in the design drawing data to generate a design specification knowledge base; obtaining the design drawing information to be reviewed, and comparing the key feature information of the design drawing to be reviewed based on the design specification knowledge base to generate and output a review report. Therefore, the implementation of the present invention can solve the problems of difficult management and low flexibility of existing application UI design.

Description

Technical Field

[0001] The present invention relates to the field of computer technology, and in particular to a method and device for processing application design drawings. Background Art

[0002] At present, when developing user-oriented mobile APP applications, a large number of UI design drawings will appear because the UI design drawings of a mobile APP involve various functions and different levels of the APP. The design work of the APP within the enterprise is completed by different designers in collaboration, and it is difficult to achieve standardization and style consistency in the front-end UI specifications, which greatly reduces the user experience. At the same time, each UI design drawing covers different contents such as text, buttons, controls, and involves different indicators such as size, color value, spacing, and transparency. How to accurately and comprehensively find subtle design features that do not meet the standards and cause user experience defects in a large number of UI design drawings is a technical problem commonly faced by the industry.

[0003] In the process of implementing the present invention, the inventors found that there are at least the following problems in the prior art:

[0004] In the early stages of design, designers are strictly restricted to using design components from a unified standard library to carry out their design work. The creativity of designers' work is restricted. Although efficiency is guaranteed, the innovation and flexibility of the design solution will be greatly reduced. Summary of the invention

[0005] In view of this, an embodiment of the present invention provides a method and device for processing an application design drawing, which can solve the problems of difficult management and low flexibility of existing application UI design.

[0006] To achieve the above-mentioned purpose, according to one aspect of an embodiment of the present invention, a method for processing an application design drawing is provided, comprising receiving application design drawing information, identifying the design drawing as a target processing design drawing; calling a preset image processing model, extracting key feature information in the design drawing data to generate a design specification knowledge base; obtaining the design drawing information to be reviewed, and comparing the key feature information of the design drawing to be reviewed based on the design specification knowledge base to generate a review report and output it.

[0007] Optionally, identifying the design drawing as a target processing design drawing includes:

[0008] The type identifier in the design drawing information is obtained, and a preset target object identifier set is queried to determine whether the type identifier exists, and thus the design drawing is a target processing design drawing.

[0009] Optionally, calling a preset image processing model to extract key feature information from the design drawing data to generate a design specification knowledge base includes:

[0010] Positioning the design drawing in two dimensions, extracting preset attribute features in the positioned design drawing, and then generating corresponding design specification knowledge bases based on attribute categories;

[0011] The remaining attribute features in the located design drawing are stored in a waiting library to be processed so that each attribute feature can be sorted based on the frequency of occurrence so as to be processed through a scheduled review procedure.

[0012] Optionally, before the design drawing is two-dimensionally positioned, the process includes:

[0013] The design drawing information is processed according to a preset denoising model.

[0014] Optionally, obtain the design drawing information to be reviewed, including:

[0015] The information of the design drawing to be reviewed is received to be stored in a preset pool to be reviewed, and then the design drawing to be reviewed is captured from the pool to be reviewed.

[0016] Optionally, comparing key features of the design drawing to be reviewed based on the design specification knowledge base includes:

[0017] The key feature information of the design drawing to be reviewed is obtained, and the key feature information of the design drawing to be reviewed is respectively compared based on the corresponding attribute feature design specification knowledge base to calculate the similarity value of each attribute feature.

[0018] Optionally, generate and output an audit report, including:

[0019] The preset matching model is called to classify the attributes according to their similarity values, so as to obtain and output corresponding processing information according to different levels.

[0020] In addition, the present invention also provides an application design drawing processing device, including an acquisition module for receiving application design drawing information and identifying the design drawing as a target processing design drawing; a generation module for calling a preset image processing model to extract key feature information in the design drawing data to generate a design specification knowledge base; a processing module for acquiring information of the design drawing to be reviewed, comparing the key features of the design drawing to be reviewed based on the design specification knowledge base to generate a review report and output it.

[0021] One embodiment of the above invention has the following advantages or beneficial effects: the present invention can extract key design element features from basic UI design drawings and form a specification library, and during the design process, the system automatically reviews the design drawings, and the system replaces manpower to efficiently complete the review, thereby avoiding the subjective risks of establishing internal rules and regulations, changing from subjective to objective, from manual to systematic, and reducing the tediousness of the review workload and experience testing workload to a minimum, saving time and cost. In addition, the present invention maximizes the innovation and flexibility of the designer's work while ensuring the consistency of the experience. Designers can still perform design work according to the design aesthetics and will not be limited by a unified specification library.

[0022] The further effects of the above-mentioned non-conventional optional manner will be described below in conjunction with the specific implementation manner. BRIEF DESCRIPTION OF THE DRAWINGS

[0023] The accompanying drawings are used to better understand the present invention and do not constitute an improper limitation of the present invention.

[0024] Figure 1 is a schematic diagram of the main process of the application design diagram processing method according to the first embodiment of the present invention;

[0025] Figure 2 is a schematic diagram of a design specification knowledge base generation process according to an embodiment of the present invention;

[0026] Figure 3 is a schematic diagram of the main process of the application design diagram processing method according to the second embodiment of the present invention;

[0027] Figure 4 is a schematic diagram of main modules of an application design diagram processing device according to an embodiment of the present invention;

[0028] Figure 5 is an exemplary system architecture diagram to which embodiments of the present invention may be applied;

[0029] Figure 6 It is a schematic diagram of the structure of a computer system of a terminal device or a server suitable for implementing an embodiment of the present invention. DETAILED DESCRIPTION

[0030] The following is a description of exemplary embodiments of the present invention in conjunction with the accompanying drawings, including various details of the embodiments of the present invention to facilitate understanding, which should be considered as merely exemplary. Therefore, it should be recognized by those of ordinary skill in the art that various changes and modifications may be made to the embodiments described herein without departing from the scope and spirit of the present invention. Similarly, for clarity and conciseness, the description of well-known functions and structures is omitted in the following description.

[0031] Figure 1 FIG. 1 is a schematic diagram of the main flow of the method for processing an application design diagram according to the first embodiment of the present invention. Figure 1 As shown, the application design diagram processing method includes:

[0032] Step S101, receiving application design drawing information, and identifying the design drawing as a target processing design drawing.

[0033] In some embodiments, application design information can be received, the type identifier in the design information can be obtained, and a preset target object identifier set can be queried to determine the existence of the type identifier (for example, the preset target object identifier set includes, for example, a basic framework design identifier), and then the design is a target processing design. Among them, the application (APP) refers to the software installed on the smart terminal. The design (UI) or interface design refers to the overall design of the software's human-computer interaction, operating logic, and interface aesthetics.

[0034] Step S102, calling a preset image processing model to extract key feature information from the design drawing data to generate a design specification knowledge base.

[0035] In some embodiments, a preset image processing model is called to extract key feature information from the design drawing data to generate a design specification knowledge base, including: two-dimensionally positioning the design drawing, extracting preset attribute features from the positioned design drawing, and then generating corresponding design specification knowledge bases based on attribute categories. The remaining attribute features in the positioned design drawing are stored in a pending library to sort each attribute feature based on the frequency of occurrence, so as to be processed through a timed review procedure. In a further embodiment, before the design drawing is two-dimensionally positioned, the design drawing information is processed according to a preset denoising model (e.g., various denoising models such as a mean filter, a median filter, etc.).

[0036] like Figure 2 As shown, the specific implementation process includes: obtaining a UI design drawing, two-dimensionally positioning the UI design drawing, extracting effective features (i.e., preset attribute features) in the design drawing, including buttons, texts, controls, image sizes, ICONs, etc., and forming various design specification knowledge bases, that is, design specifications based on user experience and forming design specification knowledge bases, including button specification libraries, text specification libraries, control specification libraries, etc. Among them, user experience design refers to a user-centered design method, and designs are carried out with user needs as the goal. In addition, the features that are not set in the system mode in the design drawing are placed in the pending library, processed through a scheduled review program, and the corresponding design specification knowledge base is generated and stored for the attribute features that meet the review. All received design drawings are processed by iterating the aforementioned process, and various specification libraries and pending libraries are updated.

[0037] Step S103, obtaining the information of the design drawing to be reviewed, comparing the key feature information of the design drawing to be reviewed based on the design specification knowledge base, so as to generate and output a review report.

[0038] In some embodiments, obtaining the information of the design drawings to be reviewed includes receiving the information of the design drawings to be reviewed, storing it in a preset pool to be reviewed, and then capturing the design drawings to be reviewed from the pool to be reviewed.

[0039] As some other embodiments, the key features of the design drawing to be reviewed are compared based on the design specification knowledge base, including obtaining the key feature information of the design drawing to be reviewed, and comparing the key feature information of the design drawing to be reviewed based on the corresponding attribute feature design specification knowledge base to calculate the similarity value of each attribute feature. For example: the similarity value is calculated using a cosine similarity algorithm, a Spearman correlation algorithm, etc. That is, the button feature information of the design drawing to be reviewed is calculated similarly with the information in the button specification library.

[0040] In a further embodiment, the review report is generated and output, including calling a preset matching model, and classifying the levels according to the similarity values ​​of each attribute feature, so as to obtain and output corresponding processing information according to different levels. Preferably, the levels may include a compliance level, a modifiable level, and a non-compliance level, and the corresponding processing information is also different according to different levels. For example, the compliance level processing information is not to be modified, the modifiable level processing information is to identify the modifiable features and give modification data (that is, modification suggestions can be given according to the data in the corresponding design specification knowledge base), and the non-compliance level processing information is to delete or redesign. In addition, it is worth noting that when classifying the levels according to the similarity values, the similarity value ranges can be set for different levels.

[0041] To sum up, the application design drawing processing method described in the present invention first extracts the experience design specifications in the designer's original basic design drawings and forms a specification library through the system, and automatically extracts the design specification components. After that, the design drawings can be intelligently reviewed, which ensures the innovation and flexibility of the designer's work. The designer can still perform design work according to the design aesthetics and will not be limited by the unified design specification library. At the same time, it efficiently solves the technical problem commonly faced in the industry, that is, how to accurately and comprehensively find designs that do not meet the standards in a large number of UI design drawings.

[0042] Figure 3 FIG. 4 is a schematic diagram of the main flow of the method for processing an application design diagram according to the second embodiment of the present invention. Figure 3 As shown, the application design diagram processing method includes:

[0043] Step S301, receiving application design drawing information, and obtaining the type identifier in the design drawing information.

[0044] Step S302, querying a preset target object identifier set to determine whether the type identifier exists, and thus the design drawing is a target processing design drawing.

[0045] Step S303: Process the design drawing information according to a preset denoising model.

[0046] Step S304, two-dimensionally positioning the processed design drawing, extracting preset attribute features in the positioned design drawing, and then generating corresponding design specification knowledge bases based on attribute categories.

[0047] Step S305, storing the remaining attribute features in the located design drawing into a to-be-processed library, so as to sort the attribute features based on the frequency of occurrence, so as to be processed through a timed review procedure.

[0048] Step S306, receiving information of design drawings to be reviewed, storing it in a preset pool to be reviewed, and then capturing design drawings to be reviewed from the pool to be reviewed.

[0049] Step S307, obtaining key feature information of the design drawing to be reviewed, and comparing the key feature information of the design drawing to be reviewed based on the corresponding attribute feature design specification knowledge base to calculate the similarity value of each attribute feature.

[0050] Step S308, calling a preset matching model, and classifying the attributes according to the similarity values ​​of the attributes, so as to obtain and output corresponding processing information according to different levels.

[0051] Figure 4 is a schematic diagram of the main modules of the application design diagram processing device according to an embodiment of the present invention, such as Figure 4 As shown, the application design drawing processing device includes an acquisition module 401, a generation module 402 and a processing module 403. Among them, the acquisition module 401 receives the application design drawing information and identifies the design drawing as a target processing design drawing; the generation module 402 calls a preset image processing model to extract key feature information in the design drawing data to generate a design specification knowledge base; the processing module 403 obtains the design drawing information to be reviewed, compares the key feature information of the design drawing to be reviewed based on the design specification knowledge base, so as to generate and output a review report.

[0052] In some embodiments, the acquisition module 401 identifies the design drawing as a target processing design drawing, including:

[0053] The type identifier in the design drawing information is obtained, and a preset target object identifier set is queried to determine whether the type identifier exists, and thus the design drawing is a target processing design drawing.

[0054] In some embodiments, the generation module 402 calls a preset image processing model to extract key feature information from the design drawing data to generate a design specification knowledge base, including:

[0055] Positioning the design drawing in two dimensions, extracting preset attribute features in the positioned design drawing, and then generating corresponding design specification knowledge bases based on attribute categories;

[0056] The remaining attribute features in the located design drawing are stored in a waiting library to be processed so that each attribute feature can be sorted based on the frequency of occurrence so as to be processed through a scheduled review procedure.

[0057] In some embodiments, before the generating module 402 performs two-dimensional positioning on the design drawing, the generating module 402 includes:

[0058] The design drawing information is processed according to a preset denoising model.

[0059] In some embodiments, the processing module 403 obtains the design drawing information to be reviewed, including:

[0060] The information of the design drawing to be reviewed is received to be stored in a preset pool to be reviewed, and then the design drawing to be reviewed is captured from the pool to be reviewed.

[0061] In some embodiments, the processing module 403 compares the key features of the design drawing to be reviewed based on the design specification knowledge base, including:

[0062] The key feature information of the design drawing to be reviewed is obtained, and the key feature information of the design drawing to be reviewed is respectively compared based on the corresponding attribute feature design specification knowledge base to calculate the similarity value of each attribute feature.

[0063] In some embodiments, the processing module 403 generates and outputs a review report, including:

[0064] The preset matching model is called to classify the attributes according to their similarity values, so as to obtain and output corresponding processing information according to different levels.

[0065] It should be noted that the application design drawing processing method and the application design drawing processing device described in the present invention have a corresponding relationship in terms of specific implementation contents, so the repeated contents will not be described again.

[0066] Figure 5An exemplary system architecture 500 is shown to which the application design diagram processing method or application design diagram processing device according to the embodiment of the present invention can be applied.

[0067] like Figure 5 As shown, system architecture 500 may include terminal devices 501, 502, 503, a network 504 and a server 505. Network 504 is used to provide a medium for communication links between terminal devices 501, 502, 503 and server 505. Network 504 may include various connection types, such as wired, wireless communication links or optical fiber cables, etc.

[0068] Users can use terminal devices 501, 502, 503 to interact with server 505 through network 504 to receive or send messages, etc. Various communication client applications can be installed on terminal devices 501, 502, 503, such as shopping applications, web browser applications, search applications, instant messaging tools, email clients, social platform software, etc. (only as examples).

[0069] The terminal devices 501, 502, 503 may be various electronic devices having an application design image processing screen and supporting web browsing, including but not limited to smart phones, tablet computers, laptop computers, desktop computers, and the like.

[0070] The server 505 may be a server that provides various services, such as a backend management server (only an example) that provides support for shopping websites browsed by users using the terminal devices 501, 502, and 503. The backend management server may analyze and process the received data such as product information query requests, and feed back the processing results (such as target push information, product information - only an example) to the terminal device.

[0071] It should be noted that the application design drawing processing method provided in the embodiment of the present invention is generally executed by the server 505 , and accordingly, the computing device is generally set in the server 505 .

[0072] It should be understood that Figure 5 The number of terminal devices, networks and servers in the embodiment is only for illustration. Any number of terminal devices, networks and servers may be provided according to implementation requirements.

[0073] Reference below Figure 6 , which shows a schematic diagram of the structure of a computer system 600 of a terminal device suitable for implementing an embodiment of the present invention. Figure 6 The terminal device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present invention.

[0074] like Figure 6As shown, the computer system 600 includes a central processing unit (CPU) 601, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 602 or a program loaded from a storage part 608 into a random access memory (RAM) 603. In the RAM 603, various programs and data required for the operation of the computer system 600 are also stored. The CPU 501, ROM 602, and RAM 603 are connected to each other via a bus 604. An input / output (I / O) interface 605 is also connected to the bus 604.

[0075] The following components are connected to the I / O interface 605: an input section 606 including a keyboard, a mouse, etc.; an output section 607 including a cathode ray tube (CRT), a liquid crystal display processor (LCD), etc., and a speaker, etc.; a storage section 608 including a hard disk, etc.; and a communication section 609 including a network interface card such as a LAN card, a modem, etc. The communication section 609 performs communication processing via a network such as the Internet. A drive 610 is also connected to the I / O interface 605 as needed. A removable medium 611, such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, etc., is installed on the drive 610 as needed, so that a computer program read therefrom is installed into the storage section 608 as needed.

[0076] In particular, according to the embodiments disclosed in the present invention, the process described above with reference to the flowchart can be implemented as a computer software program. For example, the embodiments disclosed in the present invention include a computer program product, which includes a computer program carried on a computer-readable medium, and the computer program includes a program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from the network through the communication part 609, and / or installed from the removable medium 611. When the computer program is executed by the central processing unit (CPU) 601, the above-mentioned functions defined in the system of the present invention are executed.

[0077] It should be noted that the computer-readable medium shown in the present invention may be a computer-readable signal medium or a computer-readable storage medium or any combination of the above two. The computer-readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples of computer-readable storage media may include, but are not limited to: an electrical connection with one or more wires, a portable computer disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above. In the present invention, a computer-readable storage medium may be any tangible medium containing or storing a program that can be used by or in combination with an instruction execution system, device or device. In the present invention, a computer-readable signal medium may include a data signal propagated in a baseband or as part of a carrier wave, which carries a computer-readable program code. This propagated data signal may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. Computer-readable signal media may also be any computer-readable medium other than computer-readable storage media, which may send, propagate or transmit a program for use by or in conjunction with an instruction execution system, apparatus or device. The program code contained on the computer-readable medium may be transmitted using any appropriate medium, including but not limited to: wireless, wire, optical cable, RF, etc., or any suitable combination of the above.

[0078] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present invention. In this regard, each box in the flow chart or block diagram can represent a module, a program segment, or a part of a code, and the above-mentioned module, program segment, or a part of a code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some alternative implementations, the functions marked in the box can also occur in a different order from the order marked in the accompanying drawings. For example, two boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each box in the block diagram or flow chart, and the combination of the boxes in the block diagram or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0079] The modules involved in the embodiments of the present invention may be implemented by software or hardware. The modules described may also be set in a processor, for example, it may be described as: a processor includes an acquisition module, a processing module and a generation module. The names of these modules do not constitute limitations on the modules themselves in some cases.

[0080] As another aspect, the present invention also provides a computer-readable medium, which may be included in the device described in the above embodiment; or it may exist independently without being assembled into the device. The above computer-readable medium carries one or more programs, and when the above one or more programs are executed by a device, the device includes receiving application design drawing information, identifying the design drawing as a target processing design drawing; calling a preset image processing model, extracting key feature information from the design drawing data to generate a design specification knowledge base; obtaining the design drawing information to be reviewed, and comparing the key feature information of the design drawing to be reviewed based on the design specification knowledge base to generate a review report and output it.

[0081] The technical solution according to the embodiment of the present invention can solve the problems of difficult design and management of existing application UIs and low flexibility.

[0082] The above specific implementations do not constitute a limitation on the protection scope of the present invention. It should be understood by those skilled in the art that various modifications, combinations, sub-combinations and substitutions may occur depending on design requirements and other factors. Any modification, equivalent substitution and improvement made within the spirit and principle of the present invention shall be included in the protection scope of the present invention.

Claims

1. A method for processing an application design drawing, characterized in that: include: Receiving application design diagram information, and identifying the design diagram as a target processing design diagram; Calling a preset image processing model to extract key feature information in the target processing design diagram to generate a design specification knowledge base; Calling a preset image processing model to extract key feature information in the target processing design drawing to generate a design specification knowledge base, including: extracting preset attribute features in the target processing design drawing, and then forming a design specification knowledge base based on the design specifications of user experience, wherein the design of user experience refers to a user-centered design method, and designs with user needs as the goal, and the features that are not set in the system mode in the target processing design drawing are placed in a to-be-processed library, processed through a regular review program, and the corresponding design specification knowledge base is generated and stored for the attribute features that meet the review, and all received design drawings are processed by iterating the above process, and various design specification knowledge bases and to-be-processed libraries are updated; The information of the design drawing to be reviewed is obtained, and the key feature information of the design drawing to be reviewed is compared based on the design specification knowledge base to generate and output a review report.

2. The method according to claim 1, characterized in that Identifying the design as a target processing design includes: The type identifier in the design drawing information is obtained, and a preset target object identifier set is queried to determine whether the type identifier exists, and thus the design drawing is a target processing design drawing.

3. The method according to claim 1, characterized in that Calling a preset image processing model to extract key feature information in the target processing design diagram to generate a design specification knowledge base, including: Positioning the design drawing in two dimensions, extracting preset attribute features in the positioned design drawing, and then generating corresponding design specification knowledge bases based on attribute categories; The remaining attribute features in the located design drawing are stored in a waiting library to be processed so that each attribute feature can be sorted based on the frequency of occurrence so as to be processed through a scheduled review procedure.

4. The method according to claim 3, characterized in that Before the design drawing is two-dimensionally positioned, the process includes: The design drawing information is processed according to a preset denoising model.

5. The method according to claim 1, characterized in that Obtain information on design drawings to be reviewed, including: The information of the design drawing to be reviewed is received to be stored in a preset pool to be reviewed, and then the design drawing to be reviewed is captured from the pool to be reviewed.

6. The method according to claim 1, characterized in that Compare the key features of the design drawings to be reviewed based on the design specification knowledge base, including: The key feature information of the design drawing to be reviewed is obtained, and the key feature information of the design drawing to be reviewed is respectively compared based on the corresponding attribute feature design specification knowledge base to calculate the similarity value of each attribute feature.

7. The method according to claim 6, characterized in that Generate and output audit reports, including: The preset matching model is called to classify the attributes according to their similarity values, so as to obtain and output corresponding processing information according to different levels.

8. An application design drawing processing device, characterized in that: include: An acquisition module, used for receiving application design diagram information and identifying the design diagram as a target processing design diagram; A generation module, used to call a preset image processing model to extract key feature information in the target processing design diagram to generate a design specification knowledge base; Calling a preset image processing model to extract key feature information in the target processing design drawing to generate a design specification knowledge base, including: extracting preset attribute features in the target processing design drawing, and then forming a design specification knowledge base based on the design specifications of user experience, wherein the design of user experience refers to a user-centered design method, and designs with user needs as the goal, and the features that are not set in the system mode in the target processing design drawing are placed in a to-be-processed library, processed through a regular review program, and the corresponding design specification knowledge base is generated and stored for the attribute features that meet the review, and all received design drawings are processed by iterating the above process, and various design specification knowledge bases and to-be-processed libraries are updated; The processing module is used to obtain the information of the design drawing to be reviewed, and compare the key features of the design drawing to be reviewed based on the design specification knowledge base to generate and output a review report.

9. An electronic device, characterized in that: include: one or more processors; a storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors implement the method according to any one of claims 1 to 7.

10. A computer readable medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the method according to any one of claims 1 to 7 is implemented.

Images