Technology for enabling elastic graphic design
Systems and methods for facilitating product design by an electronic device are described. According to certain aspects, an electronic device may present a design having a set of design elements, and may detect a modification to one or more of the set of design elements. The electronic device may determine, based on a set of characteristics, how remaining design elements can be modified based on the detected modification. The electronic device may determine and present a modified design according to the modified design elements, for review by a user of the electronic device.
1. A computer-implemented method of modifying a visual design comprising a plurality of design elements, the method comprising:
displaying, in a user interface, the visual design comprising the plurality of design elements, wherein a first design element of the plurality of design elements has (i) a registration with a second design element of the plurality of design elements at a first position of the first design element, and (ii) associated metadata effecting the first design element to consume space, wherein a third design element of the plurality of design elements has associated metadata effecting whether an aspect ratio of the third design element is locked;
receiving, via the user interface, a selection to resize the second design element from a first size to a second size; and
based on the selection to resize the second design element, displaying, in the user interface, (i) the second design element resized according to the second size, (ii) the first design element maintaining the registration at the first position and consuming space created by resizing the second design element, (iii) when the associated metadata of the third design element effects the aspect ratio of the third design element to lock, the third design element along with at least one additional third design element filling the space created by resizing the second design element, and (iv) when the associated metadata of the third design element does not effect the aspect ratio of the third design element to lock, the third design element distorted to fill the space created by resizing the second design element.
2. The computer-implemented method of claim 1 , wherein the first design element comprises textual data, and wherein the registration of the first design element with the second design element at the first position is based on a justification of the textual data in the first design element.
3. The computer-implemented method of claim 1 , wherein the visual design comprises a master image; and wherein the method further comprises:
determining, from the master image and to accommodate a modification of the visual design, a modification to the master image; and
displaying, in the user interface, the modification to the master image.
4. An electronic device for modifying a visual design comprising a plurality of design elements, comprising:
a user interface for displaying content;
a memory storing non-transitory computer executable instructions; and
a processor interfacing with the user interface and the memory, wherein the processor is configured to execute the non-transitory computer executable instructions to cause the processor to:
cause the user interface to display the visual design comprising the plurality of design elements, wherein a first design element of the plurality of design elements has (i) a registration with a second design element of the plurality of design elements at a first position of the first design element, and (ii) associated metadata effecting the first design element to consume space, wherein a third design element of the plurality of design elements has associated metadata effecting whether an aspect ratio of the third design element is locked,
receive, via the user interface, a selection to resize the second design element from a first size to a second size, and
based on the selection to resize the second design element, cause the user interface to display (i) the second design element resized according to the second size, (ii) the first design element maintaining the first registration at the first position and consuming space created by resizing the second design element, (iii) when the associated metadata of the third design element effects the aspect ratio of the third design element to lock, the third design element along with at least one additional third design element filling the space created by resizing the second design element, and (iv) when the associated metadata of the third design element does not effect the aspect ratio of the third design element to lock, the third design element distorted to fill the space created by resizing the second design element.
5. The electronic device of claim 4 , wherein a fourth design element of the plurality of design elements is contained within the second design element and has a master image associated therewith; and wherein the processor is further configured to:
determine, from the master image and to accommodate the boundary being resized to the second size, an updated fourth design element, and
cause the user interface to display the updated fourth design element.