UI Visibility on Complex Backgrounds via ROI Contrast Analysis
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
In electronic devices, complex background images make it difficult for users to visually identify user interface (UI) elements due to lack of sufficient contrast, especially when the background is of various colors.
Innovation Solution
An electronic device applies image effects to UI elements by calculating shape complexity and contrast values of a region of interest (ROI) and determining an appropriate image effect to enhance visibility, such as applying shadows or intermediate layers based on calculated result values.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Adaptability or versatility
If a complex background image with various colors is used, then the aesthetic appearance and visual appeal are improved, but the visibility and identifiability of UI elements deteriorate due to insufficient contrast
Solution Approach 1:
The patent introduces an intermediate layer between the background image and the UI element. This intermediate layer acts as a mediator that separates the complex background from the UI element, providing a simplified backdrop that maintains contrast while allowing the background's aesthetic qualities to shine through. The intermediate layer effectively resolves the contradiction by buffering the conflict between background complexity and UI visibility.
Solution Approach 2:
The patent segments the display into distinct functional layers: the background image layer, the intermediate layer, and the UI element layer. By dividing the visual composition into separate segments, each layer can be optimized independently - the background for aesthetic appeal and the UI elements for visibility - while the intermediate layer coordinates between them.
2Difficulty of detecting and measuring
If image processing is applied to enhance UI element visibility, then the visibility is improved, but the processing time and computational resources increase
Solution Approach 1:
The patent performs preliminary analysis of the background image to identify regions with high complexity before finalizing the intermediate layer design. By preparing the intermediate layer in advance based on pre-calculated complexity metrics, the system avoids time-consuming real-time processing during the actual display, thus improving visibility while minimizing processing time.
Solution Approach 2:
The patent changes key parameters of the intermediate layer based on calculated complexity values, such as adjusting transparency levels, color saturation, or contrast enhancement factors. By using parameter transformations rather than complete image reprocessing, the system achieves visibility enhancement with reduced computational overhead and processing time.
Data Source
AI summary
An electronic device and method are disclosed herein. The electronic device includes a display, and a processor. The processor implements the method, including: acquiring a background image of a screen generated for display, a region of interest (ROI) where a user interface (UI) element is to be displayed, calculating a value indicating a shape complexity of the ROI, dividing the ROI into a plurality of clusters according to designated attributes, calculating difference values indicating a contrast between each of the plurality of clusters and the UI element, identifying a minimum difference value from among the difference values as a contrast difference value, calculating a result value indicating a degree of visibility of the UI element relative to the background image, determining an image effect to be applied to the UI element, based on the result value, and display to the altered ROI the UI element.