Populating visual designs with web content

Patent metadata

Field	Value
Publication number	US-9934208-B2
Application number	US-201615065444-A
Country	US
Kind code	B2
Filing date	Mar 9, 2016
Priority date	Jan 8, 2016
Publication date	Apr 3, 2018
Grant date	Apr 3, 2018

Abstract

Techniques are described for populating visual designs with web content. In implementations, a document design is generated via a digital media application. The document design includes a layout of repeating design elements, such as a grid or table of repeating areas each having various design elements. Web content having a structured arrangement of data elements is accessed through a data panel exposed via the application. The web content data may be linked to the document design to populate elements of the document design with “real-world” data. To do so, the web content is to detect semantically similar repeating data elements by based on element positions, node types, style types, and node hierarchies reflected by structured data defining the web content. Design elements in the layout of the document design are then auto-populated with content of the semantically similar repeating data elements to produce a preview linked to “real-world” data.

First claim

What is claimed is:

1. In a digital media environment to facilitate creation of content using one or more computing devices, a method comprising:
accessing content from a remote network storage location having a structured arrangement of one or more data elements through a data panel exposed via a user interface for a digital media application in connection with editing of a document design via the user interface, the document design including a layout of one or more repeating design elements, each design element comprising multiple objects of different content types grouped together, the layout of one or more repeating design elements having boundaries determined by expanding a boundary of one of the design elements;
receiving a dragging motion;
contracting, in response to receiving the dragging motion, the boundaries of the layout of one or more repeating design elements;
removing, responsive to the contracting the boundaries of the layout, at least one of the design elements from the layout;
obtaining, via the user interface, a selection of one of the one or more design elements in the document design and a selection of one of the one or more data elements from the content in the data panel;
responsive to obtaining the selections, parsing the content by recognizing repeating data elements included within the structured arrangement of data elements corresponding to the selected data element; and
auto-populating design elements in the layout of one or more repeating design elements corresponding to the selected design element with content of the repeating data elements corresponding to content of the selected data element.

2. The method as described in claim 1 , wherein the parsing the content includes identifying semantically-matching repeating data elements corresponding to the selected data element by detecting data elements having corresponding element positions within a rendered view of the content.

3. The method as described in claim 1 , wherein the parsing the content includes identifying semantically-matching repeating data elements corresponding to the selected data element by categorizing data elements based on node types and style types indicated by structured data defining the content.

4. The method as described in claim 1 , wherein the parsing the content includes identifying semantically-matching repeating data elements corresponding to the selected data element by comparing node hierarchies for data elements reflected in the structured data defining the content to match data elements one to another.

5. The method as described in claim 1 , further comprising:
matching semantically-matching repeating data elements identified within the structured arrangement of the content to the repeating design elements included in the layout of the document design; and
saving links between the semantically-matching repeating data elements and the repeating design elements based on the matching in a design file for the document design on one of the one or more computing devices.

6. The method as described in claim 1 , wherein the layout of one or more repeating design elements comprises a grid or table structure.

7. In a digital media environment to facilitate creation of content using one or more computing devices, a system comprising:
one or more processing devices; and
one or more computer-readable media storing instructions executable via the one or more processing devices to perform operations to facilitate creation of content using a digital media application including:
accessing content from a remote network storage location having a structured arrangement of one or more data elements through a data panel exposed via a user interface for the digital media application in connection with editing of a document design via the user interface, the document design including a layout of one or more repeating design elements, each design element comprising multiple objects of different content types grouped together, the layout of one or more repeating design elements having boundaries determined by expanding a boundary of one of the design elements;
replicating the one of the design elements in the layout responsive to the expanding the boundary of the one of the design elements;
receiving a dragging motion;
contracting, in response to receiving the dragging motion, the boundaries of the layout of one or more repeating design elements;
removing, responsive to the contracting the boundaries of the layout, at least one of the design elements from the layout;
obtaining, via the user interface, a selection of one of the one or more design elements in the document design and a selection of one of the one or more data elements from the content in the data panel;
responsive to obtaining the selections, parsing the content by recognizing repeating data elements included within the structured arrangement of data elements corresponding to the selected data element; and

auto-populating design elements in the layout of one or more repeating design elements corresponding to the selected design element with content of the repeating data elements corresponding to content of the selected data element.

8. The system as recited in claim 7 , wherein the parsing the
content by recognizing the repeating data elements comprises:
computing bounds of the selected data element in a coordinate system for a rendered view of the content exposed via the data panel;
identifying data elements having bounds intersecting axes defined by the bounds of the selected data element as elements having element positions corresponding to the selected data element;
for data elements identified as having element positions corresponding to the selected data element: comparing node types, style types, and node hierarchies to the selected data element to find data elements matching a node type, style type, and node hierarchy of the selected node;
including the matching elements along with the selected data element in a group of repeating data elements corresponding to the selected data element.

9. The system as recited in claim 8 , wherein the identifying the data elements having bounds intersecting axes defined by the bounds of the selected data element includes applying a tolerance factor to the computed bounds of the selected data element, the tolerance factor designated to expand dimensions of the computed bounds to account for misalignment of elements within the structured arrangement.

10. The system as recited in claim 8 , wherein the user interface for the digital media application is configured to selectively display a visual representation of the group of repeating data elements within the rendered view of the content in response to receiving a hover action of the selected data element.

11. In a digital media environment to facilitate creation of content using one or more computing devices, a non-transitory computer-readable medium configured to perform the steps comprising:
accessing content from a remote network storage location having a structured arrangement of one or more data elements through a data panel exposed via a user interface for a digital media application in connection with editing of a document design via the user interface, the document design including a layout of one or more repeating design elements, each design element comprising multiple objects of different content types grouped together, the layout of one or more repeating design elements having boundaries determined by expanding a boundary of one of the design elements;
receiving a dragging motion;
contracting, in response to receiving the dragging motion, the boundaries of the layout of one or more repeating design elements;
removing,

Assignees

• Adobe Systems Inc

Inventors

• Sasikumar Anirudh

Classifications

• G06F40/106

  Display of layout of documents; Previewing · CPC title

• G06F40/166

  Editing, e.g. inserting or deleting · CPC title

• G06F40/30

  Semantic analysis · CPC title

• G06F40/221

  Parsing markup language streams (streaming G06F40/149) · CPC title

• G06F40/279

  Recognition of textual entities · CPC title