从计算思维到Spliced风格,再到海报大规模生成 | 代码实验

什么是计算思维?
2006年,美国卡内基·梅隆的周以真教授,发表了题为 《计算思维》Computational Thinking的文章,提出了一种建立在计算机处理能力及其局限性基础之上的思维方式——计算思维。她认为,计算思维就是运用计算机科学的基础概念进行问题求解、系统设计,以及人类行为理解等涵盖计算机科学之广度的一系列思维活动。

其中,计算思维的两大核心特征是Abstraction 抽象和Automation自动化。

计算思维如何应用到设计上?

🔥 模块化设计

想办法把设计思路抽象,然后变成自动化,其中一种设计方法就是模块化设计的方法,模块化之后可以通过分解,然后重组,达到自动化设计的目的。比如下方这个角色由4个部件组成,每个部件有6个款式,通过分解、重组从而产生足够多的新款式。

来源于:秒出上万个吉祥物设计方案的奥义

还有另外一个灵感是来源于LogoLounge发布的2021年LOGO设计趋势报告。
🔥 对称、重复
LogoLounge这一份趋势报告是基于过去一年,提交在LogoLounge网站上的35000多个品牌LOGO以及全球各地知名品牌最新发布的LOGO案例进行的研究与发现。我翻看了下,发现有许多LOGO都可以通过代码来实现,晚上抽空尝试实现了其中比较有意思的一款。
Spliced
仔细观察,可以发现,都是基于一个基础图形,进行切割之后,对称、不断重复,从而完成设计。
我主要使用了p5.js的arc方法,通过控制弧形开始的角度和弧形结束的角度来实现。通过代码实现设计还有个好处,就是可以生成动态的LOGO,只需要增加某个随时间变化的变量即可。
基于 design-ai-lab 实现
我们进一步改变LOGO本身,结合上文提到的模块化设计的分解、重组,生成几款LOGO之后,通过拼图工具(也是design-ai-lab之前的例子),完成如下的图片合成效果。

看起来这图片还有点单调,还可不可以继续添加其他元素呢?可以继续往上添加文字、图片等其他信息。我通过图像分割得到了一张人物的抠图,然后做了剪影的处理,最后合成效果如下所示。

至此,我们可以继续延续模块化的思路,准备足够多的人物图片,经过图像分割,然后自动合成新的海报,这样大批量风格统一的海报也就生成了~

ps:由于时间关系,就不一一演示啦~~


(0)

相关推荐