Inheritance Structures for Responsive Web Design Adaptation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Responsive web design requires significant effort from graphic designers and developers to create multiple versions of a design optimized for different screen sizes and orientations, with existing solutions often requiring manual modifications across various dimensions and lacking intuitive methods for specifying widget locations and interactivity.
Innovation Solution
The implementation of a computer-implemented method that allows users to specify responsive web page designs using interactive widgets with inheritance structures and object model event handlers, enabling automatic propagation of changes across dimension versions and intuitive specification of widget locations based on absolute positions, reducing the effort required for creating and modifying responsive designs.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If multiple dimension versions of a design are created manually for different screen sizes, then design adaptability is improved, but design effort and time consumption increase significantly
Solution Approach 1:
The patent implements automatic copying of design elements from a source dimension version to target dimension versions. When a designer creates or modifies a design element in one dimension, the system automatically copies and adapts it to other dimension versions, eliminating manual repetition and significantly reducing design effort while maintaining design adaptability across multiple screen sizes
Solution Approach 2:
The patent establishes dimension version specifications and inheritance relationships in advance before the actual design work. By pre-defining the dimension framework and automation rules, the system prepares the structure needed for automatic element propagation, allowing designers to focus on creative work rather than repetitive adaptation tasks
2Manufacturing precision
If design elements are specified separately for each dimension version, then design precision for specific dimensions is improved, but device complexity and manual workload increase
Solution Approach 1:
The patent merges the specification of design elements across multiple dimension versions into a unified process. Designers work with a single set of design elements that automatically propagate to all dimension versions, maintaining precision through the inheritance mechanism while reducing the complexity of managing separate specifications for each dimension
3Productivity
If automated procedures are used to modify design elements across dimensions, then productivity is improved, but control over specific widget locations and interactivity is reduced
Solution Approach 1:
The patent implements a dynamic specification system where design elements have both automated propagation capabilities and manual override options. The system can automatically copy and adapt elements across dimensions when needed for efficiency, but allows designers to easily modify specific widget locations, sizes, and interactivity properties in any dimension version, providing flexibility and control when required
Data Source
AI summary
Computer-implemented methods for allowing users to specify interactive graphical designs are provided. The graphical designs can comprise multiple dimension versions—such as a tablet dimension version or a phone dimension version. Some of the methods involve an inheritance structure that defines a first dimension version of the design as a child of a second dimension version of the design. Specifications for properties of widgets in the graphical design are applied to the design in accordance with the inheritance specification. Some of the methods involve an inheritance characterization that determines how properties of a widget are affected by the inheritance structure across different dimension versions. Some of the methods involve an existence property for the widgets.