人工智能设计师之智能排版v0.0.3

人工智能设计师v0.0.2

DIY一个人工智能设计师_v0.0.1

「 国内首个 」设计+人工智能深度案例分析报告

DIY一个人工智能设计师v1.0之风格迁移能力

人工智能「 服装设计师 」上

人工智能「 服装设计师 」中

实现一个人工智能设计师的方案有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,该论文采用的方案

布局:

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

风格:

色彩选取自主题相关的色调和主要图片,主题规定的字体

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

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

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

模版里都包含了布局方式,色板,字体,字体块高度/宽度的限制范围。文字块与使用的色彩根据模版提供的变量,进行自动匹配或随机组合。

整个智能排版系统的运行逻辑如下图:

结构化文字及图片数据

|

根据文字及图片匹配主题

|

图片自动裁切

|

自动排版

文字及图片形成最佳的布局方式

|

上色

主题颜色+从图片提取色彩=文字的上色

     图片自动裁切

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

     自动排版

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

     上色:

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

论文最后还给出了使用论文的算法做的设计跟人类设计师做的设计之间的对比效果:

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


码字不易,开启新的打赏方式:


本公众号定期更新关于

设计师、程序员发挥创意

互相融合的指南、作品。

主要技术栈:

nodejs、react native、electron

Elasticsearch

Solidity

Keras

(0)

相关推荐

  • 说说美篇文章模版的选用原则与技巧

    2021.01.31 寓公剑 阅读 996 学习创作美篇一年多,深感美篇平台提供的文章编辑模版既科学又方便.在创作实践中,对文章模版选用原则与技巧有一些体会,说出来与美友们交流. 一 模版的类别 我认 ...

  • 自媒体中文案排版的定义及排版的常用工具有哪些?

    排版就是指将文字,图形,图片等可视化信息元素在版面布局上调整位置大小,使版面的布局合理.清晰.美观的过程.还有一这样的说法,就是按照稿本把铅字图版等排在一起拼成书报的版子,以供印刷. 总的来说,就是把 ...

  • 国庆朋友圈图片排版样式来了

    很多朋友都喜欢发朋友圈,特别国庆假期又要来了,又到了和朋友们分享美食美景时候了,但是图片太多不知道怎么排版,别再用满朋友圈都在用的九宫格了,用了这个免费的排版工具懒人图云绝对成为朋友圈最靓的仔. 懒人 ...

  • 【插件篇】不是你不够高效,而是你的工具不够高效

    主讲老师:晓阳 一.插件可以用在哪? 设计无头绪,内置模板太丑 页面优化不达标,重复操作低效 布局排版无技巧,肉眼对齐浪费时间-- 二.用什么插件呢? islide插件 islide插件选项卡界面 使 ...

  • 人工智能设计师之智能排版的另一种实现方式

    Flipboard的自动排版系统Duplo 最近在整理算法驱动设计的案例,翻到Flipboard的自动排版系统,再次研究了下,把相关的技术思路整理了下: Flipboard主要要解决的是多种屏幕尺寸的 ...

  • 人工智能设计师v0.0.2

    本文是DIY一个人工智能设计师_v0.0.1的升级版本.将结合推荐系统,梳理人工智能设计师的具体使用场景之一. 先看下近期人工智能+设计的热点事件: 下面是新榜的数据,我对比了下"鲁班&qu ...

  • 人工智能设计师-指南-v1.0

    人工智能设计师养成记 9 Steps ↓ 阅读难度:★☆☆☆☆ 技能要求:机器学习.设计.计算机基础 字数:2250字 阅读时长:10分钟 如果你想成为人工智能设计师,我相信以下9个要点可以帮你GET ...

  • DIY一个人工智能设计师v1.0之风格迁移能力

    hi,我是ACE Land,人工智能设计师,诞生于2017-05-16,当时只会陪你打发时间,聊天逗乐,还记得我嘛? 2017/05/16  ACE Land上线AppStore 再随后的几天时间,我 ...

  • DIY一个人工智能设计师_v0.0.1

    本文包含了两个系列的内容: <设计师会编程,程序员懂艺术> <写给设计师的人工智能指南> 在这里给设计师介绍人工智能在设计领域的应用,也亲手实现了一个融合设计.编程的小实验产品 ...

  • BBC发布:教师被人工智能取代的可能性仅为0.4%!

    " 编者按: 最近有一篇BBC基于剑桥大学的数据体系分析 365 种职业在未来的"被淘汰概率"的文章火了. 在人事.客服.政府职员.会计.银行职员都高于89%的被淘汰率下 ...

  • 诸葛全面升级智能营销2.0,助力企业运营简单更高效!

    随着数据维度的不断丰富,应用场景的不断增多,尤其是移动化所带来的位置数据.物联网数据的日趋丰富,数据营销也在快速演进,中国的智能营销时代正在到来.而在客户与客户.客户与企业不断交流的过程中,由于移动互 ...

  • 华为携手石化盈科打造智能工厂2.0 – 华为成功故事

    业务挑战 新ICT如何为地球"节能减排" 当前,面对地球日趋严峻的环境问题,人们越来越多地选择共享单车.电动汽车来支持绿色环保,但在很多时候仍然需要使用石油等不可再生能源.你是否关 ...

  • VBA代码编辑器(包含VBA智能排版插件)

    原始出处:www.cnblogs.com/Charltsing/p/SmartIndenter64.html 作者QQ: 564955427 从2016年6月本程序发布以来,已经有数万名VBA开发者测 ...