Generative AI Screen Code Integration for Consistent Design Updates
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing methods for improving web and app screen designs are time-consuming, require specialized personnel, and yield inconsistent results due to worker dependency.
Innovation Solution
A method and system utilizing generative AI to classify and modify screen design elements based on a selected template, applying preset code change rules and generating new codes to integrate design changes efficiently.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Manufacturing precision
If manual design improvement processes are used with specialized personnel, then design quality can be maintained, but the process becomes time-consuming and costly
Solution Approach 1:
The patent replaces manual mechanical design processes with an automated AI-based system. The processor automatically analyzes screen elements, compares them with design templates, generates modification codes, and applies changes without human intervention, thereby reducing time loss while maintaining design quality through systematic automated evaluation.
Solution Approach 2:
The design system performs self-service by automatically identifying design elements that need improvement, comparing them against templates, generating modification codes, and applying changes autonomously. The system serves itself by having the processor execute the entire design improvement workflow without requiring specialized personnel to manually perform each step.
2Adaptability or versatility
If iterative manual design processes are used, then design adjustments can be made, but the number of iterations increases time consumption
Solution Approach 1:
The patent applies preliminary action by pre-defining design templates that contain optimal design patterns and rules. Instead of iteratively adjusting designs through multiple manual cycles, the system proactively compares screen elements against these pre-established templates and automatically applies appropriate modifications, significantly reducing the number of iterations needed.
Solution Approach 2:
The system implements feedback mechanisms where the processor continuously compares current design elements with template standards, evaluates the results, and automatically adjusts modifications. This closed-loop feedback process enables rapid design adaptation without requiring multiple manual review cycles, thereby improving productivity while maintaining adaptability.
3Stability of the object's composition
If design changes are made manually by specialized personnel, then design consistency can be maintained, but the process requires significant computational human resources
Solution Approach 1:
The patent applies universality by creating a multi-functional automated system that performs template comparison, element identification, code generation, and design application all through a single integrated process. This universal system replaces multiple specialized manual processes, reducing overall process complexity while maintaining design consistency through standardized automated procedures.
Solution Approach 2:
The system maintains design consistency by systematically changing design parameters according to predefined template rules. The processor automatically adjusts various design parameters (layout, colors, elements) based on template specifications, ensuring consistent design outcomes without requiring complex manual coordination or multiple specialized personnel.
4Manufacturing precision
If comprehensive design element modification is performed, then design improvement quality increases, but computational volume and processing time increase
Solution Approach 1:
The patent applies segmentation by dividing the design improvement process into distinct modules: template comparison, element identification, code generation, and modification application. The processor segments design elements into categories (common elements vs. template-specific elements) and processes them differently, reducing overall computational energy while maintaining comprehensive design improvement quality through targeted processing of each segment.
Data Source
AI summary
Provided is a method performed by at least one computing device. The method comprises receiving information on a change target screen and information on a selected design template from a user terminal, classifying design elements that constitute the change target screen into a first design element that is common with design elements that constitute the design template and a second design element that is not common with the design elements that constitute the design template, changing a code of the first design element according to a preset code change rule, generating a new code for a new design element corresponding to the second design element, the new design element reflecting a rule of the design template, generating an integrated code that integrates the changed code for the first design element and the new code for the second design element and providing a change target screen whose design is changed according to the integrated code to the user terminal.