AUTOMATED RESPONSIVE GRID-BASED LAYOUT DESIGN SYSTEM

摘要

A system provides user interface (“UI”) layout design functionality. The system provides a canvas on a display, where the canvas is controlled by a grid that defines a first number of equally wide logical columns. The system then receives first user input for placing one or more panels on the canvas, where each panel is configured to horizontally occupy one or more of the first number of equally wide logical columns. The system further receives second user input for placing one or more UI components in each of the one or more panels. The system then creates a UI layout based on the first user input and the second user input. In one embodiment, each logical row in the canvas is split into equally wide logical columns, and each panel is controlled by a panel grid that also includes equally wide logical columns.

主权项

1. A computer readable medium having instructions stored thereon that, when executed by a processor, cause the processor to provide user interface (UI) layout design functionality, the providing comprising:
providing a canvas on a display, wherein the canvas is controlled by a grid that defines a first number of equally wide logical columns; receiving first user input for placing one or more panels on the canvas, wherein each panel is configured to horizontally occupy one or more of the first number of equally wide logical columns; receiving second user input for placing one or more UI components in each of the one or more panels; and creating a UI layout based on the first user input and the second user input.