【原】从计算思维到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：由于时间关系，就不一一演示啦～～

---