Layout Style Modeling for Automating Banner Design

Banner design for is challenging to clearly convey information while also satisfying aesthetic goals and complying with the banner owner or advertiser's visual identity system. In online advertising, banners are often born with tens of different display sizes and rapidly changing design styles to chase fashion in many distinct market areas and designers have to make huge efforts to adjust their designs for each display size and target style. Therefore, automating multi-size and multi-style banner design can greatly release designers' creativity. Different from previous work relying on a single unified omnipotent optimization to accomplish such a complex problem, we tackle it with a combination of layout style learning, interpolation and transfer. We optimize banner layout given the style parameter learned from a set of training banners for a particular display size and layout style. Such kind of optimization is faster and much more controllable than optimizing for all sizes and diverse styles. To achieve multi-size banner design, we collect style parameters for a small collection of various sizes and interpolate them to support arbitrary target size. To reduce the difficulty of style parameter training, we invent a novel style transfer technique so that creating a multi-size style becomes as easy as designing a single banner. With all of the three techniques described above, a robust and easy-to-use layout style model is built, upon which we automate the banner design. We test our method on a data set containing thousands of real banners for online advertising and evaluate our generated banners in various sizes and styles by comparing them with professional designs.

[1]  Radomír Mech,et al.  Minimum Barrier Salient Object Detection at 80 FPS , 2015, 2015 IEEE International Conference on Computer Vision (ICCV).

[2]  Chi-Keung Tang,et al.  Make it home: automatic optimization of furniture arrangement , 2011, ACM Trans. Graph..

[3]  Daniel Vogel,et al.  Specifying label layout style by example , 2007, UIST.

[4]  Daniel L. Schwartz,et al.  Parallel prototyping leads to better design results, more divergence, and increased self-efficacy , 2010, TCHI.

[5]  David Chek Ling Ngo,et al.  Evaluating Interface Esthetics , 2002, Knowledge and Information Systems.

[6]  D. T. Lee,et al.  Two algorithms for constructing a Delaunay triangulation , 1980, International Journal of Computer & Information Sciences.

[7]  C. Karen Liu,et al.  Learning physics-based motion style with nonlinear inverse optimization , 2005, ACM Trans. Graph..

[8]  Václav Skala,et al.  Barycentric coordinates computation in homogeneous coordinates , 2008, Comput. Graph..

[9]  Susanne Boll,et al.  Blog2Book: transforming blogs into photo books employing aesthetic principles , 2010, ACM Multimedia.

[10]  Krzysztof Z. Gajos,et al.  Preference elicitation for interface optimization , 2005, UIST.

[11]  Barry O'Sullivan,et al.  Creating personalized documents: an optimization approach , 2003, DocEng '03.

[12]  Helen Balinsky,et al.  Aesthetic measure of alignment and regularity , 2009, DocEng '09.

[13]  Steven K. Feiner,et al.  Evaluation of visual balance for automated layout , 2004, IUI '04.

[14]  Huchuan Lu,et al.  Saliency Detection via Graph-Based Manifold Ranking , 2013, 2013 IEEE Conference on Computer Vision and Pattern Recognition.

[15]  Michael W Deem,et al.  Parallel tempering: theory, applications, and new perspectives. , 2005, Physical chemistry chemical physics : PCCP.

[16]  Jan P. Allebach,et al.  Automatic design of magazine covers , 2012, Electronic Imaging.

[17]  Susanne Boll,et al.  Semantics, content, and structure of many for the creation of personal photo albums , 2007, ACM Multimedia.

[18]  Rynson W. H. Lau,et al.  Automatic stylistic manga layout , 2012, ACM Trans. Graph..

[19]  Aaron Hertzmann,et al.  Learning Layouts for Single-PageGraphic Designs , 2014, IEEE Transactions on Visualization and Computer Graphics.

[20]  Ranjitha Kumar,et al.  Bricolage: example-based retargeting for web design , 2011, CHI.

[21]  A. Ghasemi,et al.  Normality Tests for Statistical Analysis: A Guide for Non-Statisticians , 2012, International journal of endocrinology and metabolism.

[22]  Wilmot Li,et al.  Review of automatic document formatting , 2009, DocEng '09.

[23]  Jorge Nocedal,et al.  Algorithm 778: L-BFGS-B: Fortran subroutines for large-scale bound-constrained optimization , 1997, TOMS.

[24]  Maneesh Agrawala,et al.  Interactive furniture layout using interior design guidelines , 2011, SIGGRAPH 2011.

[25]  Charles Elkan,et al.  Expectation Maximization Algorithm , 2010, Encyclopedia of Machine Learning.

[26]  Takao Kobayashi,et al.  Speech Synthesis with Various Emotional Expressions and Speaking Styles by Style Interpolation and Morphing , 2005, IEICE Trans. Inf. Syst..

[27]  Aaron Hertzmann,et al.  DesignScape: Design with Interactive Layout Suggestions , 2015, CHI.

[28]  Aaron Hertzmann,et al.  Style-based inverse kinematics , 2004, ACM Trans. Graph..

[29]  Rynson W. H. Lau,et al.  Look over here , 2014, ACM Trans. Graph..