Dynamic Theme Color Palette Generation for User Interface

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

Users face challenges in coordinating a color palette with a background image to create a visually appealing theme in computing devices, as predefined theme packages often do not match user-selected images, such as personal photos or logos, leading to unpleasing or ineffective visual integration.

Innovation Solution

A method and system for dynamically generating a color palette by analyzing a blended low-pass filtered version of a user-selected background image to determine predominant colors, which are then used to define a matching color palette for the user interface elements, allowing for flexible and appealing themes.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of manufacture

If predefined theme packages are used, then theme implementation is simple, but color coordination with user-selected background images is poor

Engineering Contradiction:

Improvetheme implementation simplicityVSAvoidcolor coordination with user images

Core Design Contradiction:

Ease of manufactureVSAdaptability or versatility

Solution Approach 1:

The system automatically analyzes the color histogram of user-selected background images and dynamically generates matching color palettes without requiring manual user input or predefined theme configurations. The theme adaptation process serves itself by extracting color information directly from the user's chosen images and applying it to UI elements.

Inventive Principle:

Principle #25Self-service

Solution Approach 2:

The system changes the color parameters of UI elements dynamically based on the analyzed background image. By modifying hue, saturation, and brightness values of theme colors to match the dominant colors in user-selected images, the system achieves adaptive color coordination while maintaining simple implementation through automated parameter adjustment.

Inventive Principle:

Principle #35Parameter changes

2Adaptability or versatility

If custom background images are allowed, then user flexibility increases, but visual harmony with interface elements deteriorates

Engineering Contradiction:

Improveuser image selection freedomVSAvoidvisual harmony

Core Design Contradiction:

Adaptability or versatilityVSStability of the object's composition

Solution Approach 1:

The system establishes a feedback loop where user-selected background images are analyzed to extract color information, which then feeds into automatic theme generation. The color palette is adjusted based on feedback from the image analysis, ensuring visual harmony between the custom background and interface elements while preserving user flexibility in image selection.

Inventive Principle:

Principle #23Feedback

Solution Approach 2:

The theme color palette transitions from static predefined values to dynamic values that automatically adapt to user-selected images. The system continuously adjusts color parameters based on the analyzed image characteristics, creating a dynamic theme that maintains visual harmony regardless of which custom image the user chooses.

Inventive Principle:

Principle #15Dynamics

3Measurement precision

If manual color selection is required, then color accuracy improves, but user operation complexity increases

Engineering Contradiction:

Improvecolor matching accuracyVSAvoidtheme configuration simplicity

Core Design Contradiction:

Measurement precisionVSEase of operation

Solution Approach 1:

The system performs automatic color analysis and theme generation without requiring manual user intervention. The color histogram analysis and palette generation processes serve themselves by automatically extracting color information from background images and applying it to UI elements, eliminating the need for users to manually select or adjust colors.

Inventive Principle:

Principle #25Self-service

Solution Approach 2:

The system replaces manual color selection mechanisms with automated computational analysis. Instead of requiring users to visually inspect and select colors, the system uses algorithmic color histogram analysis to automatically determine the optimal color palette, substituting mechanical user interaction with automated digital processing.

Inventive Principle:

Principle #28Mechanics substitution (Replace mechanical system)

Data Source

PatentEP1852826B1Dynamic theme color palette generation

Publication Date: 2019.12.18 BLACKBERRY LTD

Figure 1
Figure 2
Figure 3~4

AI summary

There is provided a method of changing a theme for a user interface of a computer system comprising receiving an identification of an image with which to define a color palette of a theme for rendering elements of a user interface on a color display of the computer system; analysing the image to determine at least one predominant color; and defining the color palette in response to the analysis. The image may comprise a background image selected by a user for display by the computer system. Dynamic generation of the color palette matches the user interface to colors to provide flexible and appealing themes. A computer readable memory having recorded thereon instructions to carry out this method is also provided, as well as a device comprising such memory.