设计、交互与传播

摘 要：设计的发展与科学技术密不可分。在人工智能、大数据普及的今天，视觉传达专业教学也开始凸显其内容与教学模式上的保守与落后。本文立足于教学一线，基于学科交叉的方法试图在视觉传达专业硕士课堂进行实践与探索。课程以瑶族传统图案为创作元素，以计算机程序构建设计与交互环境，以自媒体为传播和订购渠道，建立一个数字文创体验与定制平台。在授课过程中，艺术与工科的对接流程为视觉传达设计教学新范式提供了一定的参考。

关键词：瑶族;传统图案;视觉传达;学科交叉

1 课程介绍

课程选题源自笔者负责的国家艺术基金传播交流项目《“千年古瑶”虚实共生文化推广》中的一个子课题。整个推广项目是以“重现古瑶独特风貌，重拾民族传统文化”为主题，以艺术设计结合虚拟技术、计算机技术与交互技术创作的网络艺术推广平台，旨在以大众传播方式聚焦瑶族传承千年的传统艺术，以数字技术助力文创产业。子课题则是“瑶族丝巾DIY小程序”的研发，是一个集合文化体验、设计体验与产品定制为一体的小程序。

由于研发内容涉及计算机编程与交互，因此特别邀请到具有计算机专业背景的企业导师来共同完成。通过分析，我们认为项目可以分为3个板块内容，分别为设计、交互和传播，具体需要7个流程来完成：一是对瑶族纹样的深度学习和再设计;二是建立瑶族纹样的数据库;三是建构一个程序环境;四是实现纹样和程序之间的配合;五是实现设计交互;六是依据传播途径建构产品订制环境;七是测试与发布。由于课程内容涉及少数民族传统纹样、现代平面设计、计算机程序设计、自媒体传播、交互发布等多方面的学科交叉与融合，已超出视觉传达本科培养方案内容，而且实验性探索也不宜人数太多，因此课程就放在了研究生的“视觉传达设计表现”课堂上。此门课有72个课时，学生为3名一年级专业硕士。

2 课程设计

2.1 教学定位与成果目标

本次课程是视传教学在新技术新媒体下的思考与探索，是依托国家艺术基金传播交流项目成果的现实需求开展的跨界交融的实验性教学。由于课程选题起点较高，因此整个设计流程将遵循成果验收的实际标准执行，并尽可能做到引领性、创意性、转换性。这样基于项目的实践能使教学内容更清晰、目标更明确，不仅能使学生有较强的参与感，激发她们的好奇心与责任心，还能培养她们立足于完整的设计流程来完成设计目标。

2.2 教学理念与培养目的

我们的系列课程探索始于2015年，过程中邀请了计算机程序、大数据、人工智能背景的企业导师到研究生课堂上，以多元、多角度的方式尝试培养视传专业学生思维模式的转变。在长期实践过程中，课程也逐渐形成了以项目为导向，以调研→讨论→设计→制作→讨论为教学模式，同时辅以课后作业于指导，确保阶段目标的完成。

课程目的首先是培养学生的跨界思维。近几十年来，我国文理分科过早，专业划分过细的模式，使艺术生听到编程就心生畏惧，对跨专业有严重的畏难情绪，不利于现下倡导的“新工科”政策。其次是培养学生的综合实践能力。从田野调查、文献搜索到现代设计、交互设计、媒体发布，以及立足于方案整体开展设计等能力，这些都是对业务的重要交付能力，对于艺术设计这种应用型学科尤为重要。

3 教学实践

3.1 瑶族传统纹样学习与设计创新（24课时）

瑶族拥有丰富绚烂的纹样，广泛运用于服饰、绘画、建筑装饰、宗教祭祀与民俗活动等领域。因此，如何认识这些纹样，并将代表因素提取出来，经过设计构图创新后运用在丝巾的设计中就非常重要。本次纹样创作共有“红水河”“长鼓舞”“万物有灵”“桃花”“龙犬”“日月星辰”“漂洋过海”“梅山行”“海幡”9组主题，将根据以下素材来设计。

（1）刺绣纹样。这个部分将在瑶族服饰中提取灵感和元素，依据“瑶服五色”在服装中提取色彩，在刺绣中提取纹样进行图案设计，再结合设计尺寸、外形与使用需求进行整体设计。

（2）瑤族神话。瑶族在千年传承中留下了多个优美的神话传说，如盘瓠的故事、桃源洞的故事等。这些口口相传的故事间接呈现了瑶族生活迁徙的历史。因此本次创作会将这些传说图形化、纹样化，并将之与长鼓结合进行设计。

（3）歌舞与习俗。艺术源于生活，因此瑶族人载歌载舞和打糍粑等生活习俗和场景也能够成为创作内容。这些场景在创作中将被图案化、艺术化，使之与长鼓设计相融。

教学体会：这个环节考察了学生对图形文献的研究能力，以及用传统纹样进行再设计的能力。由于学生并未赴瑶族实地调研，仅通过网络搜索来完成资料搜集，因此在第一稿的纹样提炼和设计呈现上不尽如人意，如没有依据瑶族文化习俗进行主题提炼，以及没有抓住瑶族图形、色彩和构成的特征。经过讨论和修改设计方案，同学们在后半阶段找到了感觉，开始作出比较符合需求的设计。

在手绘草图阶段，导师还需从年轻学生的兴趣出发，以瑶服展示和瑶族传说介绍等来增加选题的吸引力和趣味性，同时增加课程的互动性和开放性，这样可以让学生相对容易地理解少数民族文化。

3.2 项目的程序环境建构与交互运用（32课时）

整体方案设计为用计算机建构交互环境，将9组不同主题的瑶族纹样置入环境中，每组会有一个丝巾模板和几十种纹样资源库。用户可以根据自己的喜好组合纹样。具体流程为：

第一步：素材转换。将学生设计好的纹样素材按取名规则分类，放置在服务器中。在小程序端下载，并以同样的规则解析为程序可用资源。

第二步：设计操作界面。设计一个大圆盘，在其中均匀地取8个点为小圆盘圆心，同时寻找界面中的构图美感。在操作过程中，计算手指移动过程中相对于圆心的角度变化，相应地改变大圆盘、小圆盘的旋转角度，达到控制角度的效果。在设置角度时，计算角度和小圆盘显示信息的关系，圆盘个数小于等于4固定只显示当前个数的小圆盘素材，大于4可以循环显示任意多个小圆盘素材。在操作结束时，取一个合适的目标角度，并以缓动效果使旋转角度变化过去。达到圆盘始终居中显示4个小圆盘的效果。

第三步：操作界面小圆盘的三态。小圆盘有“未选中” “选中”“选择未选中”3种状态，普通按钮不能实现这个功能，由此模拟一个组件来实现它。首先给上述3种状态编号，并编辑好每一种状态下小圆盘的素材显示样式。每次点击时返回当前小圆盘的状态，即可根据状态给小圆盘设置新的显示状态，达到3种状态切换效果。

第四步：画布上素材的缩放。由于设计纹样时注意了中心缩放或四方连续特征，因此纹样在画布上可以通过自动适配长宽完整显示。操作时，将触摸点转化为以画布中心为原点的坐标系下的点，由此可以求出触摸点所在正方形边长。根据边长，可以操控并储存每个素材的缩放参数。

第五步：素材的排序显示。给素材编号1～n，然后维护一个队列，先选中的编号先入队，如果取消则从队列中删除，如果选中队列中编号，则将其移到最后面。每一次有素材选择变化时，按队列的先入先出特性依次按编号渲染素材即可达到要求。这样可以将选中的纹样显示在最上层。

第六步：丝巾的保存和编号。由于小程序储存空间的限制，这部分功能放在服务器端完成。将客户端生成丝巾图片和可获取的用户信息传入服务器，服务器将根据丝巾个数生成编号，存入数据库并返编号给客户端。客户端获取到编号后在分享界面显示出编号信息和相应图片。

第七步：丝巾展示。由于数据库存储时存入了编号、作者信息和用户的收藏丝巾编号列表，因此后续获取编号并排序即可依次在虚拟展馆显示丝巾，便于客户欣赏查询。

教学体会：这个环节主要由企业导师建构程序环境，然后带领学生按照操作需求完成。由于3名学生都是艺术生，对程序与代码非常陌生，也有一定的畏难情绪。后经企业导师耐心细致的沟通，并作了清楚的指令要求，学生们得以顺利完成此部分内容转换。

艺术与工科的融合形式一直是团队所研究的重要内容，但到目前为止，还没有艺术生能够真正掌握编程技能，只能由导师建构好程序环境，再将艺术设计置入。客观来讲，这还不算真正的跨学科人才的培养，也没有真正打破艺术生固化的思维模式。不过通过许多实践尝试后，学生在一定程度上开阔了视野，也知道如何与工科对接，相较传统的教学内容有一定的拓展。

3.3 项目发布与测试（16课时）

这个环节由学生们自己来操作小程序以便发现问题，如纹样放大缩小后的观看效果，如图标美观问题、人机交互时手指的舒适度等等。这些问题都促使学生们根据需求反复修改设计稿。按照计划，项目完成之后由企业导师发布，用户可通过扫码进入微信小程序进行设计体验，DIY后的设计图不仅可以通过自媒体发布以达到传播效果，还可以进一步点击定制购买，设计稿将传送到商家进行生产，最终成品将通过快递交付到用户手中。但是由于课程结束时项目的完成度、艺术性还不够，因此项目课题组会在后期对其进行调整，完成后再发布。

4 结语

视觉传达与科技手段的融合是一个有趣的方向，一方面，艺术能通过技术使创作更多样化，信息传递更快速，受众范围更广;一方面，技术能通过艺术使人机交互更舒適，表达更美观、更具创意，使科技更贴近人们的生活。

我们尝试用这样的学科融合思路来设计教学方法，以优秀项目为引领使目标更明确，使学生关注我国少数民族优秀传统文化，并参与到设计与制作中来;以企业导师辅助教学，使复杂的工科知识被分解为相对简单、可学科操作的步骤。我们相信这种探索不会止于视觉传达专业，不会止于学校的课堂。

作者简介：陈杉（1980—），女，四川乐山人，博士，四川师范大学副教授，研究方向：视觉传达设计。