实现一个人工智能设计师的方案有2种,从设计元素出发,给各种元素设定变量范围,通过自动排版来完成;另一种是通过天生对抗网络GANs,直接画出来。

人工智能设计师之智能排版_图片_文字 绘影字幕

天生对抗网络GANs怎么画出来?比如:

通过人的侧脸天生正脸

天生二次元萌妹子头像

GANs天生的有一层绘画的含义,由于是一个一个像素绘制的。
这种天生办法,留待往后的文章更新。

回到我亲自动手diy的人工智能设计师产品,从第一个demo,到现在五个月了,断断续续思考,经历了不少推翻重来;

从0.0.1版本:

搜索引擎用biying/google,采取前端css方案,编写特定模版;

0.0.2版本:

搜索用unsplash,采取前端canvas天生方案,编写特定模版;

0.0.3版本:

自建搜索引擎,采取后端排版,前端支持修正,不需编写特定模版。

一个人做确实老以为韶光不足,很多想法还在脑里,没韶光去逐一印证。
等哪天到1.0了,就拿出来玩玩吧。

本日更新一个关键技能点:

智能排版。

借鉴的是微软这篇论文:

Automatic Generation of Visual-Textual Presentation Layout

的思路,改进了下:

我把各种要素提炼了下,兼顾个性化的定制,形成以下方案:

设计图尺寸可变;

图片支持背景图及任意多个主图、配图;

笔墨支持标题、小标题、正文、角标等;

色彩可自由变换;

字体、字号可配置;

图片可添加滤镜;

图层可调度。

下面重点先容下他山之石:微软这篇2016年揭橥的论文,剖析智能排版的办法实现一个人工智能设计师。

该论文,研究认为海报设计图分为布局(Layout)跟样式(Style)2部分:

Layout

包括:

图片、布局办法、字号、视觉平衡

Style

包括:

颜色、字体

论文里面有个表格,比拟了三种方案的特点。

方案A:

布局:

图片自动裁切,一个文本块,固定的字号

风格:

颜色选取自文章中所有图像的主色,字体固定

方案B:

布局:

一种布局模版,字号是自适应的,视觉旁边平衡

风格:

固定色调,颜色取自预先设定的色调和封面图像的主色,字体固定

方案C,该论文采取的方案

布局:

图片自动裁切,主题干系的布局模板,字号自适应,采取黄金比例作为视觉平衡的规则

风格:

色彩选取自主题干系的色调和紧张图片,主题规定的字体

微软的论文是预设一些主题种别,对应的主题有布局模式、颜色、字体等内容规则,根据输入的笔墨、图片,自动归类到对应的主题,然后进行设计元素的匹配,最后进入智能排版的流程。

比如主题是“时尚”的排版模版,预先从真实的时尚海报中提取干系的设计元素,形成规则,供系统调用。

我们可以看下,不同主题对应的模版差异,如“时尚”主题与“食品”主题的模版:

模版里都包含告终构办法,色板,字体,字体块高度/宽度的限定范围。
笔墨块与利用的色彩根据模版供应的变量,进行自动匹配或随机组合。

全体智能排版系统的运行逻辑如下图:

构造化笔墨及图片数据

|

根据笔墨及图片匹配主题

|

图片自动裁切

|

自动排版,

笔墨及图片形成最佳的布局办法

|

上色,

主题颜色+从图片提取色彩=笔墨的上色

图片自动裁切:

自动裁切图片,利用了人脸识别,图像主体位置信息,把图片主文体切出来。

自动排版:

原则是笔墨与图片重叠最小,笔墨撑满图片空间。

上色:

通过从图片提取色彩,匹配到主题颜色,再给笔墨上色。

论文末了还给出了利用论文的算法做的设计跟人类设计师做的设计之间的比拟效果:

以上是对智能排版的一些思考及借鉴。

关注本号Design-AI-Lab