Multi-view masters for responsive design consistency
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Responsive graphical design tools require significant effort to create multiple versions of a design for different screen sizes and orientations, with existing solutions often necessitating manual modifications across various dimensions, leading to inefficiencies and increased design workload.
Innovation Solution
The use of multi-view masters and responsive widgets that allow for a single editable entity across all design elements, with features like inheritance structures and editing modes to propagate changes automatically across dimension versions, reducing the need for manual adjustments and streamlining the design process.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Reliability
If multiple separate design files are created for different screen sizes and orientations, then design consistency across devices is maintained, but design workload and time consumption increase significantly
Solution Approach 1:
The patent merges multiple design versions for different screen sizes and orientations into a single master design file. The system automatically generates device-specific views from this master file, eliminating the need to manually create and maintain separate design files for each device type while ensuring consistency across all views.
Solution Approach 2:
The master design file serves multiple functions simultaneously: it acts as the source for desktop views, mobile portrait views, mobile landscape views, and other device-specific views. This universal design approach allows one file to fulfill the role of multiple separate design files, reducing overall complexity and workload.
2Adaptability or versatility
If manual modifications are made to each design version separately, then device-specific optimization is achieved, but design effort and complexity increase
Solution Approach 1:
The patent segments the design into a master component and multiple view components. The master design contains the core design elements, while each device-specific view is a segmented representation tailored to particular screen sizes and orientations. This segmentation allows device-specific optimization without requiring complete separate designs for each device.
Solution Approach 2:
The system introduces an intermediary processing layer that automatically translates the master design into device-specific views. This intermediary handles the complexity of adapting designs for different devices, freeing designers from manually managing device-specific modifications while still achieving optimal display on each device type.
3Reliability
If responsive design tools are used to automatically adjust layouts, then design consistency is maintained, but control over specific design elements is reduced
Solution Approach 1:
The patent implements a dynamic design system where the master design can be adjusted at any time, and these changes automatically propagate to all device-specific views. The system dynamically responds to design modifications while maintaining the ability for designers to control specific elements through the master file interface, combining automated consistency with designer control.
Data Source
AI summary
A method for generating and using multi-view masters involves selecting a master in a design environment. A widget is added to the master. A first view is selected for the master. A first widget characterization of the widget is received. The first widget characterization is associated with the first view of the master. A second view of the master is selected. A second widget characterization of the widget is received. The second widget characterization is associated with the second view of the master. An instance of the master is placed in a containing context. A first instance view selection is received, the first instance view selecting the first view of the master for the first instance of the master. The first instance of the master is displayed within the containing context, the widget being displayed in accordance with the first widget characterization associated with the first view of the master.