Automatic Generation of Visual-Textual Presentation Layout
- 9 February 2016
- journal article
- research article
- Published by Association for Computing Machinery (ACM) in ACM Transactions on Multimedia Computing, Communications, and Applications
- Vol. 12 (2), 1-22
- https://doi.org/10.1145/2818709
Abstract
Visual-textual presentation layout (e.g., digital magazine cover, poster, Power Point slides, and any other rich media), which combines beautiful image and overlaid readable texts, can result in an eye candy touch to attract users’ attention. The designing of visual-textual presentation layout is therefore becoming ubiquitous in both commercially printed publications and online digital magazines. However, handcrafting aesthetically compelling layouts still remains challenging for many small businesses and amateur users. This article presents a system to automatically generate visual-textual presentation layouts by investigating a set of aesthetic design principles, through which an average user can easily create visually appealing layouts. The system is attributed with a set of topic-dependent layout templates and a computational framework integrating high-level aesthetic principles (in a top-down manner) and low-level image features (in a bottom-up manner). The layout templates, designed with prior knowledge from domain experts, define spatial layouts, semantic colors, harmonic color models, and font emotion and size constraints. We formulate the typography as an energy optimization problem by minimizing the cost of text intrusion, the utility of visual space, and the mismatch of information importance in perception and semantics, constrained by the automatically selected template and further preserving color harmonization. We demonstrate that our designs achieve the best reading experience compared with the reimplementation of parts of existing state-of-the-art designs through a series of user studies.Keywords
Funding Information
- Microsoft Research Asia
This publication has 13 references indexed in Scilit:
- Automatic generation of social media snippets for mobile browsingPublished by Association for Computing Machinery (ACM) ,2013
- Recommendation system for automatic design of magazine coversPublished by Association for Computing Machinery (ACM) ,2013
- Semi-automated magazine layout using content-based image featuresPublished by Association for Computing Machinery (ACM) ,2012
- ImageSenseACM Transactions on Multimedia Computing, Communications, and Applications, 2012
- A survey of image retargeting techniquesPublished by SPIE-Intl Soc Optical Eng ,2010
- Face Alignment Via Component-Based Discriminative SearchLecture Notes in Computer Science, 2008
- Seam carving for content-aware image resizingACM Transactions on Graphics, 2007
- Computational modeling and experimental investigation of effects of compositional elements on interface and design aestheticsInternational Journal of Human-Computer Studies, 2006
- Color harmonizationACM Transactions on Graphics, 2006
- Adaptive grid-based document layoutACM Transactions on Graphics, 2003