Technology for managing graphic design using metadata relationships
Systems and methods for managing graphic design using metadata relationships are described. According to certain aspects, an electronic device may display a visual design including a set of design elements, each of which may be contained within a corresponding container. The electronic device may receive a selection to spatially adjust a design element, and may determine a modification to the design element based an element behavior of the design element and/or a container behavior of the corresponding container. The electronic device may display, in the user interface, the design element reflecting the modification.
1. A computer-implemented method of modifying a visual design comprising at least a first design element, the method comprising:
displaying, in a user interface, the visual design comprising at least the first design element in a first configuration and having associated a first container in which the first design element is contained, wherein the first design element (i) comprises content and (ii) has a first element behavior that defines a display angle for the content, and the first container has a first container behavior that defines an aspect ratio;
receiving, via the user interface, a selection to spatially adjust the first design element from the first configuration to a second configuration;
determining, by a processor based on (i) the selection to spatially adjust the first design element, and (ii) the aspect ratio of the first container behavior of the first container, a modification to the display angle for the content; and
displaying, in the user interface, the first design element in the second configuration and reflecting the modification.
2. An electronic device for modifying a visual design comprising at least a first design element, 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 at least the first design element in a first configuration and having associated a first container in which the first design element is contained, wherein the first design element (i) comprises content and (ii) has a first element behavior that defines a display angle for the content, and the first container has a first container behavior that defines an aspect ratio,
receive, via the user interface, a selection to spatially adjust the first design element from the first configuration to a second configuration,
determine, based on (i) the selection to spatially adjust the first design element, and (ii) the aspect ratio of the first container behavior of the first container, a modification to the display angle for the content, and
cause the user interface to display the first design element in the second configuration and reflecting the modification.
3. A non-transitory computer-readable storage medium configured to store instructions, the instructions when executed by a processor causing the processor to perform operations comprising:
displaying, in a user interface, the visual design comprising at least the first design element in a first configuration and having associated a first container in which the first design element is contained, wherein the first design element (i) comprises content and (ii) has a first element behavior that defines a display angle for the content, and the first container has a first container behavior that defines an aspect ratio;
receiving, via the user interface, a selection to spatially adjust the first design element from the first configuration to a second configuration;
determining, based on (i) the selection to spatially adjust the first design element, and (ii) the aspect ratio of the first container behavior of the first container, a modification to the first design element display angle for the content; and
displaying, in the user interface, the first design element in the second configuration and reflecting the modification.