Layer management system based on regional layers
Through a layer management system based on area layers, the problem that existing design tools are difficult to efficiently manage design drafts is solved, and the function of quickly positioning and identifying the development interface in complex canvases is realized, which improves the work efficiency of the R&D team.
Patent Information
- Application Number
- CN202510169087.3
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2025-02-17
- Publication Date
- 2025-06-10
AI Technical Summary
Existing design tools are difficult to efficiently manage a large number of design drafts, making it difficult for R&D personnel to quickly locate and identify interfaces that need to be developed, reducing delivery efficiency.
A layer management system based on region layer is adopted, and efficient management and status marking of multiple layers is achieved through region layer creation modules, region layer management modules, layer layout modules, status marking modules and collaborative working modules.
It improves the work efficiency of the R&D team, and can quickly find specific interfaces that need to be developed in complex canvases, and intuitively mark and manage the status of the interface to be developed.
Smart Images
Figure CN120122925A_ABST
Abstract
Description
Technical Field
[0001] The present invention relates to the technical field of software design, and particularly to a layer management system based on regional layers. Background Art
[0002] Designers usually construct a large number of design drafts on the canvas and need to classify these design drafts by module. Managing these design drafts in existing design tools usually requires a great deal of effort, and they need to be placed in the same container to be moved uniformly, or only the local design draft content can be grouped as a whole to be moved as a whole, resulting in very low efficiency. Since designers and developers need to interact frequently to ensure the accurate implementation of the design drafts, when delivering the design drafts to R & D, all the design drafts are mixed together, and R & D usually doesn't know which design drafts need to be delivered. Existing design tools usually lack an effective mechanism to organize and distinguish a large number of design drafts, making it difficult for R & D personnel to quickly locate and identify the interfaces to be developed, thus reducing the delivery efficiency. Existing tools do not support intuitively marking and managing the status of the interfaces to be developed, resulting in low design efficiency.
[0003] To solve the above problems, the present invention develops a layer management system based on regional layers to manage multiple layers through regional layers, efficiently manage a large number of design drafts classified by module, quickly find specific interfaces to be developed in a complex canvas, intuitively mark and manage the status of the interfaces to be developed, and improve the work efficiency of the R & D team. Summary of the Invention
[0004] In view of the above problems, a layer management system based on regional layers is proposed to facilitate intuitively marking and managing the status and organization mode of the interfaces to be developed, and improve the work efficiency of the R & D team.
[0005] The present invention provides a layer management system based on regional layers, including:
[0006] A regional layer creation module, configured to combine multiple layers selected in the canvas page into a regional layer;
[0007] A regional layer management module, configured to modify the layer attribute information of the regional layer, where the layer attribute information includes color, stroke, and name;
[0008] A layer layout module, configured to adjust the row, column spacing, and margin within the regional layer;
[0009] A status marking module, configured to mark the status of the regional layer, where the status of the regional layer includes the R & D status;
[0010] A collaborative work module, configured to preferentially process regional layers where the type conversion is greater than the structural change.
[0011] In an alternative embodiment, the area layer creation module further includes:
[0012] Select multiple layers by means of free selection of an irregular shape to create an area layer of the multiple layers;
[0013] After creating the area layer, the relative positions of the layers within the area layer remain unchanged.
[0014] In an alternative embodiment, the area layer management module further includes:
[0015] Each layer within the area layer can be edited and adjusted without disassembling the layer combination; wherein, a layer outside the area layer can be dragged to the area layer by dragging;
[0016] After editing each layer, there is no need to perform a layer locking operation again.
[0017] In an alternative embodiment, the layer layout module further includes:
[0018] The area layer is embedded with an automatic layout function, and the relative positions between the titles and layers within the area layer are adjusted for spacing through the automatic layout function.
[0019] In an alternative embodiment, in the status marking module, the visual styles of the status of the area layer include colors, patterns, icons, and custom text labels.
[0020] In an alternative embodiment, the system further includes a data migration module. When importing a design file containing Section layers through the data migration module, the combination information of the Section layers is retained, and the names, attributes, and hierarchical relationships of the Section layers are mapped.
[0021] In an alternative embodiment, in the area layer creation module, the area layer supports a nested area layer function, and a sub-area layer is created inside the area layer through the nested area layer function.
[0022] In an alternative embodiment, the system further includes a layer export module, which exports the selected area layer or all area layers through the layer export module, and retains the status and layer attribute information of the area layer.
[0023] In an alternative embodiment, the area layer creation module further includes:
[0024] Group the selected multiple layers in the canvas page according to their types and layouts to obtain multiple layer layouts, and combine the multiple layer layouts into multiple regional layers respectively.
[0025] In an alternative embodiment, the types of the layers include images, texts, shapes, groups, boolean groups, containers, and instances.
[0026] The solution provided by the above embodiments of the present invention includes: a regional layer creation module for combining multiple selected layers in the canvas page into regional layers; a regional layer management module for modifying the layer attribute information of the regional layers, where the layer attribute information includes color, stroke, and name; a layer layout module for adjusting the row and column spacing and margins within the regional layers; a status marking module for marking the status of the regional layers, where the status of the regional layers includes the R & D status; and a collaborative work module for preferentially processing the regional layers with type conversion greater than structural changes. By managing multiple layers through regional layers, the present invention can efficiently manage a large number of design drafts classified by modules, quickly find specific interfaces to be developed in a complex canvas, intuitively mark and manage the status of the interfaces to be developed, and improve the work efficiency of the R & D team.
[0027] The above description is only an overview of the technical solution of the present invention. In order to be able to understand the technical means of the present invention more clearly, it can be implemented according to the content of the specification. And in order to make the above description and other purposes, features, and advantages of the present invention more obvious and understandable, the following specifically illustrates the embodiments of the present invention. BRIEF DESCRIPTION OF THE DRAWINGS
[0028] By reading the detailed description of the preferred embodiments below, various other advantages and benefits will become clear to those of ordinary skill in the art. The drawings are only for the purpose of illustrating the preferred embodiments and are not considered to be a limitation of the present invention. And throughout the drawings, the same reference numerals are used to represent the same components. In the drawings:
[0029] Figure 1 Shows the functional structure diagram of the layer management system based on regional layers according to the embodiments of the present invention;
[0030] Figure 2 Shows the schematic diagram of the entry operation of the regional layers according to the embodiments of the present invention;
[0031] Figure 3 Shows the schematic diagrams of multiple layers according to the embodiments of the present invention;
[0032] Figure 4 Shows the schematic diagram of the regional layer according to the embodiments of the present invention;
[0033] Figure 5Shows the schematic diagram of the area layer status marker of the embodiment of the present invention Figure 1 ;
[0034] Figure 6 Shows the schematic diagram of the area layer status marker of the embodiment of the present invention Figure 2 。 Detailed implementation manners
[0035] Hereinafter, exemplary embodiments of the present invention will be described in more detail with reference to the accompanying drawings. Although the exemplary embodiments of the present invention are shown in the drawings, it should be understood that the present invention can be implemented in various forms and should not be limited by the embodiments set forth herein. On the contrary, these embodiments are provided so that the present invention can be more thoroughly understood and the scope of the present invention can be fully conveyed to those skilled in the art.
[0036] Before implementing the embodiments of the present invention, the technical terms or custom terms involved hereinafter are uniformly explained herein:
[0037] Component: It allows the UI to be divided into independent and reusable parts. In practical applications, components are often organized into a tree-like structure of nested layers.
[0038] Instance: An instance refers to a specific reference to a component. What is dragged out from the component list by the user or copied and pasted from the component is an "instance", rather than the body of the component.
[0039] Container: Formerly known as "drawing board", it is an important design component of design software, such as iPhone container, A4 paper container.
[0040] Layer: In a UI design draft, each layer can be regarded as a stacked layer of multiple design elements such as text, pictures, shapes, colors, etc. Different layers can be edited independently without affecting other layers. By adjusting the order, transparency and other attributes of the layers, various complex visual effects and interactive designs can be achieved. In this application, the layer includes components, instances and containers.
[0041] Sub-layer: In the layer structure, if a layer is nested inside another layer, then the nested layer is the sub-layer, and the outer layer is the parent layer. The sub-layer can inherit all or part of the attributes of the parent layer.
[0042] The following will be described in detail the layer management system based on area layers proposed by the present invention through specific embodiments.
[0043] Figure 1 Shows the functional structure diagram of the layer management system based on area layers of the embodiment of the present invention. Specifically, as Figure 1 shown, it includes:
[0044] An area layer creation module for combining multiple selected layers in a canvas page into an area layer;
[0045] An area layer management module for modifying the layer attribute information of the area layer, where the layer attribute information includes color, stroke, and name;
[0046] A layer layout module for adjusting the row and column spacing and margins within the area layer;
[0047] A status marking module for marking the status of the area layer, where the status of the area layer includes the R & D status;
[0048] A collaborative work module for preferentially processing area layers where type conversion is greater than structural change.
[0049] In this embodiment, the layer layout module facilitates the adjustment of the spacing and margins of the internal elements of the area layer, maintaining the overall specification of the design draft. By using a variety of visual styles (color, pattern, icon, custom label) to intuitively mark the status (development status) of the area layer, designers and developers can quickly understand the current status of each design draft, reducing communication costs. By the collaborative work module, preferentially processing area layers where type conversion (such as changing text content, image resources) is greater than structural change reduces the maintenance cost caused by frequent structural changes and improves the collaborative efficiency.
[0050] Specifically, multiple layers are selected by freely enclosing them with the mouse, or by using multi-selection methods such as clicking or the Shift key, such as Figure 2 shown, and these layers are converted into one or more area layers through a right-click menu or toolbar button. The color, stroke, name, etc. of the area layer are modified through the property panel, and the row spacing, column spacing, and overall margins of the internal layers of the area layer are adjusted through the property panel. As Figure 5 、 Figure 6 shown, the status (in R & D, in development, finalized, abandoned, etc.) and priority of the area layer are selected through a drop-down menu. The status of the area layer is configured through visual styles, such as using different color backgrounds, patterns, icons, and custom text labels, which is convenient for designers and developers to view. By comparing the differences between area layers in different versions, type conversion and structural changes are identified, and area layers where type conversion is greater than structural change are preferentially processed, reducing the number of times developers repeatedly adjust the layout.
[0051] In an alternative embodiment, the area layer creation module further includes:
[0052] Selecting multiple layers by freely enclosing them with an irregular shape to create an area layer of the multiple layers;
[0053] After creating the area layer, the relative positions of the layers within the area layer remain unchanged.
[0054] In this embodiment, compared with traditional rectangular selection or individual selection (which may misselect unnecessary layers), freehand selection allows users to select layers in any shape. Especially for scattered layers arranged irregularly or at different positions on the canvas, it reduces selection errors and makes selection more convenient and efficient. When moving or adjusting the area layer, the relative positions of the internal layers do not change.
[0055] Specifically, click the "Freehand Selection" button on the toolbar. When the selection mode is activated, press the left mouse button (or finger on the touch screen) on the canvas, and then drag the mouse (or finger) to draw a closed curve of any shape on the canvas. During the drawing process, the selected area is highlighted with a dashed line. When the left mouse button (or finger) is released, all layers within the selected area are automatically recognized and marked as selected. Among them, for layers whose boundaries intersect with the selected shape, it can be determined whether to select them according to the preset settings (such as complete inclusion or partial inclusion). By clicking the "Create Area Layer" option in the right-click menu or the button on the toolbar, the selected layers are created as an area layer. After creating the area layer, the relative positions of the original layers on the canvas remain unchanged and are wrapped within the area layer.
[0056] In an alternative embodiment, the area layer management module further includes:
[0057] The area layer can edit and adjust each layer without disassembling the layer group; among them, layers outside the area layer can be dragged into the area layer by dragging;
[0058] After editing each layer, there is no need to perform the layer locking operation again.
[0059] In this embodiment, directly editing and adjusting each layer in the area layer without first disassembling the layer group improves the editing efficiency. After layer editing, there is no need to perform the locking operation again, and the states of the edited layers remain consistent, avoiding the inconsistency problems caused by changes in the locked state. Adding other layers to the area layer by dragging is convenient for quickly adjusting the layer combination.
[0060] In an alternative embodiment, the layer layout module further includes:
[0061] The area layer is embedded with an automatic layout function, and the relative positions between the titles and layers within the area layer are adjusted for spacing through the automatic layout function.
[0062] In this embodiment, in the absence of the automatic layout function, it is necessary to manually adjust the spacing between each title and layer, which is not only time-consuming but also prone to inconsistent situations.
[0063] In an alternative embodiment, in the status marking module, the visual styles of the status of the area layer include color, pattern, icon, and custom text label.
[0064] In this embodiment, different area layers in different states can be more easily distinguished through various visual styles, and the visual styles of various states can be freely customized according to specific scenarios and requirements to meet different design requirements.
[0065] In an alternative embodiment, the system further includes a data migration module. When importing a design file containing Section layers through the data migration module, the combination information of the Section layers is retained, and the names, attributes, and hierarchical relationships of the Section layers are mapped.
[0066] In this embodiment, by retaining the combination information, names, attributes, and hierarchical relationships of the Section layers, the imported design file is consistent with the original file (the structure and attributes of the design file remain unchanged), and there is no need to worry about changes in the design file after migration.
[0067] In an alternative embodiment, in the area layer creation module, the area layer supports the nested area layer function, and sub-area layers can be created inside the area layer through the nested area layer function.
[0068] In this embodiment, the complex layout is decomposed into smaller and manageable units through nested area layers to achieve more precise layout control.
[0069] In an alternative embodiment, the system further includes a layer export module, which exports the selected area layers or all area layers through the layer export module, and retains the status and layer attribute information of the area layers.
[0070] In an alternative embodiment, the area layer creation module further includes:
[0071] Grouping multiple selected layers in the canvas page according to their types and layouts to obtain multiple layer layouts, and combining the multiple layer layouts into multiple area layers respectively.
[0072] In this embodiment, the layer types in the canvas page are identified (such as vector layers, raster layers, annotation layers, etc.), such as Figure 3 、 Figure 4As shown, group the layers according to their layout (such as position, size, alignment, etc.), and combine the grouped layers into multiple regional layers.
[0073] In an alternative embodiment, the types of the layers include images, texts, shapes, groups, boolean groups, containers, and instances.
[0074] In this embodiment, a group means combining multiple layers into a logical unit for convenient operations such as overall movement, rotation, and scaling. It does not change the nature of the sub-layers, but is only a logical combination. A boolean group means performing boolean operations such as union, intersection, and difference on multiple shape layers to create complex shapes (such as hollow effects and irregular patterns).
[0075] The solution provided in the above embodiments of the present invention includes: a regional layer creation module for combining multiple selected layers in a canvas page into regional layers; a regional layer management module for modifying the layer attribute information of the regional layers, where the layer attribute information includes color, stroke, and name; a layer layout module for adjusting the row and column spacing and margins within the regional layers; a status marking module for marking the status of the regional layers, where the status of the regional layers includes the R & D status; and a collaborative work module for preferentially processing regional layers with type conversions greater than structural changes. By managing multiple layers through regional layers, the present invention can efficiently manage a large number of design drafts classified by modules, quickly find specific interfaces to be developed in a complex canvas, intuitively mark and manage the status of the interfaces to be developed, and improve the work efficiency of the R & D team.
[0076] The algorithms or displays provided herein are not inherently related to any particular computer, virtual system, or other device. Various general-purpose systems can also be used in conjunction with the teachings provided herein. Based on the above description, the structure required to construct such systems is obvious. In addition, the embodiments of the present invention are not directed to any particular programming language. It should be understood that the content of the present invention described herein can be implemented using various programming languages, and the above description of specific languages is to disclose the best mode of the present invention.
[0077] In the specification provided herein, a large number of specific details are set forth. However, it can be understood that the embodiments of the present invention can be practiced without these specific details. In some instances, well-known methods, structures, and technologies have not been shown in detail so as not to obscure the understanding of this specification.
[0078] Similarly, it should be understood that, in order to streamline the present invention and assist in understanding one or more of the various inventive aspects, in the foregoing description of the exemplary embodiments of the present invention, the various features of the embodiments of the present invention are sometimes grouped together into a single embodiment, figure, or description thereof. However, the disclosed method should not be construed as reflecting an intention that the claimed invention requires more features than are expressly recited in each claim. Rather, as reflected in the following claims, the inventive aspects lie in less than all the features of the single foregoing disclosed embodiment. Thus, the claims following the detailed description are hereby expressly incorporated into the detailed description, with each claim standing on its own as a separate embodiment of the present invention.
[0079] Those skilled in the art will appreciate that the modules in the devices in the embodiments can be adaptively changed and disposed in one or more devices different from the embodiments. The modules or units or components in the embodiments can be combined into one module or unit or component, and in addition, they can be divided into multiple sub-modules or sub-units or sub-components. Except that at least some of such features and / or processes or units are mutually exclusive, any combination can be used to combine all the features disclosed in this specification (including the accompanying claims, abstract, and drawings) and all the processes or units of any method or device so disclosed. Unless otherwise expressly stated, each feature disclosed in this specification (including the accompanying claims, abstract, and drawings) can be replaced by an alternative feature that provides the same, equivalent, or similar purpose.
[0080] In addition, those skilled in the art will be able to understand that although some of the embodiments herein include certain features included in other embodiments rather than other features, the combination of the features of different embodiments means that it is within the scope of the present invention and forms different embodiments. For example, in the following claims, any one of the claimed embodiments can be used in any combination.
[0081] The various component embodiments of the present invention can be implemented in hardware, or in software modules running on one or more processors, or in a combination thereof. Those skilled in the art should understand that a microprocessor or a digital signal processor (DSP) can be used in practice to implement some or all of the functions of some or all of the components according to the embodiments of the present invention. The present invention can also be implemented as a device or apparatus program (for example, a computer program and a computer program product) for executing part or all of the methods described herein. Such a program for implementing the present invention can be stored on a computer-readable medium, or can be in the form of one or more signals. Such signals can be downloaded from an Internet website, or provided on a carrier signal, or provided in any other form.
[0082] It should be noted that the above embodiments illustrate the present invention rather than limit the present invention, and those skilled in the art can design alternative embodiments without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses shall not be construed as limiting the claim. The word "comprising" does not exclude the presence of elements or steps not listed in the claim. The word "a" or "an" preceding an element does not exclude the presence of a plurality of such elements. The present invention can be implemented by means of hardware including several different elements and by means of a suitably programmed computer. In the unit claims listing several devices, several of these devices may be embodied by the same item of hardware. The use of the words first, second, and third, etc. does not denote any order. These words may be interpreted as names. The steps in the above embodiments, unless otherwise specified, should not be construed as limiting the order of execution.
Claims
1. A layer management system based on regional layers, characterized in that: include: A region layer creation module is used to combine multiple layers selected in the canvas page into a region layer; A regional layer management module, used to modify the layer attribute information of the regional layer, wherein the layer attribute information includes color, stroke and name; A layer layout module, used to adjust the row, column spacing and margins within the region layer; A status marking module, used to mark the status of the area layer, wherein the status of the area layer includes a research and development status; A collaborative working module that prioritizes the processing of area layers where type conversion is greater than structural change.
2. The layer management system based on regional layers according to claim 1, characterized in that: The regional layer creation module further includes: Select multiple layers by free circle selection of irregular shapes to create area layers of the multiple layers; After the regional layer is created, the relative positions of the layers within the regional layer remain unchanged.
3. The layer management system based on regional layers according to claim 1, characterized in that: The regional map management module further includes: The regional layer can edit and adjust each layer without undoing the layer combination; wherein the layers outside the regional layer can be dragged to the regional layer by dragging; After editing each layer, there is no need to lock the layer again.
4. The layer management system based on regional layers according to claim 1, characterized in that: The layer layout module further includes: The area layer is embedded with an automatic layout function, and the spacing between the relative positions of the title and the layers in the area layer is adjusted by the automatic layout function.
5. The layer management system based on regional layers according to claim 1, characterized in that: In the status marking module, the visual style of the status of the area layer includes color, pattern, icon and custom text label.
6. The layer management system based on regional layers according to claim 1, characterized in that: The system also includes a data migration module. When a design file containing a Section layer is imported through the data migration module, the combination information of the Section layer is retained, and the name, attribute and hierarchical relationship of the Section layer are mapped.
7. The layer management system based on regional layers according to claim 1, characterized in that: In the area layer creation module, the area layer supports a nested area layer function, and a sub-area layer is created inside the area layer through the nested area layer function.
8. The layer management system based on regional layers according to claim 1, characterized in that: The system further comprises a layer export module, through which the selected area layer or all area layers are exported, and the state and layer attribute information of the area layer are retained.
9. The layer management system based on regional layers according to claim 1, characterized in that: The regional layer creation module further includes: A plurality of layer layouts are obtained by grouping the plurality of layers selected in the canvas page according to their types and layouts, and the plurality of layer layouts are respectively combined into a plurality of regional layers.
10. The layer management system based on regional layers according to any one of claims 1 to 9, characterized in that: The layer types include image, text, shape, group, Boolean group, container, and instance.