Dynamic Graphical Interface Shadows for Realistic GUI Depth

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Graphical user interfaces (GUIs) rely on static shadows that do not adjust with the contours of objects, resulting in a non-realistic and unnatural representation of depth, failing to effectively convey the relative positions of user interface elements.

Innovation Solution

Dynamic graphical interface shadows are implemented by configuring display objects with elevation offset information, allowing shadows to be rendered in real-time and adjusted according to the three-dimensional surfaces of objects, using per-pixel elevation maps and GPU filters for hardware acceleration.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Reliability

If static shadows with predefined characteristics are used, then the implementation is simple and fast, but the shadows do not adjust with object contours and fail to provide a realistic look and feel

Engineering Contradiction:
Improverealism of shadow representationVSAvoidcomplexity of shadow rendering system
Core Design Contradiction:
ReliabilityVSDevice complexity

Solution Approach 1:

The patent transforms static shadows into dynamic shadows that adapt to object characteristics. Shadows are no longer fixed with predefined properties but dynamically adjust their size, position, and shape based on the actual contours and three-dimensional surfaces of the objects they represent, making the shadow rendering system responsive and realistic while maintaining implementation feasibility through algorithmic adaptation

Inventive Principle:
Principle #15Dynamics

Solution Approach 2:

The patent applies different shadow characteristics to different regions of graphical objects based on their local properties. By analyzing object contours, elevations, and surface features at specific locations, the system generates shadow variations that match each region's unique characteristics, enabling realistic shadow representation without requiring complete system redesign

Inventive Principle:
Principle #3Local quality

2Reliability

If dynamic shadows adjusted to object contours are implemented, then the realism and natural look and feel are improved, but the computational complexity and processing requirements increase

Engineering Contradiction:
Improvenatural look and feel of shadowsVSAvoidrendering speed
Core Design Contradiction:
ReliabilityVSProductivity

Solution Approach 1:

The patent pre-calculates and stores shadow characteristics such as offset distances, blur radii, and position adjustments in lookup tables or configuration data structures before rendering occurs. This preliminary preparation allows the rendering system to quickly retrieve and apply appropriate shadow parameters during actual display operations, maintaining high rendering speed while achieving realistic shadow effects

Inventive Principle:
Principle #10Preliminary action

Solution Approach 2:

The patent optimizes rendering performance by selectively adjusting only the critical shadow parameters (such as offset, blur radius, and position) that have the most significant impact on visual realism. By focusing computational resources on modifying these key parameters rather than recalculating entire shadow geometries, the system achieves natural-looking shadows while maintaining acceptable rendering throughput

Inventive Principle:
Principle #35Parameter changes

Data Source

PatentUS10691286B2Dynamic graphical interface shadows
Publication Date: 2020.06.23 APPLE INC
  • US10691286B2 patent drawing
  • US10691286B2 patent drawing
  • US10691286B2 patent drawing

AI summary

Dynamic window and cursor shadows are described. In some implementations, graphical user interface display objects can be configured with elevation offset information to give the display objects a three-dimensional surface that can have pixels of varying height. In some implementations, shadows that are rendered upon display objects configured with pixel elevation offset information can be adjusted to reflect the three-dimensional surface of the objects thereby better approximating real-life shadows. In some implementations, shadows can be dynamically rendered in real-time and adjusted according to the elevations of display objects onto which they are cast.