Responsive Document Layout Adaptation for Display Characteristics

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Conventional approaches to creating digital content layouts for diverse devices require significant time and effort, fail to scale for new devices, and are limited to predefined arrangements, unable to accommodate varying display characteristics beyond screen size.

Innovation Solution

A responsive layout system that organizes digital content into a structured format, defines relationships among content objects, and assigns responsive patterns based on display characteristics, generating a single document that adapts to different devices with varying display configurations.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Reliability

If multiple static layouts are created for different device types, then rendering compatibility across devices is improved, but development time and effort increase significantly

Engineering Contradiction:
Improverendering compatibilityVSAvoiddevelopment time
Core Design Contradiction:
ReliabilityVSLoss of time

Solution Approach 1:

The patent creates a single responsive document that serves multiple device types through one universal layout definition. Instead of creating separate static layouts for desktop, mobile, and tablet devices, the system uses one responsive document with parameterized content objects that automatically adapt to different screen sizes and device characteristics, making the layout universally compatible across all device types.

Inventive Principle:
Principle #6Universality (Multi-functionality)

Solution Approach 2:

The patent implements dynamic layout adjustment by defining content objects with responsive patterns that change based on display characteristics. The layout transitions from static to dynamic, where content objects can be displayed in different configurations (single column, multiple columns, stacked arrangements) depending on the device's screen width, orientation, and other display parameters detected at runtime.

Inventive Principle:
Principle #15Dynamics

2Manufacturing precision

If device-specific static layouts are created, then display accuracy for each device is improved, but scalability to new devices deteriorates

Engineering Contradiction:
Improvedisplay accuracyVSAvoidscalability
Core Design Contradiction:
Manufacturing precisionVSAdaptability or versatility

Solution Approach 1:

The patent uses parameter changes to achieve device-specific display accuracy without creating device-specific layouts. Content objects define display parameters such as column count, spacing, and arrangement that are automatically adjusted based on detected display characteristics like screen width and pixel density. This allows the same layout definition to produce accurate displays across diverse devices by changing parameters rather than creating separate layouts.

Inventive Principle:
Principle #35Parameter changes

Solution Approach 2:

The responsive document structure serves as a universal template that can accommodate any device type. Rather than limiting the system to predefined device categories, the universal layout definition works with arbitrary display characteristics, enabling automatic adaptation to new devices as they emerge without requiring layout updates.

Inventive Principle:
Principle #6Universality (Multi-functionality)

3Ease of manufacture

If a single static layout is used, then development effort is reduced, but adaptability to different display characteristics deteriorates

Engineering Contradiction:
Improvedevelopment effortVSAvoiddisplay adaptability
Core Design Contradiction:
Ease of manufactureVSAdaptability or versatility

Solution Approach 1:

The patent segments the layout into independent content objects, each with its own responsive pattern definitions. This segmentation allows the layout to be constructed from modular units that can be independently configured and combined. Each content object can specify alternative display patterns for different conditions, enabling a single layout definition to adapt to various display characteristics while maintaining ease of development through reusable components.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent introduces dynamic behavior into the layout by defining responsive patterns that automatically adjust content object display based on detected conditions. The layout transitions from a fixed static structure to a dynamic system where content objects can switch between different display configurations (such as horizontal vs. vertical arrangement, single vs. multiple columns) based on real-time display characteristics, all within a single layout definition.

Inventive Principle:
Principle #15Dynamics

4Ease of operation

If predefined layout arrangements are used, then implementation simplicity is improved, but flexibility to accommodate varying display characteristics deteriorates

Engineering Contradiction:
Improveimplementation simplicityVSAvoidlayout flexibility
Core Design Contradiction:
Ease of operationVSAdaptability or versatility

Solution Approach 1:

The patent transforms predefined static layout arrangements into dynamic responsive patterns. Instead of fixing content objects in predetermined positions, the system defines multiple alternative patterns for each content object that can be activated based on display characteristics. This allows the layout to maintain implementation simplicity through structured definitions while achieving flexibility through condition-based pattern selection.

Inventive Principle:
Principle #15Dynamics

Data Source

PatentUS11922110B2Responsive document authoring
Publication Date: 2024.03.05 ADOBE INC
  • US11922110B2 patent drawing
  • US11922110B2 patent drawing
  • US11922110B2 patent drawing

AI summary

Systems and techniques for generating responsive documents are described. Digital content is organized into a structure that defines how content is presented when a document is displayed by a computing device. To generate the responsive document, relationships are defined among different digital content objects, such as groups of content objects to be presented together and content objects that are to be presented as alternatives of one another. Responsive patterns are assigned to grouped content objects, where each responsive pattern defines different layout configurations for displaying grouped content objects based on computing device display characteristics. In some implementations, multiple responsive patterns are assigned to a single content group and individual responsive patterns are associated with activation ranges for display characteristics that activate the responsive pattern. For groups of digital content objects that are assigned multiple responsive patterns, responsive patterns are prioritized to create a hierarchy dictating display of the responsive document.