【我的毕设故事】2015级清华大学美术学院视觉传达设计系研究生吕游：聊聊切片那些事儿

吕游
基于文本信息的切片设计方法视觉化探究
2015级清华大学美术学院视觉传达设计系研究生
指导老师：陈楠

01. 研究背景
       随着信息技术的发展，互动设计出现在大众视野之中，博物馆、美术馆或Team lab团队等组织的体验型设计在各大城市的举行，多学科交叉艺术创作模式的兴起引发了设计表达的转变，为设计表达与设计生成方式提供更多的选择。基于此，使我产生了寻求新的设计与生成方法的联想。
       本课题将通过研究“切片”这一事物在不同范畴下的概念及运作方式，完成其在设计范畴下的方法转化，最终的目的是使切片的运作原理作用于视觉形式之上，从而产生更多视觉形式的可能性。根据相关设计案例研究，将重新梳理切片、设计方法与设计生成方式三者之间的关系。内容包括：切片相关概念及运作原理如何完成在设计下的转化，又是如何作用于设计结果上；切片的设计方法流程具体有哪些；如何实现切片设计方法与设计生成方式相结合。

△越来越多的互动体验设计出现

02. 对于切片的研究

       切片，作为一种日常我们做饭时最为常用的方法为人所熟知。但其实，切片一词作为一种手段或工具，在不同领域下有不同的解释，这个既是行为又是结果的词语在多重语境下具有其特定含义。因此，我研究了六个领域的相关切片概念。
（1） 物理范畴：
       作为最熟悉的切分方式，是一个点对点的运作过程，这样的动作重复进行，改变了物质的形态结构，使之形成了一定的形式美感，其特点为重复的，规整的。

△日常切片

（2） 病理切片：
       病理切片是医学范畴内对于研究病变的起因及病发过程而衍生出的实验方法。常规的病理切片制作方法经过“取材、固定、脱水透明、浸蜡、包埋、切片和贴片、染色以及封片”。这种切片制作方法可以抽象的看作是一种对于信息本源的处理及提取方式，在不断地切分之下，形成一个由外逐步渗透到内的过程。而病理切片在显微镜下的呈像其特点为有机的、微观的、密集的。

△显微镜下的病理切片

（3） 切片工具：
       在进行制图软件操作的时候，我们经常使用到一种工具叫做切片。它的工作原理是切割图像，将源图像切分成许多小片，以便于上传至网站。通过这样的方式限定了每一个被切分图像的位置关系，区域大小等，呈现出一种局部的、零散的状态。

△Photoshop中的切片工具

（4） 时间切片：
       又称子弹时间（Bullet Time），原理是360度将摄像机环形围绕，按照预先编好的顺序与时间进行间隔拍摄，再利用计算机拍摄结果进行逐帧的消除或修补，以此得到了全景重构的新景象。突破了传统的拍摄手法，给人一种超强连续性的形式美感。

△时间切片的拍摄手法及在电影中的效果

（5） 程序切片：
       是一种用于分析和理解程序的技术，其实是对程序无关代码进行删除的过程。程序切片准则繁多，例如准静态切片、动态切片、同步动态切片、条件切片、迭代切片、分解切片及无定型切片等。每个准则都有其特定的执行方式，例如迭代、语意映射、消除、并集等，从而产生对源程序的不同效果。 

△程序切片实例

（6） 网络切片：
       网络切片就是对网络实行分流管理的一种措施。为了应对不同场景需要、不同用户需求等情况，需要对网络进行模块化专门部署，而每一个模块即为网络切片。它实则是为适应不同功能配置所编织起的逻辑网络，为其包含特定业务的需要来提供网络服务，从而形成一种层次化，秩序化，专业化的形态。

△网络切片创建过程

03. 切片设计方法

（1） 切片方式提取
       通过提炼与把握切片在不同范畴下的运作原理，提取15种切分的方式以此在设计语境下进行转化，使之产生与设计的联系。

△15种切片方法 

（2）方法转化
       将15种方法在设计语境下转化，形成相应的视觉形式： 

△方法特点总结

（3）方法模型
       根据对应的视觉形式，制作出工作方法模型：

△15种方法模型

（4）切片工作方法搭建
       利用代码算法构建一个平台，将“切”的行为成为可操作的过程，人们可以通过代码平台进行对于信息的切分。在这个平台中，通过人们需要提取的信息，加以切分方式的干预，从而形成相应的视觉输出。

 

△开源平台搭建

04.设计实践
       本次设计实践选取了塞林格的《逮香蕉鱼的最佳日子》作为切分对象，选择的原因是由于一个问题激发的思考：如果说被作家创作出来的文本不被读者所阅读，那么这个文本还能不能称之为作品？因此，我将重新审视文本的定义，把目光聚焦于未被大多数人读过或者被作者其他作品光芒掩盖的文本，利用交互的形式，试图通过切片设计方法的介入完成文本信息从图书馆到博物馆的场域转换。

       通过对文本内容，文本修辞，文本逻辑及文本色彩的切分，提炼出符号、图形、线段关系与色彩作为设计实践的视觉基础。

△从四个角度对文本进行切分 

       通过切片设计方法的介入，产生15张关于小说文本的视觉输出。

△15种切片方法视觉输出

   在交互设计的环节中，我选择了9种切分方式作为交互手段，且都是对于文本不同角度的解读，观者可以根据触屏电视进行交互。每次交互的成果得以保存在平台上，也成为观者对于文本进行切片的储存与搜集。

△并集脚本
 
△迭代脚本

 
△分层脚本
 
△扭曲脚本 

 
△染色脚本
 
△映射脚本
 
△删除脚本

 
△扩散脚本
 
△注释脚本 

△交互演示（1）
 
△交互演示（2）

       每次交互的成果得以保存在平台上，也成为观者对于文本进行切片的数据样本储存与搜集。
 

△交互结果样本

       此外，根据15种切分方式设计了15本书籍，内容包含方法释义，方法模型，方法来源及相关视觉形式展示等，利用菲林片加打印的效果形成实验性的书籍装帧形式。

△书籍内页展示

 
△15种切片设计方法的书籍设计

05.展览设计

△展览现场 

△15个灯箱视觉

△灯箱视觉细节

△15本书籍与小说阅读区

△书籍细节

 
△展览互动现场

06.结语
       本次实验性设计创作以J.D.塞林格的《九故事》中“逮香蕉鱼的最佳日子”短篇小说为创作蓝本，在验证切片工作方法的同时，对于视觉设计提供了新的思路，交互符合了互联网数字时代下的新型设计模式，设计工作方法与生成方式在交互系统的帮助下得到全面的展示。观者在参与互动的同时，也是实现自我意识转化与映射的过程，他们根据自己的思维与经验对图像进行切分，这其实是一种主体化的设计互动行为，与此同时产生对文本信息的另一种视角解读。作品的内容构建在人与作品、人与人之间流动变化着，这种动态的生长过程创造了一种独特的设计与生成设计的方法。随着参与者的不断增加与操作，切片生态系统得到繁荣增长的景象。
写在最后
       三年的时光里，感谢陈楠老师对我的悉心指导与教诲，经过半年多的不懈努力，将阶段性研究展示出来具有无比的成就感。那些与我并肩走过清华路的同学们，感谢相互扶持与理解，愿我们以此为轴，海阔天空。
获奖情况
2018年北京市优秀毕业生
2017-2018学年度清华大学校级综合一等奖学金
2017-2018学年度专业硕士综合奖学金
2017-2018学年度专业硕士基础学业奖学金
2016-2017学年度韩美林励学金
2016-2017学年度校级光华二等奖学金
《拼字时钟》获2016“汉字之美”全球青年设计大赛金奖
《Cycling Cleaner》获K-Design Award Winner
《四季画中诗》入选“活字——文字艺术设计系列展”
《四季画中诗》入选第三届“中国国际大学生设计双年展”
《一竹一茶》获2017年世界学生之星包装设计大赛入围奖
《一竹一茶》获第七届Hiiibrand国际品牌大赛学生组包装金奖
《一竹一茶》获第七届Hiiibrand国际品牌大赛Olaf Stein评审奖
《一竹一茶》获2017标志大赏一等奖
《一竹一茶》获2017年中国“包装之星”创意奖一等奖
《一竹一茶》获2017年世界学生之星包装设计大赛入围奖
《一竹一茶》获中国包装创意设计大赛专业组二等奖
《一竹一茶》获第五届中国高等院校设计艺术大赛二等奖
《三界归音》获第五届Hiiibrand国际品牌大赛学生组入围奖