Foreground Element Layout Around Salient Background Subjects
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Due to limitations in screen size and widget size, images used as interface backgrounds on electronic devices are often cropped, leading to poor aesthetics and user experience as components block salient subjects, such as people or actions, in the composition.
Innovation Solution
A display method that adjusts the display parameters of foreground elements based on semantic information of the background image, including location, size, and color, to enhance interaction and aesthetics by aligning components with salient subjects.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Area of stationary object
If images are cropped based on specific aspect ratio to adapt to screen size, then the image fits the screen dimensions, but the composition aesthetics deteriorates due to components blocking salient subjects
Solution Approach 1:
The patent implements dynamic layout adjustment where the position and display parameters of foreground components are automatically adjusted based on the detected salient subjects in the background image. The system analyzes the background image to identify salient subjects and their locations, then dynamically positions foreground components to avoid blocking these subjects, creating a dynamic composition that adapts to different background images while maintaining aesthetic quality.
2Device complexity
If foreground components are laid out at fixed locations, then the layout structure is simple and stable, but the visual experience deteriorates due to poor interaction with background content
Solution Approach 1:
The patent applies local quality adjustment by analyzing different regions of the background image to identify salient subjects and their characteristics. Based on the local features detected in different areas of the background image, the system adjusts the display parameters of foreground components locally, such as positioning components away from salient subjects or adjusting their transparency and size, thereby creating a customized layout that enhances visual experience without requiring complete restructuring of the overall layout framework.
Data Source
Figure 1
Figure 2a
Figure 2b
AI summary
This application relates to the field of computer technologies, and specifically, to a display method, an electronic device, and a computer-readable medium. A display parameter that affects a foreground element, including a related parameter like a display location of the foreground element in a corresponding background image area, in a set target interface is adjusted, so that the foreground element in the set target interface can be laid out to a location at which the foreground element interacts with a salient subject. In this way, according to the display method provided in this application, when a background image is set in the target interface, foreground elements such as a time component and a notification component can be laid out to locations at which the foreground elements interact with a feature like an action of the salient subject like a person in the original background image. This helps improve interest of the target interface.