Dynamic UI Content Color Adjustment for Wallpaper Legibility

Resolve Bottlenecks,
Find Innovative SolutionsGenerate Solutions

Solution Overview

Problem

User interface elements on electronic devices can become either invisible or distracting due to blending with or strongly contrasting with the wallpaper, especially on portable devices with small displays, making them illegible or aesthetically unpleasing.

Innovation Solution

Adjusting the opacity and color of new content rendered on top of background content in a graphical user interface to ensure legibility and aesthetic appeal, by determining the average RGB values and converting them to HSB, applying a color desaturation filter, and computing opacity levels based on background brightness and contrast, while preserving the original color of the new content.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Reliability

If user interface elements use fixed colors and appearances, then the design is simple and consistent, but the elements may blend with the wallpaper making them invisible or illegible

Engineering Contradiction:

Improvelegibility of user interface elementsVSAvoidcomplexity of color adjustment processing

Core Design Contradiction:

ReliabilityVSDevice complexity

Solution Approach 1:

The patent changes the color parameters (opacity, hue, saturation) of user interface elements dynamically based on the background wallpaper's color characteristics. The system analyzes the wallpaper's average color and adjusts the UI element colors to ensure sufficient contrast and legibility, resolving the contradiction between maintaining simple fixed designs and ensuring reliability across varying backgrounds.

Inventive Principle:

Principle #35Parameter changes

Solution Approach 2:

The system implements a feedback mechanism where the displayed wallpaper is analyzed to determine its color characteristics, and this information feeds back into the rendering process to adjust the colors of overlaid UI elements. This closed-loop approach ensures that UI elements remain legible regardless of the background, addressing the reliability issue without requiring manual redesign for each wallpaper.

Inventive Principle:

Principle #23Feedback

2Reliability

If user interface elements use high contrast colors to ensure visibility, then legibility is improved, but the elements may clash with the wallpaper making the interface aesthetically unpleasing

Engineering Contradiction:

Improvelegibility of user interface elementsVSAvoidaesthetic clash with background

Core Design Contradiction:

ReliabilityVSObject-affected harmful factors

Solution Approach 1:

Instead of using fixed high-contrast colors that may clash with certain wallpapers, the system dynamically adjusts color parameters including opacity, hue, and saturation based on the background characteristics. This allows the UI elements to maintain legibility while adapting their appearance to harmonize with different wallpaper styles, resolving the aesthetic clash issue.

Inventive Principle:

Principle #35Parameter changes

Solution Approach 2:

The patent applies different color adjustment strategies to different UI elements based on their specific requirements and their position relative to the background. Rather than applying a uniform high-contrast approach to all elements, the system tailors the color adjustments locally to each element and background combination, ensuring both legibility and aesthetic harmony.

Inventive Principle:

Principle #3Local quality

3Stability of the object's composition

If the opacity of new content is increased to preserve its color, then color consistency is maintained, but the underlying background content becomes less visible

Engineering Contradiction:

Improvecolor consistency of new contentVSAvoidvisibility of background content

Core Design Contradiction:

Stability of the object's compositionVSLoss of information

Solution Approach 1:

The system adjusts multiple color parameters simultaneously (opacity, hue, saturation) rather than simply increasing opacity. By modifying hue and saturation in addition to opacity, the system can maintain the perceived color consistency of UI elements while using lower opacity values that allow the background to remain visible, thus resolving the contradiction between color stability and background visibility.

Inventive Principle:

Principle #35Parameter changes

Solution Approach 2:

Instead of solving the color consistency problem solely through the opacity dimension, the patent introduces additional color dimensions (hue and saturation) as adjustment parameters. This multi-dimensional approach allows the system to maintain color consistency through hue/saturation adjustments while using moderate opacity levels that preserve background visibility.

Inventive Principle:

Principle #17Another dimension (Dimensionality change)

Data Source

PatentUS9542907B2Content adjustment in graphical user interface based on background content

Publication Date: 2017.01.10 APPLE INC

AI summary

Adjustments to content to be rendered on top of background content, such as wallpaper, in a graphical user interface are disclosed. One example method can include adjusting a color characteristic of new content to be rendered on top of the background content, based on at least one color characteristic of the background content, so as to preserve the new content's color. Another example method can include adjusting a color characteristic of text to be rendered on top of the background content, based on at least one color characteristic of the background content, so that the text is legible.