Reshaping interfaces using content-preserving warps

摘要

Technologies are generally described herein for reshaping a graphical user interface. The graphical user interface may include one or more content elements. An interface design tool may enable users to define one or more borders with respect to the graphical user interface. The interface design tool may also perform a content-preserving warp on the graphical user interface. When the interface design tool performs the content-preserving warp, the interface design tool may preserve a shape and dimensions of any content elements defined by the borders.

主权项

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.