01 适用专业
所有设计专业
02 前言
编程是一项艰巨而令人烦躁的任务，相信很多设计师都emmmm，对编程一窍不通。毕竟，很多时候一些很基本的程序，也可能需要数千行代码（汗）。很多设计师想要尝试接触一下代码，拓展一下自己的知识库，但，实名被密密麻麻的代码框劝退…..
如果真的尝试过用代码做设计，大家会发现，设计做起来真的会很有意思，多了很多可能性~今天给大家推荐的编程工具，可以去尝试玩一下看看。
stamper，基于p5.js（一种编程工具库），是艺术家和设计师专用的用于创建交互式计算机图形的编程工具，由卡内基梅隆大学设计学院校友Cameron Burgess和Maayan Albert开发，2020年3月才开始推广使用，非常新鲜的设计工具，我们一起康康是神马神器吧。
03 工具解析
Stamper
我先给大家试了一下 页版本，页面如下。灰常简洁明了。
上面区块的名字，左边写代码，右边空白框中会呈现你代码所编码的图形。
大家可以试着去写一写代码，改其中几个参数，就会呈现非常不一样的，很好看的肌理。
右图的画面完全可以自己随机生成，左边的图形调整参数以后，角度，肌理样式都会发生变化，这些图都是动图哦。
还有这样给图片添加风格化滤镜的代码，同样都是动图。
在app的首页，样式的部分大家可以看到很多实例，即stamper可以做到的功能，可以逐个打开玩一下。
还有这样很好看的点阵图，用AI做会非常非常辛苦，但用代码，只需要鼠标拖动，就会自己发生很多丰富的变化，每一秒钟都不一样。
还可以做三维的模型，表皮会有很多参数化的形变，也是通过鼠标的拖动即可完成。
实现这样五彩斑斓的渐变功能。我们自己用传统的设计软件来做，几乎不可能实现。这种可以配合arduino做灯光设计。
在没有设计工具的时候，我们只能通过纸质排列的方式梳理我们的设计思维。不方便，也会造成纸张的浪费。现在我们常用的设计软件，比如AI，Sketch，都是有类似这样A4纸一样的一张一张的画布，可以调整大小，顺序，帮助我们进行思维逻辑的整理。
UI键：（1）层列表（2）JavaScript导入器（3）带有添加按钮的工具栏图章（4）可滚动缩放画布（5）辅助线，指示正在由draw调用的basicDot；图章键：（A）功能图章，（B）带注释的全局图章（C）具有全局变量的全局标记（D）控制台标记（E）具有本地图像的媒体标记（F）功能图章
像不像我们常用的思维导图软件，以及grasshopper的编程界面？只不过多了图形的部分，实时展示编程效果，设计师可以随时调整，非常方便。
关于代码部分，因为本身就是基于p5.js库的软件，代码很多都是现成的，我们可以直接复制，然后进行局部调整就好（毕竟让设计师自己写很多，太难啦）。等到大家用熟悉了以后，不妨可以尝试自己写一写。未来交互媒体，动态媒体都会是很流行的趋势，学习一些硬件交互，会很有用。
Logo设计，动态海 ，字体设计，灯光设计以及建筑师想要尝试的一些建筑表皮，都可以通过stamper简单的几行命令实现很酷炫的效果，那不是很棒嘛。
快去试试看好不好玩~
声明：本站部分文章及图片源自用户投稿，如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢！