Dynamic UI Object Color Conversion for Visibility
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing user interfaces (UIs) in electronic devices, such as smartphones and tablets, face challenges in providing high visibility for objects like icons and texts across varying wallpaper colors, as they often rely on a single fixed color, leading to reduced visibility when the wallpaper color is similar to the object color, and current methods for representative color detection are inefficient in terms of computation and power consumption, especially in devices with hardware constraints like smartphones.
Innovation Solution
An electronic device and method that converts the color of objects displayed on the screen by using a processor to detect representative colors through a quantized color palette adaptive to the input image, based on metadata and device conditions, and adjusts object colors to ensure high visibility across different wallpaper colors, employing techniques like downsampling, color space conversion from RGB to HSL, and histogram calculation to determine optimal color representation.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Device complexity
If a single fixed color is used for UI objects, then the device complexity is reduced, but the visibility of objects deteriorates when the wallpaper color is similar to the object color
Solution Approach 1:
The patent applies dynamics by making the object color changeable rather than fixed. The system dynamically determines the color of UI objects based on the wallpaper color, ensuring high visibility regardless of the background. This is achieved through representative color detection algorithms that analyze the wallpaper and automatically adjust object colors to contrast with the detected representative color.
Solution Approach 2:
The patent changes the color parameter of UI objects based on the wallpaper color. By detecting the representative color of the wallpaper and adjusting object colors accordingly, the system maintains optimal visibility. This parameter change approach allows the same object to have different colors in different contexts, resolving the contradiction between simplicity and visibility.
2Measurement precision
If representative color detection uses a large color palette with many candidates, then the measurement precision is improved, but the use of energy and operation speed deteriorate
Solution Approach 1:
The patent segments the color detection process into two stages: first, it creates a quantized color palette with a limited number of candidate colors (e.g., 256 colors) from the full color space; second, it performs representative color detection only within this reduced palette. This segmentation reduces the computational burden and power consumption while maintaining sufficient detection accuracy for UI design purposes.
Solution Approach 2:
The patent extracts only the necessary color information by using a quantized palette that represents the essential color ranges. Instead of analyzing every possible color in the full palette, the system extracts representative colors from a simplified color space, achieving the needed precision with significantly reduced computational complexity and energy consumption.
3Measurement precision
If representative color detection uses a large color palette with many candidates, then the measurement precision is improved, but the operation speed deteriorates
Solution Approach 1:
The patent segments the color detection process into two stages: first, it creates a quantized color palette with a limited number of candidate colors (e.g., 256 colors) from the full color space; second, it performs representative color detection only within this reduced palette. This segmentation reduces the computational burden and operation speed while maintaining sufficient detection accuracy for UI design purposes.
Solution Approach 2:
The patent extracts only the necessary color information by using a quantized palette that represents the essential color ranges. Instead of analyzing every possible color in the full palette, the system extracts representative colors from a simplified color space, achieving the needed precision with significantly reduced computational complexity and operation speed.
4Productivity
If uniform quantization is used to reduce the number of color candidates, then the operation speed is improved, but the measurement precision deteriorates due to ambiguous color boundaries
Solution Approach 1:
The patent applies local quality by using non-uniform quantization that adapts to the specific characteristics of the input image. Instead of applying the same quantization step across the entire color space, the system adjusts the quantization based on the distribution of colors in the image, placing finer granularity where needed and coarser granularity where colors are uniform. This maintains color boundary accuracy while reducing the overall number of candidates.
Data Source
AI summary
Methods and apparatuses are provide for displaying a representative color of an image. One or more images are displayed on a display. A scroll operation corresponding to a user input is identified for displaying a plurality of images subsequently following the one or more images. During the scroll operation, at least one of the one or more images and a plurality of objects are displayed together on the display. Each of the plurality of objects is displayed in place of a respective one of the plurality of images and each of the plurality of objects is displayed as a solid-color object corresponding to one representative color of the respective one of the plurality of images. After the solid-color objects are displayed during the scroll operation, the at least one of the one or more images and the plurality of images are displayed together on the display. The plurality of images being displayed in place of the solid-color objects.