Unified Image Editing Interface with Spatial Control Zones

Resolve Bottlenecks,
Find Innovative Solutions
Generate Solutions

Solution Overview

Problem

Existing image processing software requires users to switch between multiple interfaces for different functions, leading to cumbersome operations and poor user experience when performing multiple composition tasks.

Innovation Solution

An image processing method and component that displays multiple controls on a single interface, including scale adjustment, rotation, and cropping functions, allowing users to perform these operations without switching interfaces, by using touch areas and overlay functions within a single display area.

Engineering Contradictions & Design Principles

VSEngineering Contradiction Analysis

1Ease of operation

If multiple function interfaces are separated into different categories (scale adjustment interface, cropping interface, rotation interface), then each interface can focus on its specific function, but users need to switch between multiple interfaces to complete composition operations, making operations cumbersome and user experience poor

Engineering Contradiction:
Improveoperation convenienceVSAvoidinterface complexity
Core Design Contradiction:
Ease of operationVSDevice complexity

Solution Approach 1:

The patent merges multiple image processing functions (scaling, cropping, rotation) into a single unified interface. The display area shows the image to be processed along with multiple control regions simultaneously, allowing users to perform different composition operations without switching between separate interfaces. This integration directly addresses the problem of cumbersome operations caused by interface switching while maintaining functional clarity through dedicated control areas.

Inventive Principle:
Principle #5Merging (Combining)

Solution Approach 2:

The unified interface design makes the single interface capable of performing multiple image processing functions. The display area serves as a universal workspace that can handle scaling operations, cropping operations, and rotation operations through different control regions. This multi-functionality eliminates the need for separate specialized interfaces while preserving the specific functionality of each operation type.

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

2Productivity

If multiple function interfaces are merged into a single interface, then users can perform multiple operations without switching interfaces, but the interface layout becomes complex with multiple controls and touch areas

Engineering Contradiction:
Improvecomposition efficiencyVSAvoidinterface structure
Core Design Contradiction:
ProductivityVSDevice complexity

Solution Approach 1:

The unified interface is segmented into distinct functional regions: a display area for showing the image to be processed, a first control region for scaling operations, a second control region for cropping operations, and a third control region for rotation operations. This segmentation allows multiple functions to coexist in a single interface while maintaining clear functional boundaries, reducing visual clutter, and enabling users to access different operations efficiently without being overwhelmed by interface complexity.

Inventive Principle:
Principle #1Segmentation

Solution Approach 2:

The patent utilizes spatial arrangement in the display area to organize multiple controls. By positioning control regions around the display area in different spatial zones, the interface accommodates multiple functions without creating a flat, cluttered layout. This spatial dimensioning allows users to access different controls intuitively based on their location, improving composition efficiency while managing interface structure complexity.

Inventive Principle:
Principle #17Another dimension (Dimensionality change)

Data Source

PatentUS12086394B2Image processing component and image processing method for editing operations, and electronic device and storage medium
Publication Date: 2024.09.10 DOUYIN VISION CO LTD
  • US12086394B2 patent drawing
  • US12086394B2 patent drawing
  • US12086394B2 patent drawing

AI summary

An image processing component includes: a display control configured to display a to-be-edited image on a first area in a display area or display a target image after performing an adjustment operation on the to-be-edited image; an image scale adjustment control configured to display, in response to a first control instruction, an image scale adjustment interface on an area in the display area other than the first area, and display a scale touch area and a first overlay function touch area in the image scale adjustment interface; and an image rotation control configured to display, in response to a second control instruction, an image rotation adjustment interface on an area in the display area other than the first area, and display a rotation touch area and a second overlay function touch area in the image rotation adjustment interface.