Automatic Generation of Visual-Textual Presentation Layout

被引:71
作者
Yang, Xuyong [1 ]
Mei, Tao [2 ]
Xu, Ying-Qing [3 ]
Rui, Yong [2 ]
Li, Shipeng [2 ]
机构
[1] Univ Sci & Technol China, Hefei 230026, Peoples R China
[2] Microsoft Res Asia, Beijing, Peoples R China
[3] Tsinghua Univ, Beijing 100084, Peoples R China
基金
中国国家自然科学基金;
关键词
Visual-textual presentation layout; design templates; typography; color harmonization; rich media presentation;
D O I
10.1145/2818709
中图分类号
TP [自动化技术、计算机技术];
学科分类号
0812 ;
摘要
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.
引用
收藏
页数:22
相关论文
共 23 条
[1]  
Ali Jahanian, 2012, IS T SPIE ELECT IMAG
[2]  
[Anonymous], 1991, COLOR IMAGE SCALE
[3]  
[Anonymous], 1954, ART VISUAL PERCEPTIO
[4]   Seam carving for content-aware image resizing [J].
Avidan, Shai ;
Shamir, Ariel .
ACM TRANSACTIONS ON GRAPHICS, 2007, 26 (03)
[5]   Computational modeling and experimental investigation of effects of compositional elements on interface and design aesthetics [J].
Bauerly, M ;
Liu, YL .
INTERNATIONAL JOURNAL OF HUMAN-COMPUTER STUDIES, 2006, 64 (08) :670-682
[6]   Global Contrast based Salient Region Detection [J].
Cheng, Ming-Ming ;
Zhang, Guo-Xin ;
Mitra, Niloy J. ;
Huang, Xiaolei ;
Hu, Shi-Min .
2011 IEEE CONFERENCE ON COMPUTER VISION AND PATTERN RECOGNITION (CVPR), 2011, :409-416
[7]   Color harmonization [J].
Cohen-Or, Daniel ;
Sorkine, Olga ;
Gal, Ran ;
Leyvand, Tommer ;
Xu, Ying-Qing .
ACM TRANSACTIONS ON GRAPHICS, 2006, 25 (03) :624-630
[8]  
Havasi Catherine, 2010, P AAAI FALL S SERIES
[9]  
Huo Q, 2003, PROC INT CONF DOC, P364
[10]   Adaptive grid-based document layout [J].
Jacobs, C ;
Li, W ;
Schrier, E ;
Bargeron, D ;
Salesin, D .
ACM TRANSACTIONS ON GRAPHICS, 2003, 22 (03) :838-847