毕设开题攻略:如何玩转平面设计×编程

如果设计师掌握了编程,这种力量会有多巨大?小编希望还在读书、准备做毕设的同学,可以花点时间深入研究,这也可能是你创作甚至职业的转折点。

 

今期给大家介绍一下,这几个骨灰级人物,他们是怎么融合编程×设计美学,以及在历史上做过哪些重大的贡献:
  • Muriel Cooper

    MIT 视觉编程语言研究组(VLW)的创始人,
最早看到编程在设计领域的潜力的人之一,启发了整整一代人。

  • DIA Studio

    专注于动态识别系统的设计机构,DIA的作品不仅概念有深度,技术上也是极具挑战性的。

  • TwoPoints

    为艺术和企业提供“灵活视觉识别系统”(FVI),擅长开发一个有效的视觉系统,应用到不同项目中。

  • Tim Rodenbröker  

    设计师 & 教育工作者,一直不断探索创意编程在图形设计领域的潜力。

01

1980 年代中期,平面设计师 Muriel Cooper,成立视觉编程语言研究组VLW,探索艺术家和设计师如何利用新兴技术(新媒介)。

设计师和教育家 Muriel Cooper ,是 MIT 的一名平面设计师(MIT 出版社的艺术总监)MIT 视觉编程语言研究组Visual Language Workshop,VLW)的创始人,最早看到编程在设计领域的潜力的人之一。她在不断变化的电子通信领域绘制了新的设计领域。
 
她是早期相信编程能改变图形设计领域的人。她启发了一代设计师来探索设计和技术的交汇处,并在此过程中,建立了一批富有创意的程序员,这些程序员如今正在塑造交互设计,图形设计,和新媒体艺术。
 

1980 年代中期, MIT 成立视觉编程语言研究组(Visual Language Workshop,VLW)。

 

在1980年代,由视觉编程语言研究组(Visual Language Workshop,VLW)用计算机生成的堆叠和变形字体。

 

当 Muriel Cooper 在1994年2月的 TED 5 大会上展示 VLW 的最新成果时,微软的比尔·盖茨亲自要求拷贝一份演示文稿。MIT Media Lab 主任 Nicholas Negroponte 评论道:“ Muriel 的作品的影响可以用两个词来概括:超越 Windows。这将被视为界面设计的转折点。

 

麻省理工学院夏季课程公告,1958年

她是第一个对电子媒体的新可能性进行真正深刻探索的平面设计师——比如3-D文本。

 

她不只是将计算机图形技术视为处理平面设计工作的新工具。她从一开始就明白,数字世界开辟了一个问题和问题的完整领域,她想以一种严谨的方式来理解这些问题。

02

编程海报 – 在平面设计领域的创意编程

作为百年来公共空间视觉传达的主要媒介,印刷海报经历了根本性的转变。“Poster 2.0”不仅仅是一个有字体、颜色和图像平面,更是一个交互式应用程序:具有动画、声音、数据和媒介。它涉及所有的感官和规则,融合了平面设计和前沿技术。

Tim Rodenbröker 在德国莱茵瓦尔大学教授生成设计,在构思之初,就面临这样的挑战:设计专业的学生不知道是否可以用编程语言来创造出高质量的平面设计,所以他需要在课程开始之前证明这一点,这个案例就是研究结果。

为了准备这个“编程海报”课程,他开发了 40 多个生成式设计系统来展示“算法图形设计的视觉可能性”

魔力三角

为了确保研究的效果和专业,Tim Rodenbröker 决定限制他的学生只使用两种颜色和一种限定的字体。最大程度保证他们的注意力在:创意编程的可能性。作为可视化项目的限制,Tim 通常使用一种称为“魔力三角”的创意方法:形状的每条边代表一个规则或限制。三个条件一起为创作空间构建了一个框架,也就是创意存在的区域。

技术

Tim Rodenbröker 发现 Processing 是这个项目的理想工具。与其他基于代码的方法相比,Processing 不需要任何复杂的构建工具。它通过直观的命令、丰富的教程、优秀的参考资料和庞大的社区,完美地满足了平面设计师和初学者的需求。

03

On the Road to Variable 

展示了122个作品

如何通过编程将经典字体,重新灵活演绎

 

「Variable Typography 可变文字排印」描述了一种新的灵活性,这是文字排版发展的下一步。不仅在字体设计上,而且在字体的应用上。

 

什么是 Variable Typography 可变文字排印?

为什么现在要强调字体设计的动态呢?

 

2016年9月16日,Adobe、谷歌、苹果和微软宣布了 OpenType 的新规范更新,允许字体可根据位置、宽度、高度、样式等条件进行变化。

 

虽然技术还没有完全实现,「Variable Typography 可变字体排印」在当代平面设计已经成为一个不可阻挡的力量。On the Road to Variable 探索了这种字体排印的风格与未来。

著名的设计机构 TwoPoint.Net 为这本书挑选了超过122个项目,希望能激发下一代的创造力。

其中收录的作品有著名工作室 studiofeixen 为为期三天的伦敦 Oto Nove Swiss 音乐节做的活动主视觉。设计师认为,在伦敦的街道上做广告是没有意义的,所以决定设计一个互动海报,你可以探索,玩耍,甚至创作自己的音乐。

* 若报名最毕设零基础入门 Processing 的课程,学习完11节课,可以做出这样的视觉+声音+交互的作品,如果要在网页端分享,还需结合 P5.js 的部分知识。

04

可变的字体排印,又如何应用在活动主视觉设计呢?

 

DIA 为耐克 KD11 的发布创建了活动标识,专注于篮球运动,并使用他们的语言,开发了一个系统,功能和灵活的所有接触点。

 

 

耐克的品牌团队试图为纽约的 Statement House 创造一个基于字体排版的体验标识。DIA 利用球场和屏幕的设置,创造了一系列基于篮球运动的高能动画。
 

 

05

学会了编程,你的想法和 VI 动画可以十分高效地输出。

Tim Rodenbröker  受 TwoPoints.Net 的委托,开发了一个基于网页的设计软件,用于在巴塞罗那当代文化中心(Centre de Cultura Contemporània de Barcelona)的展览“ La Luz Negra”的视觉形象。游客可以使用这个软件去创作花的图案,基于视觉形象的设计规则。作为社交媒体活动的一部分,游客可以把自己的创作发布到网上获得不同反馈。

后来,他进一步进行了软件开发,并基于相同的设计原理创建了一个自定义的动画软件。结果是一个简短的动画视频,展示了视觉系统的全部功能。它已被用作展览的官方视频预告片。



—————

如果你也想学
不要错过
?

点击标签,查看更多内容:

AR AR交互 C4D CAA MICA Processing 三维 专访 书籍设计 交互 交互设计 克兰布鲁克艺术学院 全球毕业展 分享会 创意编程 动态 动态平面 动态视觉 动画 品牌 埃因霍芬 多摩美 字体 字体设计 展览 平面 平面设计 广告 插画 攻略 教程 数据可视化 新视野 日本 日本设计观察 武藏美 毕业展 毕设 海报 美国 荷兰 视觉传达 设计 课程 马里兰