Visual Design System Semantic Layout Adaptation
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Current website building systems lack the ability to generate visually diverse yet semantically equivalent layout alternatives for existing page designs, limiting user flexibility and creativity in updating or changing website layouts without altering the underlying content.
Innovation Solution
A visual design system that includes a processor, memory, and a page analyzer to extract business information from existing layouts, perform semantic analysis, and generate business information layouts and signatures, allowing for the comparison and adaptation of layouts to provide visually diverse yet semantically similar alternatives, using a database to store and retrieve candidate layouts for adaptation and application.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If website building systems provide ways to build websites from scratch, then users can create websites, but the systems lack the ability to generate visually diverse layout alternatives for existing designs
Solution Approach 1:
The system segments the layout analysis process into distinct components: a page analyzer extracts business information and generates business information layouts and signatures from existing layouts, while a signature comparer compares these signatures against stored layouts. This segmentation enables the system to generate visually diverse layout alternatives by analyzing and recombining layout components based on semantic equivalence rather than requiring complete layout reconstruction.
Solution Approach 2:
The patent introduces business information signatures as an intermediary representation that bridges existing layouts and potential alternative layouts. These signatures capture the semantic composition of layouts without being tied to specific visual arrangements, allowing the system to generate visually diverse alternatives that maintain semantic equivalence. The signature comparer acts as a mediator to match business information signatures with suitable template layouts.
2Adaptability or versatility
If users can update or change website layouts, then design flexibility improves, but the underlying content structure may be altered
Solution Approach 1:
The system applies local quality by distinguishing between the semantic content structure (business information) and the visual presentation (layout). The page analyzer extracts business information that represents the local semantic quality of the layout, while the signature comparer ensures that layout alternatives preserve this semantic quality. This allows users to change visual layouts while maintaining content integrity through semantic equivalence verification.
3Reliability
If the system generates semantically equivalent layouts, then content meaning is preserved, but visual diversity is limited
Solution Approach 1:
The patent resolves this contradiction by operating in another dimension - the semantic composition space rather than the visual arrangement space. The business information signature captures the semantic composition of layouts, allowing the system to generate visually diverse alternatives by transforming layouts in the visual dimension while preserving semantic equivalence verified in the semantic composition dimension. This dimensional separation enables both semantic reliability and visual diversity.
Data Source
AI summary
A system and method for a visual design system includes a memory, a processor, a page analyzer to extract business information of at least one data structure of at least one page of a visual application having an existing layout, to perform a semantic analysis of the extracted business information and to use the extracted business information to produce a business information layout and an associated business information signature; a database to store at least one layout and at least one associated layout signature where the layout signature represents a business information composition of the at least one layout, a signature comparer to perform a comparison of the associated business information signature of the at least one data structure with the associated layout signature of the at least one layout stored in said layout database and where the processor and the memory embody the page analyzer and the signature comparer.