Layout Style Modeling for Automating Banner Design

Yunke Zhang, Kangkang Hu, Peiran Ren, Changyuan Yang, Weiwei Xu, Xian-Sheng Hua
<span title="">2017</span> <i title="ACM Press"> <a target="_blank" rel="noopener" href="https://fatcat.wiki/container/lahlxihmo5fhzpexw7rundu24u" style="color: black;">Proceedings of the on Thematic Workshops of ACM Multimedia 2017 - Thematic Workshops &#39;17</a> </i> &nbsp;
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
more &raquo; ... r 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.
<span class="external-identifiers"> <a target="_blank" rel="external noopener noreferrer" href="https://doi.org/10.1145/3126686.3126718">doi:10.1145/3126686.3126718</a> <a target="_blank" rel="external noopener" href="https://dblp.org/rec/conf/mm/ZhangHRYXH17.html">dblp:conf/mm/ZhangHRYXH17</a> <a target="_blank" rel="external noopener" href="https://fatcat.wiki/release/svz3w2nai5bnpkezcrlz66mq4u">fatcat:svz3w2nai5bnpkezcrlz66mq4u</a> </span>
<a target="_blank" rel="noopener" href="https://web.archive.org/web/20190218140426/https://static.aminer.org/pdf/20170130/pdfs/mm/che2rp8nwvgallxz5oudmszkyfq1jpui.pdf" title="fulltext PDF download" data-goatcounter-click="serp-fulltext" data-goatcounter-title="serp-fulltext"> <button class="ui simple right pointing dropdown compact black labeled icon button serp-button"> <i class="icon ia-icon"></i> Web Archive [PDF] <div class="menu fulltext-thumbnail"> <img src="https://blobs.fatcat.wiki/thumbnail/pdf/44/a2/44a2df7af95bbfa626fa07c4788d978b07d43148.180px.jpg" alt="fulltext thumbnail" loading="lazy"> </div> </button> </a> <a target="_blank" rel="external noopener noreferrer" href="https://doi.org/10.1145/3126686.3126718"> <button class="ui left aligned compact blue labeled icon button serp-button"> <i class="external alternate icon"></i> acm.org </button> </a>