GRAPHIC DESIGN SYSTEM UTILIZING VARIABLE DATA STRUCTURES FOR MULTI-STATE DESIGN ELEMENTS
A computer system is operable to provide a design interface for enabling creation of a graphic design for a production environment. The computer system implements a variable data structure for use with the graphic design, wherein the variable data structure is defined at least in part by multiple values and a value type. A multi-state design element is linked with the variable data structure, such that each state of the multiple states is based at least in part on a corresponding value of the value type.
1 . A computer system comprising:
one or more processors;
a memory to store a set of instructions;
wherein the one or more processors that are operable to execute instructions stored in the memory to perform operations that include:
providing a design interface for a graphic design;
implementing a variable data structure for use with the graphic design, the variable data structure being defined at least in part by multiple values and a value type; and
linking a multi-state design element with the variable data structure, such that each state of the multiple states is based at least in part on a corresponding value of the value type.
2 . The computer system of claim 1 , wherein the operations further comprise:
during a design phase, performing a simulation of the graphic design when deployed in a production environment by sequentially rendering the multi-state design element in each of the multiple states based on the variable data structure.
3 . The computer system of claim 1 , wherein the variable data structure incudes multiple values of the value type, and wherein linking the multi-state design element includes rendering the multi-state design element in each state to include an attribute value that is specific to the state and based at least in part on a corresponding one of the multiple values of the value type.
4 . The computer system of claim 1 , wherein the value type of the variable data structure is a number that represents a type of design attribute for the multi-state design element.
5 . The computer system of claim 4 , wherein the number represent an attribute corresponding to one or more of a line attribute, a corner attribute or a size attribute.
6 . The computer system of claim 1 , wherein the value type of the variable data structure is a color value that represents one or more of a fill attribute, a line color attribute and/or a background attribute.
7 . The computer system of claim 1 , wherein the value type of the variable data structure is a character string that represents a text attribute.
8 . The computer system of claim 1 , wherein the value type of the variable data structure is a character string that represents a layer having a matching text content attribute.
9 . The computer system of claim 1 , wherein a corresponding value of the variable data structure is defined at least in part by a logical expression and at least one of (i) an input of a user, and/or (ii) an attribute of another design element that is associated with the variable data structure.
10 . The computer system of claim 1 , wherein the operations further comprise:
associating another design element of the graphic design with the variable data structure, and wherein a corresponding value of the variable data structure is based at least in part on an attribute of the associated design element.
11 . The computer system of claim 10 , wherein the operations further comprise:
in response to the attribute of the associated layer being modified by user input, updating the corresponding value of the variable data structure based on the modified attribute.
12 . The computer system of claim 1 , wherein the operations further comprise:
enabling a user to specify an interaction with the multi-state design element; and
in response to detecting the interaction with respect to the multi-state design element, updating or selecting the corresponding value of the variable data structure based on an attribute of the associated design element.
13 . The computer system of claim 12 , wherein the operations further comprise:
enabling a simulation mode in which multiple states of the multi-state design element are sequentially renderable;
enabling the user to perform the interaction with respect to the associated design element during the simulation mode; and
wherein updating or selecting the corresponding value of the variable data structure is performed in response to the user performing the action.
14 . A computer-implemented method comprising:
providing a design interface for a graphic design;
implementing a variable data structure for use with the graphic design, the variable data structure being defined at least in part by a value type; and
linking a multi-state design element having multiple states with the variable data structure, such that each state of the multiple states is based at least in part on a corresponding value of the value type.
15 . The computer-implemented method of claim 14 , wherein the method further comprises:
during a design phase, performing a simulation of the graphic design when deployed in a production environment by sequentially rendering multi-state design element in each of the multiple states based on the variable data structure.
16 . The computer-implemented method of claim 14 , wherein the variable data structure incudes multiple values of the value type, and wherein linking the multi-state design element includes rendering the multi-state design element in each state to include an attribute value that is specific to the state and based at least in part on a corresponding one of the multiple values of the value type.
17 . The computer-implemented method of claim 14 , wherein the value type of the variable data structure represents an attribute corresponding to one or more of a line attribute, a corner attribute or a size attribute, or a color value that represents one or more of a fill attribute, a line color attribute and/or a background attribute.
18 . The computer-implemented method of claim 14 , wherein a corresponding value of the variable data structure is defined at least in part by a logical expression and at least one of (i) an input of a user, and/or (ii) an attribute of another design element that is associated with the variable data structure.
19 . The computer-implemented method of claim 14 , wherein the method further comprises:
enabling a user to specify an interaction with the multi-state design element; and
in response to detecting the interaction with respect to the multi-state design element, updating or selecting the corresponding value of the variable data structure based on an attribute of the associated design element
20 . A non-transitory computer-readable medium that stores instructions, that when executed by one or more processors of a graphic design system, cause the graphic design system to perform operations that include:
providing a design interface for a graphic design;
implementing a variable data structure for use with the graphic design, the variable data structure being defined at least in part by a value type; and
linking a multi-state design element having multiple states with the variable data structure, such that each state of the multiple states is based at least in part on a corresponding value of the value type.