打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
从计算思维到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:由于时间关系,就不一一演示啦~~




本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
2017年LOGO设计流行趋势
LogoLounge权威发布:2017年全球LOGO设计趋势
【干货】2016年logo设计趋势
全球最牛B的18大logo设计素材资源网站——有图、有网址、有真相
2021年LOGO设计趋势报告来了!
2011年品牌Logo设计10大趋势
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服