Dynamic User Interface Theme Generation from Source Images

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Current customization options for portable computer user interfaces require pre-defined themes or resource-intensive applications, limiting user flexibility and efficiency in changing the look and feel of graphical user interfaces.

Innovation Solution

A method that dynamically generates user interface views by layering theme elements, using image analysis to define color schemes and illumination effects, and adjusting these based on sensor data from ambient environment, reducing the need for pre-defined resources and allowing for real-time customization.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If pre-defined themes or theme creator applications are used for customization, then users can change the appearance of the graphical user interface, but the computational resources and network connection requirements increase significantly

Engineering Contradiction:
Improveuser interface customization capabilityVSAvoidcomputational resource consumption
Core Design Contradiction:
Adaptability or versatilityVSUse of energy by moving object

Solution Approach 1:

The system automatically generates theme elements by analyzing a user-provided source image and extracting color schemes, illumination effects, and visual characteristics. This self-service approach eliminates the need for resource-intensive theme creator applications or network-dependent pre-defined themes, as the customization resources are generated on-demand from user input.

Inventive Principle:
Principle #25Self-service

Solution Approach 2:

The system performs preliminary analysis of the source image to extract and store theme elements (color schemes, illumination effects, visual characteristics) before they are needed for user interface rendering. This pre-processing approach reduces computational resources during actual theme application, as the heavy lifting of analysis and extraction is completed in advance.

Inventive Principle:
Principle #10Preliminary action

2Ease of operation

If pre-defined themes are used, then users can easily change the appearance, but the variety and personalization options are limited

Engineering Contradiction:
Improvetheme selection simplicityVSAvoidtheme variety and personalization
Core Design Contradiction:
Ease of operationVSAdaptability or versatility

Solution Approach 1:

Users provide their own source image, and the system automatically generates personalized theme elements from it. This approach combines the simplicity of automatic theme generation with unlimited personalization options, as each user's theme is uniquely derived from their own image rather than selecting from pre-defined options.

Inventive Principle:
Principle #25Self-service

Solution Approach 2:

The system transitions from two-dimensional pre-defined theme selections to three-dimensional personalized theme generation by incorporating user-provided source images as the foundation. This adds a new dimension of customization where users can create themes from any image they desire, vastly expanding personalization options while maintaining ease of operation.

Inventive Principle:
Principle #17Another dimension (Dimensionality change)

3Adaptability or versatility

If theme creator applications with extensive graphical elements are used, then comprehensive customization is possible, but the computational power and network connection requirements increase

Engineering Contradiction:
Improvecustomization comprehensivenessVSAvoidsystem resource requirements
Core Design Contradiction:
Adaptability or versatilityVSDevice complexity

Solution Approach 1:

The system extracts only the essential theme elements (color schemes, illumination effects, visual characteristics) directly from the user's source image, eliminating the need for extensive pre-defined graphical element libraries. This extraction approach provides comprehensive customization based on user preferences while significantly reducing device complexity and resource requirements.

Inventive Principle:
Principle #2Taking out (Extraction)

Solution Approach 2:

Instead of using extensive pre-defined graphical elements, the system creates customized theme elements by copying and transforming visual characteristics from the user's source image. This approach provides comprehensive customization options tailored to user preferences while avoiding the need for large libraries of pre-created graphical assets.

Inventive Principle:
Principle #26Copying

Data Source

PatentEP3944080B1A method, an apparatus and a computer program product for creating a user interface view
Publication Date: 2024.01.03 JOLLA
  • EP3944080B1 patent drawingFigure 1~2
  • EP3944080B1 patent drawingFigure 3
  • EP3944080B1 patent drawingFigure 4

AI summary

The invention relates to a method for an apparatus having a display and a user interface view, wherein the user interface view comprises user interface components. The user interface components are differentiated according to their characteristics into at least content components and effect components, wherein the method comprises automatically creating a theme by means of a source image; adjusting the created theme automatically based on sensor data; and rendering the user interface view on the display according to the theme, wherein the theme defines a common appearance of content components and to define the effect of at least one effect component. The invention also relates to a technical equipment for performing the method.