Dynamic Image Arrangement for Mobile Display Space Optimization
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Existing image display technologies on computing devices, especially on mobile devices, face limitations such as uniform packing arrangements that distort images, waste display space, and hinder efficient image retrieval due to fixed aspect ratios and sizes, leading to a cumbersome user experience.
Innovation Solution
The implementation of dynamic image arrangement techniques that maintain original aspect ratios and layouts, using a multi-touch interface to scale images based on user gestures, filling available display space efficiently while minimizing distortion, and allowing for intuitive zooming and scrolling.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Ease of manufacture
If uniform packing arrangement is used to display images, then the display layout is simple and consistent, but image distortion occurs and display space is wasted
Solution Approach 1:
The patent implements dynamic image arrangement where the layout automatically adapts to different screen sizes and orientations. Images are positioned and sized dynamically based on available space rather than using fixed uniform grids, allowing the system to maintain image aspect ratios while efficiently utilizing display area across various devices.
Solution Approach 2:
The patent applies different display characteristics to different regions of the screen. Rather than forcing all images into uniform slots, each image is positioned and sized according to its own aspect ratio and the local available space, creating a non-uniform but space-efficient arrangement that preserves image integrity.
2Manufacturing precision
If fixed aspect ratio display is used, then image distortion is avoided, but display space utilization decreases
Solution Approach 1:
The system dynamically calculates optimal image dimensions and positions based on the device's screen size and orientation. This allows images to maintain their aspect ratios while the overall layout adapts to maximize space utilization, eliminating the need for fixed aspect ratio constraints that waste space.
Solution Approach 2:
The patent utilizes both horizontal and vertical space more effectively by arranging images in a non-uniform grid that considers aspect ratios. Images are positioned at different offsets and scales, creating a two-dimensional optimization that fills screen space more completely while preserving image proportions.
3Stability of the object's composition
If uniform image size is used, then layout consistency is maintained, but image retrieval efficiency decreases
Solution Approach 1:
The patent implements dynamic thumbnail sizing where image dimensions are calculated based on available space and aspect ratio rather than using fixed uniform sizes. This allows the system to maintain visual consistency through systematic arrangement while improving retrieval efficiency by displaying more relevant images in the available space.
Solution Approach 2:
The system changes the size parameter of thumbnails dynamically based on screen dimensions and image characteristics. Rather than maintaining fixed uniform sizes, the patent adjusts thumbnail dimensions to optimize both visual consistency and retrieval efficiency by displaying more images with better quality in the same space.
4Productivity
If more images are displayed per screen, then retrieval speed improves, but image quality and detail decrease
Solution Approach 1:
The patent dynamically adjusts thumbnail size parameters based on the number of images to be displayed and available screen space. This allows the system to display more images for faster retrieval while maintaining adequate quality by optimizing the size-resolution tradeoff for each display context.
Solution Approach 2:
The system dynamically determines optimal thumbnail dimensions that balance quantity and quality. Rather than using fixed size reductions, the patent calculates appropriate sizes that allow more images to be displayed while preserving sufficient detail for effective browsing and retrieval.
Data Source
Figure 1
Figure 2
Figure 3
AI summary
One or more techniques and/or systems are disclosed for efficiently organizing images in a display. A size of an image is scaled by an image scale factor, while an aspect ratio for the image is maintained, where the image scale factor comprises a combination of a first scale distance and a second scale distance. The scaled image is filled into a first display line, if the size of the scaled image is not greater than an amount of display space remaining in the first display line; otherwise the scaled image is filled into a second display line. The image is expanded to mitigate white space in the display after the scaling, while maintaining the image's aspect ratio. This can be performed for a collection of images presented on a display to provide an enhanced user experience.