Method and system for dynamically placing graphic elements into layouts

• US 8,762,889 B2
• Filed: 09/23/2010
• Issued: 06/24/2014
• Est. Priority Date: 09/23/2009
• Status: Active Grant

• Current Assignee: RocketLife, Inc.
• Original Assignee: Vidan Industries
• Inventors: Moore, Michael R., Kaye, Daniel A., Turcotte, Kenneth A., Tjeerdsma, Peter A., Wang-Helmke, Michael D., Davey, Christopher H., Jongens, Randy J., Sashko, Daniel N.
• Primary Examiner(s): TITCOMB, WILLIAM D
• Application Number:
  US12/889,268
• Publication Number:
  US 20110072376A1
• Time in Patent Office: 1,370 Days
• Field of Search: 715/838, 715/763, 715/859, 715/853
• US Class Current: 715/838
• CPC Class Codes: G06F 3/048 Interaction techniques based on graphical user interfaces [GUI]
• CPC Class Codes: G06F 9/451 Execution arrangements for user interfaces
• CPC Class Codes: G06T 11/60 Editing figures and text; Combining figures or text

Abstract

Techniques are described for dynamically placing graphical elements into theme layouts on a graphical user interface. A rendering engine reads a set of theme metadata and graphics metadata. The theme metadata defines a layout of the page and the regions into which the graphic elements will be placed. The theme metadata can further include tags to define categories or conceptual purposes for the regions and design changes that can be applied to graphics in that region. The graphics metadata defines a list of graphic files to be included in the layout, tags to define a category or conceptual purpose for each element and optional tags to override the design changes that are indicated in the theme metadata. The rendering engine combines and matches the theme metadata to the graphics metadata and places the graphic elements into the theme layout according to the matching.

Claims

1. A method for dynamic placement of graphic elements into layouts, comprising:

receiving a selection of a theme for use in placing graphic elements as part of a graphical layout;

receiving a plurality of the graphic elements to be rendered on the graphical layout;

processing a set of theme metadata associated with the theme, wherein the theme metadata defines

a plurality of regions for use in rendering the graphic elements on the graphical layout, and,

for each region, information describing a category for that region, and optional design parameters to be associated with graphic elements in that region;

processing a set of graphics metadata associated with the graphic elements, wherein the set of graphics metadata includes rules that define, for each graphic element to be rendered on the graphical layout, those regions of the graphical layout within which the graphic element can be displayed;

automatically determining a combination of regions with matching graphic elements, by matching region information provided by the theme metadata describing categories for the regions, with the rules provided by the graphics metadata describing those regions of the graphical layout within which each graphic element can be displayed; and

placing the graphic elements into the graphical layout according to the determined combination of regions and matching graphic elements.

2. The method of claim 1, wherein the theme metadata further includes a set of tags that define for each region, the category for that region.

3. The method of claim 2, wherein the graphics metadata further includes a set of tags that define for each graphic element, those regions of the graphical layout within which the graphic element can be displayed.

4. The method of claim 3, wherein the step of matching the region information provided by the theme metadata with the rules provided by the graphics metadata includes comparing the set of tags of the theme metadata with the set of tags of the graphics metadata.

5. The method of claim 1, wherein the theme metadata further defines one or more design changes that can be applied to the graphic elements after the graphic elements have been placed on the graphical layout.

6. The method of claim 5, wherein the graphics metadata includes a set of overriding tags that override the graphical layout defined by the theme metadata.

7. The method of claim 1, wherein the graphics metadata includes a set of tags defining limitations for acceptable layout changes by an end-user.

8. The method of claim 1, wherein the content of both the theme metadata and graphics metadata are specified as strings, and at least one of the theme metadata and the graphics metadata includes a wild card character that is used during the step of matching to provide more freedom in determining a match between a graphic element and a region of the graphical layout.

9. The method of claim 8, wherein if more than one match is determined between the graphic elements and a particular region of the graphical layout, then randomly selecting one of the graphic elements to be combined with the particular region.

10. The method of claim 8, wherein if more than one match is determined between graphic elements and a particular region of the graphical layout, then selecting, based on round-robin, one of the graphic elements to be combined with the particular region.

11. The method of claim 1, wherein the step of matching the content of the theme metadata with the content of the graphics metadata further includes:

determining that multiple matches exist between a particular region of the graphical layout and at least two graphic elements; and

employing a weighting associated with the at least two graphic elements in order to determine a priority of selecting which of the at least two graphic elements is to be placed into the particular region of the graphical layout.

12. The method of claim 11, wherein if the weighting associated with the at least two graphic elements is equal, then one graphic element is randomly selected from the at least two graphic elements.

13. The method of claim 11, wherein if the weighting associated with the at least two graphic elements is equal, then one graphic element is selected, based on round-robin, from the at least two graphic elements.

14. The method of claim 1, wherein the graphics metadata is one of retrieved from a graphics file or uploaded by a user.

15. The method of claim 1, further comprising:

rendering a set of digital photographs within the graphical layout in addition to the graphic elements placed into the graphical layout; and

printing a physical media article that includes the digital photographs rendered within the graphical layout.

16. A system for dynamic placement of graphic elements into layouts, comprising:

a graphical user interface (GUI) for rendering a plurality of graphic elements as part of a graphical layout;

a set of theme metadata stored on a computer readable storage medium and associated with a theme, wherein the theme metadata defines

a plurality of regions for use in rendering the graphic elements on the graphical layout, and,

for each region, information describing a category for that region, and optional design parameters to be associated with graphic elements in that region;

a set of graphics metadata associated with the graphic elements, wherein the set of graphics metadata includes rules that define, for each graphic element to be rendered on the graphical layout, those regions of the graphical layout within which the graphic element can be displayed; and

a rendering engine that automatically determines a combination of regions with matching graphic elements, by matching region information provided by the theme metadata describing categories for the regions, with the rules provided by the graphics metadata describing those regions of the graphical layout within which each graphic element can be displayed, and places the graphic elements into the graphical layout according to the determined combination of regions and matching graphic elements.

17. The system of claim 16, wherein the theme metadata further includes a set of tags that define, for each region, the category for that region.

18. The system of claim 17, wherein the graphics metadata further includes a set of tags that define for each graphic element, those regions of the graphical layout within which the graphic element can be displayed.

19. The system of claim 18, wherein the rendering engine compares the set of tags of the theme metadata with the set of tags of the graphics metadata.

20. The system of claim 16, wherein the theme metadata further defines one or more design changes that can be applied to the graphic elements after the graphic elements have been placed on the graphical layout.

21. The system of claim 20, wherein the graphics metadata includes a set of overriding tags that override the graphical layout defined by the theme metadata.

22. The system of claim 16, wherein the content of both the theme metadata and graphics metadata are specified as strings, and at least one of the theme metadata and the graphics metadata includes a wild card character that is used during the step of matching to force a match between a graphic element and a region of the graphical layout.

23. The system of claim 16, wherein if the rendering engine determines that multiple matches exist between a region of the graphical layout and at least two graphic elements employs a weighting associated with the at least two graphic elements in order to determine a priority of selecting which of the at least two graphic elements is to be placed into the particular region of the graphical layout.

24. The system of claim 16, wherein the graphics metadata is one of retrieved from a graphics file or uploaded by a user.

25. A non-transitory computer-readable storage medium storing one or more sequences of instructions which when executed by one or more processors, cause the one or more processors to carry out the steps of:

receiving a selection of a theme for use in placing graphic elements as part of a graphical layout;

receiving a plurality of the graphic elements to be rendered on the graphical layout;

processing a set of theme metadata associated with the theme, wherein the theme metadata defines

a plurality of regions for use in rendering the graphic elements on the graphical layout, and,

for each region, information describing a category for that region, and optional design parameters to be associated with graphic elements in that region;

processing a set of graphic metadata associated with the graphic elements, wherein the set of graphics metadata includes rules that define, for each graphic element to be rendered on the graphical layout, those regions of the graphical layout within which the graphic element can be displayed;

automatically determining a combination of regions with matching graphic elements, by matching region information provided by the theme metadata describing categories for the regions, with the rules provided by the graphics metadata describing those regions of the graphical layout within which each graphic element can be displayed; and

placing the graphical elements into the graphical layout according to the determined combination of regions and matching graphic elements.