Automatic GUI Color Adjustment Using Wallpaper Characteristic Extraction

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Users face difficulty in manually selecting compatible colors for the graphical user interface elements when changing wallpaper, especially with slideshow backgrounds, requiring trial and error and not providing a pleasing image.

Innovation Solution

A method to automatically change the color or attributes of display areas, taskbars, and messages to match the new wallpaper by identifying a characteristic color from the wallpaper image, using pixel sampling, filtering, and bucket grouping to determine a representative color for a seamless transition.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Adaptability or versatility

If users manually change GUI colors to match new wallpaper, then color compatibility is improved, but user time and effort increase significantly

Engineering Contradiction:
Improvecolor compatibilityVSAvoiduser time
Core Design Contradiction:
Adaptability or versatilityVSLoss of time

Solution Approach 1:

The system automatically extracts characteristic colors from the wallpaper image and applies them to GUI elements without requiring user intervention. The computer itself performs the color matching task that would otherwise require manual user effort, making the system self-serving in resolving the color compatibility issue.

Inventive Principle:
Principle #25Self-service

Solution Approach 2:

The system pre-extracts characteristic colors from the wallpaper image before the GUI needs to be displayed or before the user would need to make color selections. This preliminary color extraction and analysis prepares the color palette in advance, eliminating the need for time-consuming manual color matching when the user actually needs to change wallpaper.

Inventive Principle:
Principle #10Preliminary action

2Adaptability or versatility

If users select neutral colors for slideshow wallpapers, then compatibility across all backgrounds is improved, but visual appeal and pleasing appearance deteriorate

Engineering Contradiction:
Improvecompatibility across backgroundsVSAvoidvisual appeal
Core Design Contradiction:
Adaptability or versatilityVSEase of manufacture

Solution Approach 1:

Instead of applying a single neutral color uniformly across all GUI elements and all wallpaper backgrounds, the system extracts multiple characteristic colors from the wallpaper image and applies them selectively to different GUI elements. This allows each GUI element to have a color specifically tailored to match its corresponding wallpaper background, maintaining both compatibility and visual appeal.

Inventive Principle:
Principle #3Local quality

Solution Approach 2:

The system dynamically changes the color parameters of GUI elements based on the extracted characteristic colors from the wallpaper. Rather than being fixed to neutral colors, the GUI color parameters (hue, saturation, brightness) are adjusted to match the wallpaper's color characteristics, enabling both broad compatibility and high visual appeal.

Inventive Principle:
Principle #35Parameter changes

3Ease of operation

If automatic color extraction is implemented, then user intervention is eliminated, but system complexity increases

Engineering Contradiction:
Improveuser intervention requirementVSAvoidsystem complexity
Core Design Contradiction:
Ease of operationVSDevice complexity

Solution Approach 1:

The system replaces the mechanical/manual process of user color selection with an automated image processing system that extracts characteristic colors from the wallpaper. This substitution eliminates the need for manual user operations while managing complexity through algorithmic automation rather than mechanical interfaces.

Inventive Principle:
Principle #28Mechanics substitution (Replace mechanical system)

Solution Approach 2:

The system creates a color representation (copy) of the wallpaper's characteristic colors and applies this copied color information to the GUI elements. This copying approach simplifies the automation process by working with color data representations rather than complex image analysis, reducing system complexity while achieving the desired effect.

Inventive Principle:
Principle #26Copying

Data Source

PatentUS8847973B2Automatic adjustment of computer interface colors using image processing
Publication Date: 2014.09.30 ZHIGU HLDG
  • US8847973B2 patent drawing
  • US8847973B2 patent drawing
  • US8847973B2 patent drawing

AI summary

A method for processing an image such as a computer wallpaper identifies a characteristic color representative of the image. Image pixels with similar colors are separated into groups, and the average value of the R,G,B color components in each group is determined, after filtering out pixels with R,G,B values representing white, black, or grey. The group with the maximum difference between the highest average color component value and the lowest average color component value is identified as the characteristic color. Groups representing a number of pixels less than a certain percentage of all of the pixels are not considered. The characteristic color can be used in other displayed images at an intensity α determined by setting maximum and minimum values of α, with α being the lesser of αmax and αmin plus the average color span of all pixels in the image.