Dark Mode Display Interface Element Processing

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

In a dark light environment, traditional electronic devices struggle to provide adequate contrast and readability due to fixed theme colors, leading to visual fatigue and discomfort for users, as adjusting screen brightness affects both background and content equally, reducing contrast and making content harder to recognize.

Innovation Solution

A dark mode display interface processing method that independently adjusts the brightness, chrominance, and contrast of each element on a display based on its attribute information, such as type, color, size, and location, to optimize readability and recognizability, without requiring front-end or third-party adaptations.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Object-affected harmful factors

If screen brightness is reduced to improve comfort in dark environments, then user comfort is improved, but contrast between content and background deteriorates

Engineering Contradiction:
Improveuser comfortVSAvoidcontent contrast
Core Design Contradiction:
Object-affected harmful factorsVSLoss of information

Solution Approach 1:

The patent applies different brightness adjustment strategies to different elements on the display screen. Foreground elements (text, icons) have their brightness reduced less than the background, while background elements have their brightness reduced more. This local differentiation maintains content visibility while achieving overall dimming for dark mode comfort.

Inventive Principle:
Principle #3Local quality

Solution Approach 2:

The display interface is segmented into multiple element types (foreground elements, background elements, container elements) that are processed independently. Each element type has its own brightness adjustment coefficient, allowing the system to maintain contrast between different layers while achieving the overall dark mode effect.

Inventive Principle:
Principle #1Segmentation

2Device complexity

If fixed theme colors are used to simplify display processing, then device complexity is reduced, but adaptability to different lighting environments deteriorates

Engineering Contradiction:
Improvedisplay processing complexityVSAvoidlighting environment adaptability
Core Design Contradiction:
Device complexityVSAdaptability or versatility

Solution Approach 1:

The patent introduces dynamic brightness adjustment coefficients that can be applied to different element types based on their attributes. These coefficients are determined algorithmically based on element properties (foreground, background, container) and can be adjusted to achieve optimal contrast in dark mode while maintaining compatibility with existing display pipelines.

Inventive Principle:
Principle #15Dynamics

Solution Approach 2:

The patent changes the brightness parameter of display elements differentially based on their type and attributes. By applying different brightness adjustment factors to different element categories, the system adapts the display to dark lighting conditions while preserving the structural simplicity of the existing theme color system.

Inventive Principle:
Principle #35Parameter changes

Data Source

PatentUS12014663B2Dark mode display interface processing method, electronic device, and storage medium
Publication Date: 2024.06.18 HUAWEI TECH CO LTD
  • US12014663B2 patent drawing
  • US12014663B2 patent drawing
  • US12014663B2 patent drawing

AI summary

A method for: obtaining a first display interface including a plurality of elements, which includes a first background element and a first element displayed on it through superimposing; determining a target processing manner corresponding to each of the plurality of elements, which is used to adjust at least one of brightness, chrominance, and contrast of the element; processing each of the plurality of elements in the target processing manner, to obtain a rendering parameter of each element; and rendering each of the plurality of elements, to display a second display interface, wherein a second background element in the second display interface corresponds to the first background element, a second element in the second display interface corresponds to the first element, black contrast of the second element is different from that of the second background element, and brightness of the second element is greater than brightness of the second background element.