Legal claims defining the scope of protection. Each claim is shown in both the original legal language and a plain English translation.
1. A computer-implemented method for reshaping or resizing a graphical user interface, the method comprising: receiving, through a computer having a processor and a memory, an input of three or more content elements within the graphical user interface, wherein receiving the input of the three or more content elements within the graphical user interface comprises: providing, through the computer, three or more unselected content elements; and receiving, through the computer, the input of the three or more content elements selected from the three or more unselected content elements; receiving, through the computer, a border corresponding to a first content element in the three or more content elements, wherein the border is configured to preserve the shape and dimensions of the first content element after reshaping or resizing the graphical user interface; receiving, through the computer, two or more keylines that define a first area of the graphical user interface containing the first content element, a second area of the graphical user interface containing a second content element, and a third area of the graphical user interface containing a third content element; after receiving the border and the two or more keylines, reshaping or resizing the graphical user interface, by the computer, such that: a shape and dimensions of the first content element corresponding to the border are preserved; a position of the first content element adjusts within the first area based on the reshape of the first area of the graphical user interface, a shape of the second content element adjusts within the second area based on the reshape of the second area of the graphical user interface, and a shape of the third content element within the third area is preserved.
A computer system reshapes or resizes a GUI. The system receives three or more content elements (e.g. text, images) within the GUI. Users select these elements from a list of available options. A border is defined around a first content element, instructing the system to preserve its shape and dimensions during reshaping. Two or more keylines define distinct areas within the GUI, each containing a specific content element. When the GUI is reshaped or resized, the system preserves the shape and dimensions of the first content element inside the border. The position of the first content element adjusts within its defined area, while other elements within their defined area may change shape, and at least one other element will be preserved, during the reshaping process.
2. The computer-implemented method of claim 1 , wherein receiving the border corresponding to the first content element in the three or more content elements comprises: providing, through the computer, the three or more content elements in a design tool, wherein the design tool comprises an input function for use in defining the border; and receiving, through the computer, the border via the input function in the design tool.
This invention relates to a computer-implemented method for managing content elements in a design tool, specifically focusing on defining and applying borders to content elements. The method addresses the challenge of efficiently customizing borders for multiple content elements within a design tool, ensuring precise control over visual presentation while maintaining workflow efficiency. The method involves providing three or more content elements within a design tool, where the tool includes an input function specifically designed for defining borders. Users interact with this input function to specify the border for a first content element among the three or more elements. The input function allows for precise border customization, such as adjusting thickness, style, or color, directly within the design tool interface. The method ensures that the border is received and applied through this dedicated input function, streamlining the design process by integrating border definition into the tool's workflow. By incorporating the border definition process within the design tool itself, the method eliminates the need for external adjustments, reducing complexity and improving user experience. This approach is particularly useful in graphic design, web development, or any application requiring precise visual customization of content elements. The method enhances productivity by maintaining a cohesive workflow while allowing for detailed border modifications.
3. The computer-implemented method of claim 2 , wherein the input function is configured to effectuate the defining of the border by marking the first content element in the design tool.
This invention relates to a computer-implemented method for defining borders in a design tool, addressing the challenge of efficiently marking content elements to establish boundaries within digital design environments. The method involves an input function that enables users to define a border by selecting and marking a first content element within the design tool. This selection process initiates the border definition, allowing the system to recognize the marked element as a reference point for boundary creation. The method may also include additional steps, such as detecting user interactions with the design tool to determine the desired border parameters or adjusting the border based on predefined rules or user inputs. The system dynamically updates the design interface to reflect the newly defined border, ensuring real-time visualization of the changes. This approach streamlines the design process by providing an intuitive way to establish boundaries, improving workflow efficiency and accuracy in digital design applications. The invention is particularly useful in graphic design, user interface development, and other fields where precise border definitions are essential.
4. The computer-implemented method of claim 3 , wherein providing the three or more content elements in the design tool comprises displaying, through the computer, the three or more content elements in the design tool; and wherein receiving the border via the input function in the design tool comprises receiving, through the computer, the marking of a continuous line on an outer edge of the first content element defining the border.
This invention relates to a computer-implemented method for designing content layouts, particularly for arranging multiple content elements within a defined border. The problem addressed is the need for an efficient way to visually organize and align content elements, such as text, images, or graphics, within a specified boundary in a design tool. The method involves displaying three or more content elements in a design tool on a computer. A user can then mark a continuous line on the outer edge of a first content element to define a border. This border serves as a boundary for arranging the other content elements. The system processes this input to ensure the content elements are positioned relative to the defined border, improving layout precision and consistency. The method may also include adjusting the border dynamically as content elements are added, moved, or resized, ensuring the layout remains aligned with the user's design intent. This approach simplifies the design process by providing a clear visual reference for content placement, reducing manual adjustments and enhancing workflow efficiency.
5. The computer-implemented method of claim 3 , wherein the marking is visible when the graphical user interface is displayed via the design tool and non-visible when the graphical user interface is displayed apart from the design tool.
This invention relates to computer-implemented graphical user interfaces (GUIs) and the problem of distinguishing between elements that are part of a design tool's interactive workspace and those that are not. The method involves displaying a graphical user interface that includes a design tool. Within this GUI, certain elements are marked. This marking is specifically configured to be visible only when the GUI is being displayed through the design tool itself. Conversely, when the same GUI is displayed in a context separate from the design tool, such as in a final rendered output or a different application, the marking becomes non-visible. This allows for visual cues within the design environment that are not present in the end-user experience, aiding designers in identifying interactive or editable components during the design process.
6. The computer-implemented method of claim 2 , wherein the input function is configured to receive a plurality of coordinates around the first content element, the plurality of coordinates being effective to define the border.
This invention relates to computer-implemented methods for defining and manipulating borders around content elements in digital interfaces. The problem addressed is the need for precise and flexible border definition in graphical user interfaces, particularly when working with complex shapes or dynamic content. The method involves an input function that receives multiple coordinates around a content element, where these coordinates collectively define the border of the element. The coordinates are processed to form a continuous or segmented boundary that can adapt to the shape of the content. This allows for accurate border placement, even with irregular or non-rectangular shapes. The method may also include additional steps such as adjusting the border based on user input, applying visual effects to the border, or dynamically updating the border in response to changes in the content element. The input function can be configured to accept coordinates from various sources, including user interactions (e.g., mouse clicks or touch inputs) or automated processes (e.g., edge detection algorithms). The defined border can then be used for visual styling, collision detection, or other interface-related operations. The method ensures that the border remains consistent with the underlying content, even if the content changes size, shape, or position. This approach improves precision in digital design and interaction, particularly in applications requiring dynamic or custom-shaped content elements.
7. The computer-implemented method of claim 6 , wherein receiving the border via the input function in the design tool comprises receiving, through the computer, the plurality of coordinates on an outer edge of the first content element and an indication that the plurality of coordinates form a complete geometry defining the border.
This invention relates to computer-implemented design tools for creating and manipulating graphical content. The problem addressed is the need for precise and efficient border definition in digital design workflows, particularly when integrating multiple content elements. The invention provides a method for receiving and processing border definitions in a design tool, where a user can input a set of coordinates representing the outer edge of a content element, along with an indication that these coordinates form a complete geometric boundary. This allows the design tool to recognize the input as a fully defined border, enabling accurate placement and alignment of additional content elements relative to this border. The method ensures that the border is treated as a closed geometric shape, facilitating precise design operations such as snapping, alignment, and layering. The invention improves workflow efficiency by reducing manual adjustments and enhancing the accuracy of design compositions. The technique is particularly useful in graphic design, UI/UX design, and other digital content creation applications where precise border definitions are critical.
8. The computer-implemented method of claim 1 , wherein receiving the two or more keylines comprises: providing, through the computer, the three or more content elements in a design tool, wherein the design tool comprises an input function for defining the two or more keylines; and receiving, through the computer, the two or more keylines via the input function in the design tool.
The keylines, which define areas within the GUI that influence content element behavior during reshaping (as per the computer-implemented method of claim 1, wherein receiving, through a computer having a processor and a memory, an input of three or more content elements within the graphical user interface, the method comprising: providing, through the computer, three or more unselected content elements; and receiving, through the computer, the input of the three or more content elements selected from the three or more unselected content elements; receiving, through the computer, a border corresponding to a first content element in the three or more content elements, wherein the border is configured to preserve the shape and dimensions of the first content element after reshaping or resizing the graphical user interface; receiving, through the computer, two or more keylines that define a first area of the graphical user interface containing the first content element, a second area of the graphical user interface containing a second content element, and a third area of the graphical user interface containing a third content element; after receiving the border and the two or more keylines, reshaping or resizing the graphical user interface, by the computer, such that: a shape and dimensions of the first content element corresponding to the border are preserved; a position of the first content element adjusts within the first area based on the reshape of the first area of the graphical user interface, a shape of the second content element adjusts within the second area based on the reshape of the second area of the graphical user interface, and a shape of the third content element within the third area is preserved), are defined using an input function within the design tool. The design tool displays the content elements, and the user utilizes the input function to create and specify the keylines, which delineate the different areas of the GUI.
9. The computer-implemented method of claim 8 , wherein the input function is configured to effectuate the defining of the two or more keylines by marking two or more lines delineating at least one of the first area, the second area, and the third area.
This invention relates to computer-implemented methods for defining and manipulating regions within a digital image or workspace. The method addresses the challenge of precisely delineating distinct areas in a digital environment, such as separating foreground, background, or intermediate regions for editing, analysis, or segmentation purposes. The method involves defining two or more keylines that mark boundaries between different areas. These keylines are used to segment the workspace into at least three distinct regions: a first area, a second area, and a third area. The keylines serve as delineators, allowing for clear separation and identification of these regions. The method may be applied in various applications, including image editing, computer vision, or user interface design, where precise region definition is essential. The input function enables users or systems to define these keylines by marking lines that outline the boundaries of the specified areas, ensuring accurate and customizable segmentation. This approach enhances the precision and flexibility of region-based operations in digital environments.
10. The computer-implemented method of claim 9 , wherein providing the three or more content elements in a design tool comprises displaying, through the computer, the three or more content elements in the design tool; and wherein receiving the two or more keylines via the input function in the design tool comprises receiving, through the computer, the marking of two or more lines delineating at least one of the first area, the second area, and the third area.
This invention relates to a computer-implemented method for organizing content elements within a design tool. The method addresses the challenge of efficiently structuring multiple content elements in a digital design environment, ensuring clarity and visual hierarchy. The system provides three or more content elements in a design tool, where these elements are displayed on a computer screen. Users can then define areas within the design space by marking two or more keylines, which delineate distinct regions such as a first area, a second area, and a third area. These keylines help segment the design space, allowing the content elements to be logically grouped or separated. The method ensures that the content elements are positioned relative to the keylines, optimizing layout and readability. The approach enhances user control over design composition, making it easier to create structured and visually appealing arrangements. The system may also include additional features, such as adjusting the keylines or content elements dynamically based on user input, further refining the design process. This method is particularly useful in graphic design, user interface development, and other fields where precise content organization is critical.
11. The computer-implemented method of claim 1 , wherein the three or more content elements comprise graphical elements and textual elements.
The content elements within the GUI, which are reshaped and resized while preserving certain elements based on borders and keylines (as per the computer-implemented method of claim 1, wherein receiving, through a computer having a processor and a memory, an input of three or more content elements within the graphical user interface, the method comprising: providing, through the computer, three or more unselected content elements; and receiving, through the computer, the input of the three or more content elements selected from the three or more unselected content elements; receiving, through the computer, a border corresponding to a first content element in the three or more content elements, wherein the border is configured to preserve the shape and dimensions of the first content element after reshaping or resizing the graphical user interface; receiving, through the computer, two or more keylines that define a first area of the graphical user interface containing the first content element, a second area of the graphical user interface containing a second content element, and a third area of the graphical user interface containing a third content element; after receiving the border and the two or more keylines, reshaping or resizing the graphical user interface, by the computer, such that: a shape and dimensions of the first content element corresponding to the border are preserved; a position of the first content element adjusts within the first area based on the reshape of the first area of the graphical user interface, a shape of the second content element adjusts within the second area based on the reshape of the second area of the graphical user interface, and a shape of the third content element within the third area is preserved), can include both graphical elements (e.g., images, icons) and textual elements (e.g., labels, paragraphs).
12. The computer-implemented method of claim 1 , further comprising reshaping or resizing the graphical user interface to conform the graphical user interface to a non-rectangular surface; and displaying the graphical user interface on the non-rectangular surface.
The GUI reshaping process, which preserves specific content elements based on borders and keylines (as per the computer-implemented method of claim 1, wherein receiving, through a computer having a processor and a memory, an input of three or more content elements within the graphical user interface, the method comprising: providing, through the computer, three or more unselected content elements; and receiving, through the computer, the input of the three or more content elements selected from the three or more unselected content elements; receiving, through the computer, a border corresponding to a first content element in the three or more content elements, wherein the border is configured to preserve the shape and dimensions of the first content element after reshaping or resizing the graphical user interface; receiving, through the computer, two or more keylines that define a first area of the graphical user interface containing the first content element, a second area of the graphical user interface containing a second content element, and a third area of the graphical user interface containing a third content element; after receiving the border and the two or more keylines, reshaping or resizing the graphical user interface, by the computer, such that: a shape and dimensions of the first content element corresponding to the border are preserved; a position of the first content element adjusts within the first area based on the reshape of the first area of the graphical user interface, a shape of the second content element adjusts within the second area based on the reshape of the second area of the graphical user interface, and a shape of the third content element within the third area is preserved), can be used to conform the GUI to a non-rectangular surface. After reshaping, the GUI is displayed on this non-rectangular surface. This is beneficial for curved screens or irregularly shaped displays.
13. A computer system, comprising: a processor; and a memory configured to be in communication with the processor; the processor effective to: provide three or more unselected content elements; receive three or more content elements selected from the three or more unselected content elements; receive the three or more content elements within a graphical user interface, wherein the three or more content elements include a first content element, a second content element, and a third content element; receive a border corresponding to the first content element, wherein the border is configured to preserve the shape and dimensions of the first content element after the graphical user interface is reshaped or resized; receive two or more keylines, that define a first area of the graphical user interface containing the first content element, a second area of the graphical user interface containing the second content element, and a third area of the graphical user interface containing the third content element; and after receipt of the border and the two or more keylines, reshape or resize the graphical user interface, such that: a shape and dimensions of the first content element corresponding to the border are preserved, a position of the first content element adjusts within the first area based on the reshape of the first area of the graphical user interface, a shape of the second content element adjusts within the second area based on the reshape of the second area of graphical user interface, and a shape of the third content element within the third area is preserved.
A computer system reshapes or resizes a GUI. The system presents a list of unselected content elements (e.g. text, images), from which users select three or more elements to include in the GUI. A border is defined around a first content element, instructing the system to preserve its shape and dimensions during reshaping. Two or more keylines define distinct areas within the GUI, each containing a specific content element. When the GUI is reshaped or resized, the system preserves the shape and dimensions of the first content element inside the border. The position of the first content element adjusts within its defined area, while other elements within their defined area may change shape, and at least one other element will be preserved, during the reshaping process.
14. The computer system of claim 13 , wherein the processor is further effective to: provide a first input function effective to define the border; and receive the border via the first input function.
To define the border for preserving content elements during GUI reshaping (as per the computer system comprising: a processor; and a memory configured to be in communication with the processor; the processor effective to: provide three or more unselected content elements; receive three or more content elements selected from the three or more unselected content elements; receive the three or more content elements within a graphical user interface, wherein the three or more content elements include a first content element, a second content element, and a third content element; receive a border corresponding to the first content element, wherein the border is configured to preserve the shape and dimensions of the first content element after the graphical user interface is reshaped or resized; receive two or more keylines, that define a first area of the graphical user interface containing the first content element, a second area of the graphical user interface containing the second content element, and a third area of the graphical user interface containing the third content element; and after receipt of the border and the two or more keylines, reshape or resize the graphical user interface, such that: a shape and dimensions of the first content element corresponding to the border are preserved, a position of the first content element adjusts within the first area based on the reshape of the first area of the graphical user interface, a shape of the second content element adjusts within the second area based on the reshape of graphical user interface, and a shape of the third content element within the third area is preserved), the system provides an input function. This function enables the user to define the border, and the system receives the border definition through this input function.
15. The computer system of claim 14 , wherein the first input function is configured to receive a marking of a continuous line on an outer edge of the first content element to define the border.
The input function, used to define the border around a content element that will be preserved during GUI reshaping (as per the computer system comprising: a processor; and a memory configured to be in communication with the processor; the processor effective to: provide three or more unselected content elements; receive three or more content elements selected from the three or more unselected content elements; receive the three or more content elements within a graphical user interface, wherein the three or more content elements include a first content element, a second content element, and a third content element; receive a border corresponding to the first content element, wherein the border is configured to preserve the shape and dimensions of the first content element after the graphical user interface is reshaped or resized; receive two or more keylines, that define a first area of the graphical user interface containing the first content element, a second area of the graphical user interface containing the second content element, and a third area of the graphical user interface containing the third content element; and after receipt of the border and the two or more keylines, reshape or resize the graphical user interface, such that: a shape and dimensions of the first content element corresponding to the border are preserved, a position of the first content element adjusts within the first area based on the reshape of the first area of the graphical user interface, a shape of the second content element adjusts within the second area based on the reshape of graphical user interface, and a shape of the third content element within the third area is preserved; and wherein the processor is further effective to: provide a first input function effective to define the border; and receive the border via the first input function), allows the user to draw a continuous line directly on the outer edge of the content element. This line defines the border.
16. The computer system of claim 15 , wherein the continuous line is visible when the graphical user interface is displayed via the design tool and non-visible when the graphical user interface is displayed apart from the design tool.
This invention relates to a computer system for displaying a graphical user interface (GUI) with a continuous line feature. The system addresses the challenge of maintaining visual clarity in design tools while ensuring the GUI appears clean when viewed outside the design environment. The continuous line is a visual element that aids designers in aligning or connecting interface components during the design phase. When the GUI is displayed within the design tool, the continuous line is visible, allowing designers to use it as a reference for precise layout adjustments. However, when the GUI is rendered in a finalized or deployed state outside the design tool, the continuous line is hidden, ensuring a polished and uncluttered appearance for end-users. The system dynamically toggles the visibility of the continuous line based on the display context, improving usability for designers while maintaining a professional presentation for end-users. This approach enhances the design workflow by providing temporary visual aids that do not persist in the final product. The invention may be implemented in software development environments, UI/UX design platforms, or other tools where precise alignment and visual feedback are critical.
17. The computer system of claim 14 , wherein the first input function is configured to receive a plurality of coordinates on an outer edge of the first content element and an indication that the plurality of coordinates form a complete geometry effective to define the border.
Instead of a continuous line, the border that preserves a content element during GUI reshaping (as per the computer system comprising: a processor; and a memory configured to be in communication with the processor; the processor effective to: provide three or more unselected content elements; receive three or more content elements selected from the three or more unselected content elements; receive the three or more content elements within a graphical user interface, wherein the three or more content elements include a first content element, a second content element, and a third content element; receive a border corresponding to the first content element, wherein the border is configured to preserve the shape and dimensions of the first content element after the graphical user interface is reshaped or resized; receive two or more keylines, that define a first area of the graphical user interface containing the first content element, a second area of the graphical user interface containing the second content element, and a third area of the graphical user interface containing the third content element; and after receipt of the border and the two or more keylines, reshape or resize the graphical user interface, such that: a shape and dimensions of the first content element corresponding to the border are preserved, a position of the first content element adjusts within the first area based on the reshape of the first area of the graphical user interface, a shape of the second content element adjusts within the second area based on the reshape of graphical user interface, and a shape of the third content element within the third area is preserved; and wherein the processor is further effective to: provide a first input function effective to define the border; and receive the border via the first input function), is defined by a series of coordinates on the content element's outer edge. The system receives these coordinates, and also an indication that the coordinates form a complete geometric shape.
18. The computer system of claim 14 , wherein the processor is further effective to: provide a second input function effective to define the two or more keylines in the three or more content elements; and receive the two or more keylines via the second input function.
In addition to the input function for defining borders (as per the computer system comprising: a processor; and a memory configured to be in communication with the processor; the processor effective to: provide three or more unselected content elements; receive three or more content elements selected from the three or more unselected content elements; receive the three or more content elements within a graphical user interface, wherein the three or more content elements include a first content element, a second content element, and a third content element; receive a border corresponding to the first content element, wherein the border is configured to preserve the shape and dimensions of the first content element after the graphical user interface is reshaped or resized; receive two or more keylines, that define a first area of the graphical user interface containing the first content element, a second area of the graphical user interface containing the second content element, and a third area of the graphical user interface containing the third content element; and after receipt of the border and the two or more keylines, reshape or resize the graphical user interface, such that: a shape and dimensions of the first content element corresponding to the border are preserved, a position of the first content element adjusts within the first area based on the reshape of the first area of the graphical user interface, a shape of the second content element adjusts within the second area based on the reshape of graphical user interface, and a shape of the third content element within the third area is preserved; and wherein the processor is further effective to: provide a first input function effective to define the border; and receive the border via the first input function), the system also provides another input function for defining keylines. The keylines, which influence content element behavior during GUI reshaping, are defined and received using this second input function.
19. The computer system of claim 18 , wherein the second input function is configured to receive a marking of two or more lines delineating the first area, the second area, and the third area, the two or more lines effective to define the two or more keylines.
This invention relates to a computer system for processing image data, particularly for defining and analyzing regions within an image using keylines. The system addresses the challenge of accurately segmenting an image into distinct areas for further analysis or manipulation, such as in medical imaging, document processing, or object recognition. The system includes a user interface that allows a user to mark two or more lines within an image, which delineate three distinct areas: a first area, a second area, and a third area. These lines serve as keylines that define boundaries between the areas. The keylines are used to segment the image into the specified regions, enabling precise analysis or processing of each area independently. The system may also include additional functions to adjust or refine the keylines based on user input or automated algorithms to ensure accurate segmentation. The invention improves upon existing methods by providing a flexible and intuitive way to define complex regions within an image using minimal user input. This approach reduces the need for extensive manual annotation while maintaining high accuracy in region segmentation. The system is particularly useful in applications where precise delineation of areas is critical, such as in medical imaging for tumor boundary detection or in document analysis for text and layout segmentation.
20. The computer system of claim 13 , wherein the three or more content elements comprise graphical elements and textual elements.
The content elements within the GUI, reshaped and resized while preserving elements based on borders and keylines (as per the computer system comprising: a processor; and a memory configured to be in communication with the processor; the processor effective to: provide three or more unselected content elements; receive three or more content elements selected from the three or more unselected content elements; receive the three or more content elements within a graphical user interface, wherein the three or more content elements include a first content element, a second content element, and a third content element; receive a border corresponding to the first content element, wherein the border is configured to preserve the shape and dimensions of the first content element after the graphical user interface is reshaped or resized; receive two or more keylines, that define a first area of the graphical user interface containing the first content element, a second area of the graphical user interface containing the second content element, and a third area of the graphical user interface containing the third content element; and after receipt of the border and the two or more keylines, reshape or resize the graphical user interface, such that: a shape and dimensions of the first content element corresponding to the border are preserved, a position of the first content element adjusts within the first area based on the reshape of the first area of the graphical user interface, a shape of the second content element adjusts within the second area based on the reshape of graphical user interface, and a shape of the third content element within the third area is preserved), can include both graphical elements (e.g., images, icons) and textual elements (e.g., labels, paragraphs).
21. The computer system of claim 13 , wherein reshaping or resizing includes reshaping or resizing the graphical user interface to conform the graphical user interface to a non-rectangular surface through an augmented reality device.
The GUI reshaping process, which preserves elements based on borders and keylines (as per the computer system comprising: a processor; and a memory configured to be in communication with the processor; the processor effective to: provide three or more unselected content elements; receive three or more content elements selected from the three or more unselected content elements; receive the three or more content elements within a graphical user interface, wherein the three or more content elements include a first content element, a second content element, and a third content element; receive a border corresponding to the first content element, wherein the border is configured to preserve the shape and dimensions of the first content element after the graphical user interface is reshaped or resized; receive two or more keylines, that define a first area of the graphical user interface containing the first content element, a second area of the graphical user interface containing the second content element, and a third area of the graphical user interface containing the third content element; and after receipt of the border and the two or more keylines, reshape or resize the graphical user interface, such that: a shape and dimensions of the first content element corresponding to the border are preserved, a position of the first content element adjusts within the first area based on the reshape of the first area of the graphical user interface, a shape of the second content element adjusts within the second area based on the reshape of graphical user interface, and a shape of the third content element within the third area is preserved), can be used to conform the GUI to a non-rectangular surface. This can be achieved using an augmented reality device.
22. A non-transitory computer-readable storage medium having computer-executable instructions stored thereon which, when executed by a computer, cause the computer to: provide three or more unselected content elements; receive three or more content elements selected from the three or more unselected content elements; receive the three or more content elements within a graphical user interface, wherein the three or more content elements comprising include a first content element, a second content element, and a third content element; receive a border corresponding to the first content element, wherein the border is configured to preserve the shape and dimensions of the first content element after the graphical user interface is reshaped or resized; receive two or more keylines that define a first area of the graphical user interface containing the first content element, a second area of the graphical user interface containing the second content element, and a third area of the graphical user interface containing the third content element; and after the border and the two or more keylines are received, reshape or resize the graphical user interface to conform the graphical user interface to a non-rectangular surface, such that: a shape and dimensions of the first content element corresponding to the border are preserved, a position of the first content element adjusts within the first area based on the reshape of the first area of the graphical user interface, a shape of the second content element adjusts within the second area based on the reshape of the second area of graphical user interface, and a shape of the third content element within the third area is preserved; and display the graphical user interface on the non-rectangular surface.
A computer-readable storage medium contains instructions that, when executed, cause the computer to reshape or resize a GUI to conform to a non-rectangular surface. The instructions enable the user to select three or more content elements (e.g., text, images) from a list of available options. A border is defined around a first content element, instructing the system to preserve its shape and dimensions during reshaping. Two or more keylines define distinct areas within the GUI, each containing a specific content element. When the GUI is reshaped to fit the non-rectangular surface, the system preserves the shape and dimensions of the first content element inside the border. The position of the first content element adjusts within its defined area, while other elements within their defined area may change shape, and at least one other element will be preserved, during the reshaping process. The reshaped GUI is then displayed on the non-rectangular surface.
Unknown
November 11, 2014
Browse 5M+ US patents with plain-English claim translations and AI-generated analysis.