CN112083924A - Software design interface consistency improving method and tool - Google Patents
Software design interface consistency improving method and tool Download PDFInfo
- Publication number
- CN112083924A CN112083924A CN202010882107.9A CN202010882107A CN112083924A CN 112083924 A CN112083924 A CN 112083924A CN 202010882107 A CN202010882107 A CN 202010882107A CN 112083924 A CN112083924 A CN 112083924A
- Authority
- CN
- China
- Prior art keywords
- software
- target
- tool
- file
- programming language
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 25
- 238000013461 design Methods 0.000 claims description 9
- 238000004519 manufacturing process Methods 0.000 claims description 3
- 238000013507 mapping Methods 0.000 claims description 3
- 230000006870 function Effects 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 238000004458 analytical method Methods 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/38—Creation or generation of source code for implementing user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/30—Creation or generation of source code
- G06F8/34—Graphical or visual programming
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/40—Transformation of program code
- G06F8/41—Compilation
- G06F8/44—Encoding
- G06F8/447—Target code generation
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F8/00—Arrangements for software engineering
- G06F8/70—Software maintenance or management
- G06F8/71—Version control; Configuration management
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Computer Security & Cryptography (AREA)
- Stored Programmes (AREA)
Abstract
The invention provides a method and a tool for improving the consistency of a software design interface, and belongs to the technical field of software development. The software design interface consistency improving method comprises the following steps: initializing target software; using a vector graphics making tool to arrange the Sketch files of the target software and integrating the Sketch files into a specified directory; building a dependency package required by a D2C database management tool by using a node.js package management tool; using the D2C database management tool, the generation of the target programming language file is run automatically: integrating the generated programming language file into a running file in target software by using a target application system; and (3) upgrading the service or changing the software style, redefining the Sketch basic component, generating a new programming language file, and re-integrating the new programming language file into target software. The software design interface consistency promotion tool comprises a vector graphics making tool, a D2C database management tool and a target application system.
Description
Technical Field
The invention belongs to the technical field of software development, and particularly relates to a method and a tool for improving the consistency of a software design interface.
Background
With the gradual updating and development of functions and technologies of internet software products, the consistency of a software system is more and more important in a user experience level (UE) along with the function iteration upgrading, and the software system is also an important dimension of the willingness degree of a user to purchase and renew software. A system that does not degrade the overall user experience with business and technology changes or upgrades would be appreciated by people in the field. However, in the current situation, user experience and interface design style switching which are consistent with the whole system need to be quickly realized, and the method is often implemented by inputting a large amount of resources to rewrite the user experience and meet the design level, and is an extremely inefficient method.
Disclosure of Invention
The invention aims to solve the technical problems and provides a method and a tool for improving the consistency of a software design interface.
In order to achieve the purpose, the invention adopts the following technical scheme:
a software design interface consistency improving method comprises the following steps:
s1, initializing target software;
s2, arranging the Sketch files of the target software by using a vector graphics making tool, and integrating the Sketch files into a specified directory;
s3, establishing a dependency package required by the D2C database management tool by using the node. js package management tool;
s4, automatically operating and generating a target programming language file according to the following script command by using a D2C database management tool:
s1, reading the Sketch file;
s2, analyzing the file stream;
s3, mapping fields according to a rule method to generate a target programming language;
s5, integrating the generated programming language file into a running file in target software by using a target application system;
and S6, upgrading the service or changing the software style, redefining the Sketch basic components, generating a new programming language file, and re-integrating the new programming language file into the target software.
The invention also provides a software design interface consistency promotion tool, which comprises:
the vector graphic manufacturing tool is used for generating a Sketch file of a design system component set of the software;
js package management tool, which is used for reading the description file package of the nodejs project module and establishing a dependency package;
D2C database management tool for generating target programming language file;
and the target application system is used for integrating the required D2C basic component files and enabling the files to be applied to target software.
After the technical scheme is adopted, the invention has the following advantages:
the software design interface consistency improving method and the tool can improve the bottom layer design style uniformity of multi-end application of the software product, so that the overall user experience of the software product is improved; the method can help designers to standardize the work flow, so that tools, methods and output are more standardized and efficient, and the working proportion of design thinking is further improved.
Drawings
FIG. 1 is a flowchart illustrating steps of a method for improving consistency of a software design interface according to the present invention.
Detailed Description
The present invention will be described in further detail with reference to the following drawings and specific examples.
As shown in fig. 1, a method for improving consistency of a software design interface includes the following steps:
s1, initializing target software;
s2, arranging the Sketch files of the target software by using a vector graphics making tool, and integrating the Sketch files into a specified directory;
(Sketch document is a software design system component assembly document created by a designer using a vector graphics tool)
S3, establishing a dependency package required by the D2C project module by using a node. js package management tool;
(the dependency package is the dependency package which needs to be installed when the D2C database management tool is operated, specifically, the node.js package management tool is used for reading the package.json configuration file in the engineering and generating the dependency package by using the npm install command)
S4, automatically operating and generating a target programming language file according to the following script command by using a D2C database management tool:
(script commands are commands exposed by the D2C database management tool)
s1, reading the Sketch file;
s2, analyzing the file stream; the method comprises the steps of constructing a Sketch of a function library by an open source script Sketch-constructor.js analysis file, obtaining a file stream of the Sketch by an open source script jszip.js for analyzing javascript of a zip file, generating a target JSON file by a javascript method jszip.file method for generating the file, and finally generating a JSON object by a json.parse method for analyzing JSON file by the javascript.
s3, mapping fields according to a rule method to generate a target programming language; based on the generated JSON object, according to the pages ID of Sketch defined by a designer, at the moment, because the classification key value of the generated JSON object is the corresponding page ID, the required attributes can be extracted from the corresponding JSON object to be recombined into the JSON object required by the target, such as the required attributes of font size, color value and the like, and the target programming language is generated based on javascript three-party script node-fs-extra.
(the target programming language is a target language file generated by the D2C database management tool, and ts, js, less, scss, json files are generated in support of generation)
S5, integrating the generated programming language file into a running file in target software by using a target application system;
firstly, extracting a target file into a software engineering code library, converting a target language into a cs file which can be analyzed by a browser through a loader mechanism of an open source script webpack construction tool, and finally rendering DOM (document object model) by the cs style attribute and finally presenting the DOM in a software system.
(target application System for integrating the required D2C basic component files for use in target software)
And S6, upgrading the service or changing the software style, redefining the Sketch basic components, generating a new programming language file, and re-integrating the new programming language file into the target software.
The invention also provides a software design interface consistency promotion tool, which comprises:
the vector graphic manufacturing tool is used for generating a Sketch file of a design system component set of the software;
js package management tool, which is used for reading the description file package of the nodejs project module and establishing a dependency package;
D2C database management tool for generating target programming language file;
and the target application system is used for integrating the required D2C basic component files and enabling the files to be applied to target software.
The software design interface consistency improving method and the tool can improve the bottom layer design style uniformity of multi-end application of the software product, so that the overall user experience of the software product is improved; the method can help designers to standardize the work flow, so that tools, methods and output are more standardized and efficient, and the working proportion of design thinking is further improved.
Other embodiments of the present invention than the preferred embodiments described above will be apparent to those skilled in the art from the present invention, and various changes and modifications can be made therein without departing from the spirit of the present invention as defined in the appended claims.
Claims (2)
1. A software design interface consistency promotion method is characterized by comprising the following steps:
s1, initializing target software;
s2, arranging the Sketch files of the target software by using a vector graphics making tool, and integrating the Sketch files into a specified directory;
s3, establishing a dependency package required by the D2C database management tool by using the node. js package management tool;
s4, automatically operating and generating a target programming language file according to the following script command by using a D2C database management tool:
s1, reading the Sketch file;
s2, analyzing the file stream;
s3, mapping fields according to a rule method to generate a target programming language;
s5, integrating the generated programming language file into a running file in target software by using a target application system;
and S6, upgrading the service or changing the software style, redefining the Sketch basic components, generating a new programming language file, and re-integrating the new programming language file into the target software.
2. A software design interface consistency promotion tool, comprising:
the vector graphic manufacturing tool is used for generating a Sketch file of a design system component set of the software;
js package management tool, which is used for reading the description file package of the nodejs project module and establishing a dependency package;
D2C database management tool for generating target programming language file;
and the target application system is used for integrating the required D2C basic component files and enabling the files to be applied to target software.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010882107.9A CN112083924A (en) | 2020-08-28 | 2020-08-28 | Software design interface consistency improving method and tool |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010882107.9A CN112083924A (en) | 2020-08-28 | 2020-08-28 | Software design interface consistency improving method and tool |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN112083924A true CN112083924A (en) | 2020-12-15 |
Family
ID=73728314
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010882107.9A Pending CN112083924A (en) | 2020-08-28 | 2020-08-28 | Software design interface consistency improving method and tool |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112083924A (en) |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105022616A (en) * | 2014-04-23 | 2015-11-04 | 腾讯科技（北京）有限公司 | Method and device for generating web page |
| CN106598556A (en) * | 2015-10-15 | 2017-04-26 | 阿里巴巴集团控股有限公司 | User interface generation method and device |
| US20170123641A1 (en) * | 2015-10-28 | 2017-05-04 | Adobe Systems Incorporated | Automatically generating network applications from design mock-ups |
| CN106843869A (en) * | 2017-01-16 | 2017-06-13 | 百融（北京）金融信息服务股份有限公司 | A kind of front end Development Engineering system and method |
| CN110069257A (en) * | 2019-04-25 | 2019-07-30 | 腾讯科技（深圳）有限公司 | A kind of interface processing method, device and terminal |
| CN110096275A (en) * | 2018-01-30 | 2019-08-06 | 阿里健康信息技术有限公司 | A kind of page processing method and device |
| CN111475163A (en) * | 2020-06-22 | 2020-07-31 | 腾讯科技（深圳）有限公司 | Method, device and equipment for generating code file of view template and storage medium |
-
2020
- 2020-08-28 CN CN202010882107.9A patent/CN112083924A/en active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105022616A (en) * | 2014-04-23 | 2015-11-04 | 腾讯科技（北京）有限公司 | Method and device for generating web page |
| CN106598556A (en) * | 2015-10-15 | 2017-04-26 | 阿里巴巴集团控股有限公司 | User interface generation method and device |
| US20170123641A1 (en) * | 2015-10-28 | 2017-05-04 | Adobe Systems Incorporated | Automatically generating network applications from design mock-ups |
| CN106843869A (en) * | 2017-01-16 | 2017-06-13 | 百融（北京）金融信息服务股份有限公司 | A kind of front end Development Engineering system and method |
| CN110096275A (en) * | 2018-01-30 | 2019-08-06 | 阿里健康信息技术有限公司 | A kind of page processing method and device |
| CN110069257A (en) * | 2019-04-25 | 2019-07-30 | 腾讯科技（深圳）有限公司 | A kind of interface processing method, device and terminal |
| CN111475163A (en) * | 2020-06-22 | 2020-07-31 | 腾讯科技（深圳）有限公司 | Method, device and equipment for generating code file of view template and storage medium |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112181416B (en) | Method and device for directly generating UI code from visual manuscript | |
| CN110007917B (en) | Visual page generation and browsing method based on browser | |
| CA2908130C (en) | Method for transforming first code instructions in a first programming language into second code instructions in a second programming language | |
| Vanderdonckt et al. | Flexible reverse engineering of web pages with vaquista | |
| CN110955410B (en) | Code automatic generation method, device, equipment and medium | |
| JPH08202545A (en) | Object-oriented system and method for generation of target language code | |
| CN104965714A (en) | Code generation method and system of application software | |
| CN111078555B (en) | Test file generation method, system, server and storage medium | |
| CN108153522B (en) | Method for generating Spark and Hadoop program codes by midcore based on model conversion | |
| CN112379917A (en) | Browser compatibility improving method, device, equipment and storage medium | |
| CN114036183A (en) | Data ETL processing method, device, equipment and medium | |
| CN114186533A (en) | Model training method and device, knowledge extraction method and device, equipment and medium | |
| CN113655996B (en) | Enterprise-level system generation method based on demand model | |
| US7900191B1 (en) | System and method of using an active link in a state programming environment to locate an element in a graphical programming environment | |
| CN112083924A (en) | Software design interface consistency improving method and tool | |
| Nawijn et al. | Automated finite element analysis in a knowledge based engineering environment | |
| CN110795067A (en) | Demand prototype reusable method | |
| CN115469860A (en) | Method and system for automatically generating demand-to-software field model based on instruction set | |
| CN115758789A (en) | Software architecture design and architecture transmission method of complex real-time embedded system | |
| CN115033212A (en) | Avionics system primitive model integrated construction method and device and computer equipment | |
| CN111291444B (en) | Modeling method, device, equipment and storage medium for aircraft assembly | |
| Patil et al. | GSEIM: a general-purpose simulator with explicit and implicit methods | |
| CN114371986A (en) | User interface test case updating method, device and storage medium | |
| Tallis et al. | The Briefing Associate: A Role for COTS applications in the Semantic Web. | |
| CN104899018A (en) | Design method of business process application software |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination |