Interactive Layout Transfer

Dayama, Niraj Ramesh; Santala, Simo; Brückner, Lukas; Todi, Kashyap; Du, Jingzhou; Oulasvirta, Antti

doi:10.1145/3397481.3450652

Cited by 6 publications

(2 citation statements)

References 34 publications

(39 reference statements)

Supporting

Mentioning

Contrasting

Order By: Relevance

“…Regarding working with AI as a design material, scholars have elaborated on the need for retaining control [45,49,50,55,59,68]. For GUI design, Dayama et al present a method for interactive layout transfer, where the layout of a source design is transferred automatically using a selected template layout while complying with relevant guidelines [6]. In photography, researchers have provided mechanisms for guiding photographers to optimize image aesthetics [35] and to find ideal portrait lighting conditions [11].…”

Section: Supporting Creative Processes With Aimentioning

confidence: 99%

Interactive Flexible Style Transfer for Vector Graphics

Warner,

Kim,

Hartmann

2023

Proceedings of the 36th Annual ACM Symposium on User Interface Software and Technology

View full text Add to dashboard Cite

LEONARD's delivery specialFigure 1: VST generates new output graphics by transferring visual styles from source graphics onto target graphics. The styling interface lets designers customize which styles to transfer, filter which elements to stylize, and preview the new stylized output graphics. The output graphics retain a similar structure to the target graphics while bearing styles from the source graphics.

show abstract

Section: Supporting Creative Processes With Aimentioning

confidence: 99%

Interactive Flexible Style Transfer for Vector Graphics

Warner,

Kim,

Hartmann

2023

Proceedings of the 36th Annual ACM Symposium on User Interface Software and Technology

View full text Add to dashboard Cite

show abstract

“…Kristiansen et al [17] described a method for locating central components in a unique grid layout to provide equivalent attractive forces to address these deficiencies. Dayama et al [18] proposed an integer programming method for interactive layout transfer, where the layout of a source design is automatically transferred using a chosen reference pattern layout while adhering to applicable rules. The source design is an initial rough working draught converted into a rough draught into the final objective layout using a reference pattern.…”

Section: Introductionmentioning

confidence: 99%

Automatic Layout Algorithm for Graphic Language in Visual Communication Design

Liao,

2023

IJACSA

View full text Add to dashboard Cite

As computer technology advances, people's capacity for visual perception grows better, and the demands placed on computerized layouts progressively rise. The simple style of graphics is no longer the only option for computer figure video creation; instead, there is a greater tendency to visually represent the effect and improve the aesthetics and expressiveness of visuals and images. Graphic language uses visual components, including shapes, colors, typographies, images, and icons, in a visual communication context to express messages, ideas, and emotions. Graphics language encounters greater chances and obstacles against the backdrop of this information era. Consequently, it is crucial to convert data into graphics language. Visual communication is evolving in some potential directions with the advancement of technological advances and cultural convergence. The graphic language has its distinct visual meaning, and each person's visual experience is extremely diverse and exists in life with various visual elements in different layouts. A hybridized Grid and Content-based Automatic Layout (HGC-AL) algorithm for graphic language in Visual Communication Design (VCD) has been developed to produce visually balanced layouts and establish a structured system for arranging content elements. The content-based layout uses design constraints for better alignment and avoids conflict loss. The hierarchical arrangement of graphic elements in a grid layout analyzes the types of visual elements like image, text, and color. Finally, graphic language enhances the visual score and gives flexibility by allowing changes and modifications within the grid layout. Following the design requirements change, the responsive fluid grid supports various graphical content, sizes, and alignments. Thus, compared with existing layout algorithms, the proposed algorithm is validated with metrics like Intersection of Union (IoU), alignment accuracy, content coverage ratio, visual score, scalability ratio, and overall layout quality.

show abstract