Systems and methods of providing enhanced product visualization on a graphical display
Systems and methods of providing enhanced product visualization on a graphical display include generating a visual frame having a first set of frame dimensions and comprising an inner border and an outer border; receiving a selection of a graphical object to be displayed at least within the outer border of the visual frame on the graphical display; identifying a set of object dimensions of the graphical object; determining an appropriate proportion between the set of frame dimensions and the set of object dimensions such that the graphical object is displayable at least within the outer border of the visual frame on the graphical display; manipulating the set of frame dimensions and/or the set of object dimensions such that the graphical object is displayable within the outer border of the visual frame; and displaying the graphical object at least within the outer border of the visual frame.
1. A computer-implemented method, comprising:
determining, by one or more processors of a device, a set of frame dimensions for a visual frame;
identifying object dimensions for two-dimensional objects, the two-dimensional objects including at least a first object and a second object;
determining, based on the object dimensions for the two-dimensional objects, compartment sizes for compartments within the visual frame for the two-dimensional objects;
automatically generating a set of optimized dimensions associated with a visual box containing the visual frame and the compartments;
automatically determining a proportion between the compartment sizes for the compartments and the set of optimized dimensions associated with the visual box, wherein the proportion maximizes a display area within the visual frame;
automatically manipulating the object dimensions for the two-dimensional objects, wherein manipulating includes resizing the two-dimensional objects according to the compartments, such that the two-dimensional objects will fit within the compartments of the visual box;
automatically generating a semi-transparent layer, wherein the semi-transparent layer modifies an appearance of the two dimensional objects; and
automatically causing the two-dimensional objects and the semi-transparent layer to be displayed within the visual box, wherein the two-dimensional objects appears placed at a depth within the visual box within the visual frame.
2. The computer-implemented method of claim 1 , wherein the set of optimized dimensions are determined using aspect ratios and shapes associated with the two-dimensional objects.
3. The computer-implemented method of claim 1 , further comprising:
determining a size of the display area for a display device, wherein the set of frame dimensions for the visual frame is based on the display area.
4. The computer-implemented method of claim 1 , further comprising:
determining a relative importance of the two-dimensional objects, wherein the compartment sizes for the compartments is based on the relative importance of the two-dimensional objects.
5. The computer-implemented method of claim 1 , wherein the compartment sizes for the compartments is based on a bento box compartment template.
6. The computer-implemented method of claim 1 , wherein determining the compartment sizes for the compartments includes performing a packing algorithm using the two-dimensional objects to determine a compartment size and placement within the visual frame.
7. A device comprising:
a memory; and
one or more processors coupled to the memory and configured to perform operations comprising:
determining, by the one or more processors of the device, a set of frame dimensions for a visual frame;
identifying object dimensions for two-dimensional objects, the two-dimensional objects including at least a first object and a second object;
determining, based on the object dimensions for the two-dimensional objects, compartment sizes for compartments within the visual frame for the two-dimensional objects;
automatically generating a set of optimized dimensions associated with a visual box containing the visual frame and the compartments;
automatically determining a proportion between the compartment sizes for the compartments and the set of optimized dimensions associated with the visual box, wherein the proportion maximizes a display area within the visual frame;
automatically manipulating the object dimensions for the two-dimensional objects, wherein manipulating includes resizing the two-dimensional objects according to the compartments, such that the two-dimensional objects will fit within the compartments of the visual box;
automatically generating a semi-transparent layer, wherein the semi-transparent layer modifies an appearance of the two dimensional objects; and
automatically causing the two-dimensional objects and the semi-transparent layer to be displayed within the visual box, wherein the two-dimensional objects appears placed at a depth within the visual box within the visual frame.
8. The device of claim 7 , wherein the set of optimized dimensions are determined using aspect ratios and shapes associated with the two-dimensional objects.
9. The device of claim 7 , further comprising:
determining a size of the display area for a display device, wherein the set of frame dimensions for the visual frame is based on the display area.
10. The device of claim 7 , further comprising:
determining a relative importance of the two-dimensional objects, wherein the compartment sizes for the compartments is based on the relative importance of the two-dimensional objects.
11. The device of claim 7 , wherein the compartment sizes for the compartments is based on a bento box compartment template.
12. The device of claim 7 , wherein determining the compartment sizes for the compartments includes performing a packing algorithm using the two-dimensional objects to determine a compartment size and placement within the visual frame.
13. A non-transitory computer readable medium comprising instructions that, when executed by one or more processors of a device, cause the device to perform method comprising:
determining, by the one or more processors of the device, a set of frame dimensions for a visual frame;
identifying object dimensions for two-dimensional objects, the two-dimensional objects including at least a first object and a second object;
determining, based on the object dimensions for the two-dimensional objects, compartment sizes for compartments within the visual frame for the two-dimensional objects;
automatically generating a set of optimized dimensions associated with a visual box containing the visual frame and the compartments;
automatically determining a proportion between the compartment sizes for the compartments and the set of optimized dimensions associated with the visual box, wherein the proportion maximizes a display area within the visual frame;
automatically manipulating the object dimensions for the two-dimensional objects, wherein manipulating includes resizing the two-dimensional objects according to the compartments, such that the two-dimensional objects will fit within the compartments of the visual box;
automatically generating a semi-transparent layer, wherein the semi-transparent layer modifies an appearance of the two dimensional objects; and
automatically causing the two-dimensional objects and the semi-transparent layer to be displayed within the visual box, wherein the two-dimensional objects appears placed at a depth within the visual box within the visual frame.
14. The non-transitory computer readable medium of claim 13 , wherein the set of optimized dimensions are determined using aspect ratios and shapes associated with the two-dimensional objects.
15. The non-transitory computer readable medium of claim 13 , further comprising:
determining a size of the display area for a display device, wherein the set of frame dimensions for the visual frame is based on the display area.
16. The non-transitory computer readable medium of claim 13 , further comprising:
determining a relative importance of the two-dimensional objects, wherein the compartment sizes for the compartments is based on the relative importance of the two-dimensional objects.
17. The non-transitory computer readable medium of claim 13 , wherein the compartment sizes for the compartments is based on a bento box compartment template.
18. The non-transitory computer readable medium of claim 13 , wherein determining the compartment sizes for the compartments includes performing a packing algorithm using the two-dimensional objects to determine a compartment size and placement within the visual frame.