[go: up one dir, main page]

SE2351115A1 - Determining rendering data for a graphical user interface - Google Patents

Determining rendering data for a graphical user interface

Info

Publication number
SE2351115A1
SE2351115A1 SE2351115A SE2351115A SE2351115A1 SE 2351115 A1 SE2351115 A1 SE 2351115A1 SE 2351115 A SE2351115 A SE 2351115A SE 2351115 A SE2351115 A SE 2351115A SE 2351115 A1 SE2351115 A1 SE 2351115A1
Authority
SE
Sweden
Prior art keywords
design
elements
gui
scaling rate
baseline
Prior art date
Application number
SE2351115A
Inventor
Lars Wästfelt
Original Assignee
Waestfelt Design Ab
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Waestfelt Design Ab filed Critical Waestfelt Design Ab
Priority to SE2351115A priority Critical patent/SE2351115A1/en
Priority to PCT/SE2024/050809 priority patent/WO2025071455A1/en
Publication of SE2351115A1 publication Critical patent/SE2351115A1/en

Links

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T3/00—Geometric image transformations in the plane of the image
    • G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/70—Software maintenance or management
    • G06F8/76—Adapting program code to run in a different environment; Porting
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T2200/00—Indexing scheme for image data processing or generation, in general
    • G06T2200/24—Indexing scheme for image data processing or generation, in general involving graphical user interfaces [GUIs]
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/04—Changes in size, position or resolution of an image

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Software Systems (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Image Generation (AREA)
  • Processing Or Creating Images (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

A computer-implemented method (100) for determining rendering data for a graphical user interface (10), GUI. The method comprises obtaining (110) a modular scale (30) for a plurality of design elements (20) of the GUI (10); determining (120) a scaling rate (50) for the modular scale (30); applying (130) the scaling rate (50) to the design elements (20) such that the modular scale (30) is propagated to reflect sizing properties (32) of the design elements (20) in relation to at least one pixel set (42); and determining (140) the rendering data based on the scaling rate (50) being applied to the design elements (20), wherein the GUI (10) comprising the rendering data is renderable on a computer display (62) associated with one of a baseline pixel set (40) or a pixel set (42) different from the baseline pixel set (40).

Claims (15)

Claims
1. A computer-implemented method (100) for deterrnining rendering data for a graphical user interface (10), GUI, the method comprising: obtaining (110) a modular scale (30) for a plurality of design elements (20) of the GUI (10), the modular scale (30) defining respective sizing properties (32) of the design elements (20) in relation to a baseline pixel set (40); deterrnining (120) a scaling rate (5 0) for the modular scale (30), the scaling rate (5 0) indicating a factor by which the design elements (20) are to be adapted in response to a relation of said sizing properties (32) being established with at least one pixel set (42) different from the baseline pixel set (40); applying (130) the scaling rate (50) to the design elements (20) such that the modular scale (30) is propagated to reflect the sizing properties (32) of the design elements (20) in relation to said at least one pixel set (42); and deterrnining (140) the rendering data based on the scaling rate (5 0) being applied to the design elements (20), wherein the GUI (10) comprising the rendering data is renderable on a computer display (62) associated with one of the baseline pixel set (40) or a pixel set (42) different from the baseline pixel set (40).
2. The method of claim 1, wherein the scaling rate (50) is applied to the design elements (20) by multiplying said factor by which the design elements (20) are to be adapted with the respective sizing properties (32) of the design elements (20).
3. The method of any preceding claim, wherein the scaling rate (50) is a predeterrnined Value between 0.500 and 1.500, more preferably between 0.800 and 1.
4. The method of any preceding claim, wherein the scaling rate (50) deterrnines positional relationships between the design elements (20).
5. P5. The method of any preceding claim, Wherein obtaining (110) the modular scale (30) comprises applying (115) an initial scaling rate (70) to a baseline sizing property (32-1) of a baseline design element (20-1) from among the plurality of design elements (20) such that modular scale (3 0) is obtained as a result of a propagation of the baseline sizing property (32-1) of the baseline design element (20-1) to the remaining design elements (20).
6. The method of any preceding claim, further comprising deterrnining (135) one or more change factors (80) of the scaling rate (50), the change factors (80) applied to the scaling rate (50) causing the propagation of the modular scale (30) to occur at a predefined rate.
7. The method of claim 6, Wherein each change factor (80) includes two or more fixed values, the fixed values being different from one another.
8. The method of any preceding claim, Wherein the scaling rate (50) is automatically deterrnined depending on one or more of a type of the GUI (10), statistical data associated With the GUI (10), a type of the computer display (62) on Which the GUI (10) is to be rendered, personal preferences, and a combination thereof.
9. The method of any preceding claim, Wherein the design elements (20) are one or more of typefaces, icons, images, tables, buttons, forms, navigation menus, Whitespaces, animations, bars, grids, hover effects, sliders, selectors, and combinations thereof
10. The method of any preceding claim, Wherein the sizing properties (32) are one or more of Widths, heights, paddings, margins, borders, box-sizings, line heights, font types, font sizes, font stylings, transforrns, scales, aspect ratios, positions, floats, and combinations thereof.
11. P11. The method of any preceding claim, further comprising rendering (152) the GUI (10) as a dynamic design system on the computer display (62) using the rendering data.
12. The method of any one of claims 1-10, further comprising rendering (154) the GUI (10) as a static design system on the computer display (62) using the rendering data.
13. A computerized system (200) comprising a processor (23 0) configured to perform the functionality of the method (100) of any one of claims 1-
14. A non-transitory computer-readable storage medium (300) comprising instructions, Which When executed by one or more processors (230) of a computerized system (200), cause the processor (23 0) to perform the functionality of the method (100) of any one of claims 1-
15. A computer program product comprising computer code for performing the functionality of the method (100) of any one of claims 1-
SE2351115A 2023-09-27 2023-09-27 Determining rendering data for a graphical user interface SE2351115A1 (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
SE2351115A SE2351115A1 (en) 2023-09-27 2023-09-27 Determining rendering data for a graphical user interface
PCT/SE2024/050809 WO2025071455A1 (en) 2023-09-27 2024-09-24 Determining rendering data for a graphical user interface

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
SE2351115A SE2351115A1 (en) 2023-09-27 2023-09-27 Determining rendering data for a graphical user interface

Publications (1)

Publication Number Publication Date
SE2351115A1 true SE2351115A1 (en) 2025-03-28

Family

ID=95201906

Family Applications (1)

Application Number Title Priority Date Filing Date
SE2351115A SE2351115A1 (en) 2023-09-27 2023-09-27 Determining rendering data for a graphical user interface

Country Status (2)

Country Link
SE (1) SE2351115A1 (en)
WO (1) WO2025071455A1 (en)

Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7152211B1 (en) * 2001-01-30 2006-12-19 Microsoft Corporation Resolution independent theming
US20070266335A1 (en) * 2006-05-12 2007-11-15 Microsoft Corporation Providing a standard user interface (UI) across disparate display interfaces
US20140325345A1 (en) * 2013-04-26 2014-10-30 Amazon Technologies, Inc. Consistent Scaling of Web-Based Content Across Devices Having Different Screen Metrics
WO2016106255A1 (en) * 2014-12-22 2016-06-30 Microsoft Technology Licensing, Llc Dynamic adjustment of select elements of a document
US9389759B2 (en) * 2013-05-07 2016-07-12 Axure Software Solutions, Inc. Environment for responsive graphical designs
US20190265869A1 (en) * 2018-02-28 2019-08-29 Microsoft Technology Licensing, Llc Adaptive interface transformation across display screens
WO2019168701A1 (en) * 2018-02-28 2019-09-06 Microsoft Technology Licensing, Llc Adaptive interface transformation across display screens
US20200089396A1 (en) * 2018-09-16 2020-03-19 Adobe Inc. Automatically generating and applying graphical user interface resize-contraints based on design semantics
WO2022222831A1 (en) * 2021-04-20 2022-10-27 华为技术有限公司 Graphical interface display method, electronic device, medium, and program product

Family Cites Families (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6683622B2 (en) * 2000-01-11 2004-01-27 Autodesk, Inc. Method for defining the scale of reusable geometric content
US20060103667A1 (en) * 2004-10-28 2006-05-18 Universal-Ad. Ltd. Method, system and computer readable code for automatic reize of product oriented advertisements
US20090002764A1 (en) * 2007-06-27 2009-01-01 Atkins C Brian Arranging graphic objects on a page with relative area based control
US8933971B2 (en) * 2011-09-12 2015-01-13 Microsoft Corporation Scale factors for visual presentations
US10916067B1 (en) * 2019-11-14 2021-02-09 Adobe Inc. Intelligent alignment of graphical elements

Patent Citations (9)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US7152211B1 (en) * 2001-01-30 2006-12-19 Microsoft Corporation Resolution independent theming
US20070266335A1 (en) * 2006-05-12 2007-11-15 Microsoft Corporation Providing a standard user interface (UI) across disparate display interfaces
US20140325345A1 (en) * 2013-04-26 2014-10-30 Amazon Technologies, Inc. Consistent Scaling of Web-Based Content Across Devices Having Different Screen Metrics
US9389759B2 (en) * 2013-05-07 2016-07-12 Axure Software Solutions, Inc. Environment for responsive graphical designs
WO2016106255A1 (en) * 2014-12-22 2016-06-30 Microsoft Technology Licensing, Llc Dynamic adjustment of select elements of a document
US20190265869A1 (en) * 2018-02-28 2019-08-29 Microsoft Technology Licensing, Llc Adaptive interface transformation across display screens
WO2019168701A1 (en) * 2018-02-28 2019-09-06 Microsoft Technology Licensing, Llc Adaptive interface transformation across display screens
US20200089396A1 (en) * 2018-09-16 2020-03-19 Adobe Inc. Automatically generating and applying graphical user interface resize-contraints based on design semantics
WO2022222831A1 (en) * 2021-04-20 2022-10-27 华为技术有限公司 Graphical interface display method, electronic device, medium, and program product

Also Published As

Publication number Publication date
WO2025071455A1 (en) 2025-04-03

Similar Documents

Publication Publication Date Title
US11403794B2 (en) Glyph weight modification
CN113177172B (en) WebGL-based method for efficiently displaying large-batch three-dimensional characters
CN102331877B (en) Method and device for displaying information on touch screen
US10403040B2 (en) Vector graphics rendering techniques
US11455752B2 (en) Graphical element color diffusion techniques
US20200097536A1 (en) Automatic generation of document layouts
US20190141110A1 (en) Design Analysis for Framework Assessment
US11348287B2 (en) Rendering of graphic objects with pattern paint using a graphics processing unit
US12026809B2 (en) Systems for generating anti-aliased vector objects
US11768992B2 (en) Digital content design system using baseline units to control arrangement and sizing of digital content
SE2351115A1 (en) Determining rendering data for a graphical user interface
US12271976B2 (en) Scene graph structure generation and rendering
US10546053B2 (en) Semi-automated field placement for electronic forms
US20100189353A1 (en) Method for Improving Character Outlines Using Multiple Alignment Zones
US12380617B2 (en) Visual reordering of partial vector objects
CN109032476B (en) Method for displaying big data set in graphical user interface
US11900510B2 (en) Glyph size control for digital content
CN104915102A (en) Graphical interface based interaction method and apparatus
US20220261529A1 (en) Automatic Font Value Distribution for Variable Fonts
US20130342560A1 (en) Layering A Line with Multiple Layers for Rendering a Soft Brushstroke
US20200151857A1 (en) Creation and Rasterization of Shapes using Geometry, Style Settings, or Location
US20250053693A1 (en) Constraint-based grid structure control
CN112330772A (en) Radar map generation method, device, equipment and storage medium
CN115454550B (en) Method, device and storage medium for realizing data visualization
CN110297568A (en) Electronic white board realization method, device, equipment and storage medium