Automatically generating and applying graphical user interface resize-contraints based on design semantics

Abstract

The invention relates to automatically generate and apply graphical user interface resize-contraints based on design semantics. The present disclosure is directed toward systems, methods, and non-transitory computer readable media that resize a graphical user interface design layout using automatically-generated semantic-aware resize constraints. In particular, systems described herein can analyzethe semantics of graphical user interface design elements (e.g., including size, position, type, etc.) and relative positions of the design elements (e.g., hierarchy, offsets, nesting, etc.). The disclosed systems utilizes a heuristics system to the analyzed semantics to generate a set of automatically-defined semantic-aware resize constraints for each graphical user interface design interface. The disclosed systems additionally present a design resize interface that enables designer to manually select constraints to be applied to the design elements. The disclosed systems can toggle betweenapplying manually-selected and automatic semantic-aware resize constraints for the design elements.

Description

[0001] Cross References to Related Applications [0002] This application claims priority to U.S. Provisional Patent Application No. 62 / 731,965, entitled "AUTOMATICALLY GENERATING ANDAPPLYING GRAPHI-CAL USER INTERFACE RESIZE-CONTRAINTS BASED ON DESIGNSEMANTICS," filed September 16, 2018, which is incorporated herein by reference in its entirety . technical field [0003] The present disclosure relates generally to display layout resizing, and more particularly to systems, methods, and non-transitory computer-readable media for resizing graphical user interface design layouts using automatically generated semantically-aware resizing constraints. Background technique [0004] With the rapid development of the Internet, people are turning to watch content online. Documents such as web pages, native applications, magazines, manuals, or online books are usually designed to be displayed in a specific medium or viewport. However, documents are typically accessed or provided to v...

AI Technical Summary

Problems solved by technology

As a result, traditional manual rule sizing systems are often technically limited to resizing elements when they are not positioned near the edges of the display layout.

Additionally, traditional manual rule-based resizing systems are often inflexible, as they cannot operate in situations where elements need to be repositioned, expanded, or diminished

Images