基于平面和色彩构成的中国传统几何纹样视觉动态创作

张芾

深圳职业技术学院 广东 深圳 518000

英国新艺术运动艺术家欧文•琼斯曾于1867年从个人及友人收藏的中国瓷器中提炼色彩与图案特征，阐述了“中国的纹样设计并不是通过光影求得和谐，而常常是通过颜色和形式来表现画面”的观点。[1]由此可见，我国传统纹样中早有当代平面构成理论中的扁平化图形设计思考。欧文•琼斯总结我国的传统纹样分为连续型、密集散点式、监控型散点式三种图形结构，事实上，我国传统纹样还可以被细分为几何纹样、动物纹样、花鸟昆虫纹样、吉祥纹样、人物纹样、器皿纹样六个大类。[2]观察这些纹样，便可直观地理解其视觉表现特点、平面构成和色彩构成理论的契合方式。

以欧文•琼斯提到的连续型、密集散点型、向空型散点式图形组合结构为依托，平面构成和色彩构成理论为支撑，本文将针对易于视觉理解的传统几何纹样动态创作展开思考。当下，设计师可以利用数字媒体的多媒介创意呈现形式来阐释运动形态的变化，并应用传统色彩来表现具有传统文化性质的视觉美感。现代媒介技术不断推陈出新，传统纹样作为承载传统文化的视觉符号，运用到新的技术之中得以不断延续其文化生命力，推动中国传统文化的传播。

本文总结出了以下研究路径：第一步，以绘制单个图形元素作为思考切入点；
第二步，依据图形元素类型完成平面构成造型要素分类，用不同的平面构成组合形式规划不同的运动脚本；
第三步，理解平面构成动态造型破型要素，用不同的传统纹样适配合适的造型文法破形结构，遵循每一帧动态演绎的韵律节奏，输出动态作品；
第四步，注入传统色彩，在运用色彩构成的组合基础上尝试添加材质、灯光、摄像机效果，带入不同品牌或产品的实际需求，在空间中进行深入调整，完成场景体验中的视觉创意表达。大体以中国传统纹样中最易变形的几何纹样为例阐述纹样视觉动态创作的过程，举例几何纹样中的连珠纹、席纹、云雷纹、回纹、弦纹、条纹、谷纹、蒲纹、绳纹、绳络纹、锦纹、云纹、勾云纹、漩涡纹和曲折纹[2]的视觉变化及色彩特点，研究设计内容的视觉创意表达。

依循平面构成的概念，图形纹样分类以点、线、面为基础进行，连珠纹、谷纹、蒲纹、乳钉纹是点状纹样；
席纹、云雷纹、回纹、云纹、漩涡纹则既适合线的表达也适合面的表达。以立体、空间、半立体结构为依据也可以对几何纹样进行分类，技术的不断革新使纹样在立体、半立体空间改造中由于色彩、灯光、互动体验等要素的加入，实现完美互动效果，材料质感已突破二维边界，实现三维视觉的冲击[3]。

传统纹样在画面中可实现多种结构，例如，二维平面构图分为离心构图和向心构图。在离心构图中，复制偏移中心会产生不同结构形态变化，以离心构图的分割与比例调整可以让图案适应构图的调和与对比，在离心构图中可以完成重叠组合、连接组合、分离组合、集中感组合、折中对称组合、扩散感组合、偏移组合等图形变形演绎。向心构图则分为等形分割、等量分割、或打散重组之后的等量自由分割。多样性分割使几何纹样在分割映射中既包含具象分割又包括渐变分割，渐变分割又可以进一步细分为垂直、水平、斜向、波纹状、旋润状；
相似的分割有非具象形和具象形体现，自由分割的多形态组合可以使几何纹样的创作形态更为丰富，所展示的色彩表现也更为多样[3]。

席纹（图1）可以明确表现出单元形复制离心构图。在席纹单元制组合构图的样态变化中，单一单元形和混合单元形交错，构成负形空间，线状结构延展又可以变化为向心构图。离心和向心交错创造的面状或环状结构形态中，将形成多元放射状结构和镜像反射结构。设计师可以在此基础上设置灰度变化体现渐变效果，利用自由分割动态变化产生漩涡纹和线性偏移来构造图案和色彩。席纹的结构规律佐证了平面构成中的等比数列、调和数列，比例和数列建构的黄金分割比、根号矩形结构特点等数学式用法；
相对复杂的勾云纹、漩涡纹、锦纹、绳纹则是我国散点自创数列比的呈现，多形态数列结构等特点都能在平面构成理论逻辑的视觉应用中自由切换。

图1 席纹的多结构变形

上述席纹图稿表现的设计构成强调构图平衡、对比和统一特点在其他传统几何纹样设计中也清晰可见。我国传统纹样普遍存在对称结构，有平移、回转、镜像反射、扩大缩小、亚对称等图形构成特点，同时也有平移回转、平移镜像反射、回转放大缩小特点。顺应设计构成形式，从繁复的纹样设计中挖掘出我国传统纹样设计构成组合快速实现图形扁平化视觉处理，通过动态图形语言形式输出数字媒体进行创作。

传统纹样设计中，通过设计有关形态的变形错视，可以形成线或角错位错视，在视觉扭曲中造成大小错视、明度错视等效果，通过立体感、透明感的表现，利用动势和韵律完成变形、变化，在此以静态蒲纹结构变化（图2）为例，进行变形来分析图案纹样的构成与色彩特点。

图2 单个蒲纹的动态结构变化

单一的蒲纹六面形是可以不断变形的，通过调整线条结构粗细，可以让图形产生动态变化，纹样结构中六面形填充的动态变化制造闪烁动态效果；
单个蒲纹整体结构易产生正方体视错觉，在结构表达中通过单一六面分形的描边粗细变化形成立体感、透明感错视，单一形体等量元素分割输出节奏不一致的视觉动态；
蒲纹六面形动态变形过程以周围放置的等比例三角形为支撑，沿六面形每条边线拓展等比例正三角形，单一六面形和三角形交叉支撑形成完整的蒲纹元素。回顾北京冬季奥林匹克运动会的雪花结构设计，也是通过结构的打散和聚拢重组形成凸面、平面交替错视。此处设计师也可以通过结构打散和聚拢位移制造视觉交替动态；
以六芒星整体为中心，图形元素的整体动态变形，透明度粗细交替错视打包整体，复制整体结构在空间限制下对称动势位移；
复制多个线条粗细产生变化的蒲纹整体结构，分割立方体造型形成密度不同的蒲纹；
正方形空间范围除了复制整体六面形结构，还可在此过程中继续复制正三角形结构，整体再次表现平面效果更为突出，立方体整体在空间上下两端放大形成开阔的空间视域想象，产生对正方形边界之外空间的求索，拓展空间体验。

构成完成静态平面之后，设计师可以将纹样进行动态组合，连接出更丰富的形式。动态设计软件能够将图案倾斜、旋转、向一定方向运动等，以这些方式来造成动势，实现原有图形的形态变化，完成形态错开、模糊、反复、颤动、弹跳等动态演绎涟漪。比如，不规则席纹分形是席纹自身结构内部被破坏，造成掉落后形成的块面分裂动势效果；
蒲纹中可以用规则的六边形整体进行面和面结构的放大、缩小，形成破坏动势；
将原本分离旋转的多个回纹形式组合起来，添加简单的灰度色块变化，以集中和放射形式完成规则或不规则的放大、缩小及不透明度变化动态连接，打破静态构成。动态设置中，常常涉及位移、缩放、旋转、不透明度基础的成千上万种运动变化，设计师可以依据动态元素周期表提供的效果载入纹样设计，基于这些基础动态效果对不同纹样进行动态尝试。选取蒲纹动态变形来佐证动势波形变化、视觉交错模糊以及各种不同的弹跳展示效果，展示蒲纹六面形动态结构变化的脚本方案如下（图3）：

图3 蒲纹六面形结构变化动态脚本设计

镜头1：蒲纹结构是稳定六边形，两色块追击渐变形成镜头2中连续追击动势涟漪，色块运动中的色彩变化产生色彩的涟漪；

镜头2: 镜头1保留框线蒲纹外圈产生的碎裂，断线路径随即出画消失，两色块追击运动产生新的立体蒲纹外圈结构；

镜头3：镜头2色块追击运动消失，断线路径动态仍在继续追击连接，色块视点游移至画面中心缩小放大再缩小，产生从线到面的结构变化；

镜头4：六面体旋转运动产生，在旋转过程中出现六面体边缘正三角形展开，连续不断地旋转运动形成六面形内部和正三角形块面的运动晕影；

镜头5：旋转中展开运动漂浮的正三角形逐渐弱化出现在蒲纹形态的关键节点展现上，形成色块灰度不同的蒲纹造型，六边形拓展向边线的位移和正三角形造型再次融合组成新的蒲纹；

镜头6：中心区域的重组六边形完整出现，逐渐渐变展示出周围区域的六芒星结构，占满画面的六芒星结构逐个渐变至中心再消退；

镜头7：零散蒲纹六面形旋转过程中出现有规律散落的三角形结构和六面形结构，出现放大的三角形和六面形，产生旋转和渐变效果；

镜头8：规律散落的三角形和六面形规则聚拢位移至画面中心，旋转过程中产生颜色变换的中心六面形结构，出现周围的线性结构表达，路径动画再次出现；

镜头9：三角形散落形成多个六面形，六面形旋转出现圈线的路径线性运动，出现不规则六面形的垂直、平行位移，间距中的三角形和菱形结构闪动变化；

镜头10：六面形整体散落到聚拢位移，旋转过程中产生线性和凸起的效果；

镜头11：六面形组合伴随三角形结构的闪烁和路径断线效果，线在画面中逐渐旋转消失，变为单一造型点，在整体画面中由少至多地出现组合蒲纹结构；

镜头12：展示完整蒲纹结构，分离组合单个六面形结构，阐释单一蒲纹图形到多个蒲纹图形结构连接。

镜头12也并非脚本的终结，动态创作的延续性可以依据动态元素合理性进行进一步探讨，也依据品牌、产品实际需求，调整修改媒介内容演绎载体。

在上述形式语言基础上，利用蒲纹特殊六面结构，设计师已经在二维视角上对存在于三维空间的蒲纹形成了相应的感官，在此基础上注入黑白灰的色彩，可以为图形增加动态活力。设计师可以考虑利用合适的色彩来制作更加丰富的视觉韵律效果，让图案中出现相同形、相似形、类似形、渐变形的韵律组合，并在使用复数结构和搭配色彩的过程中，尝试变形和变化，让几何纹样产生坐标变换、失真画、透镜变形等有趣变化，使图形整体得到视错觉效果。

（一）二色设色的不规则形态变化

欧文•琼斯的《中国纹样》一书中，葫芦形彩绘瓷瓶上的连续纹样的色彩中有下图所示的C10 M20 Y30 K0和C50 M80 Y70 K10两色，添加这两个相似色之后，原本的等比等量结构被打破了，读者可以观察到不规则变形带来的视觉变换效果。中国瓷瓶纹样的取色形式是透过运动涟漪，形成线结构肌理，再通过路径动画错视信息拆解，形成面和体块的变化结构（图4）。

图4 二色设色的不规则形态变化

(二)三色设色的线性变形结构

设计师可以尝试在纹样中加入日常生活中熟悉的景泰蓝用色，即C85 M66 Y40 K0。这样的改动可以丰富纹样的变形变态效果，蓝色的加入可以打破原本图形中相似色彩的等比等量比例，制造图形变化。在相似色的基础上添加进色环上完全对立的色彩，这样做其实并不会打破画面的平衡，景泰蓝色并非破坏者，而是冲击相似色系统的关键点，它的加入可以为动态再次注入活力（图5）。

图5 四色设色的线性变形结构

在图5的变形演示中，线构、散点集中效果、等量等分图形平铺等效果纷纷出现。在眼花缭乱的结构变化中，景泰蓝成为最亮眼的辅助，设计师只需在动态图形设计软件效果面板中添加诸如扭曲、波纹命令，利用参数的调节便可实现变化丰富的点线面变形变态造型，形成有趣的动态视觉效果。

(三)四色设色的点线面结构变换

设计师还可以尝试将更多的传统色彩搭配融入图形结构变化之中，例如，在原有的C10 M20 Y30 K0、C50 M80 Y70 K10、C85 M66 Y40 K0三色基础上，加入饱和度较高的C18 M66 Y78 K0（图6），使画面整体效果产生明艳、生动的变化。在图5设计中，通过注入饱和度较高的橙色，可以看到，在最右侧图片的图形变形中，已形成画面动感更加强烈的三维变化，视图整体表现了空间关系更为丰富的六面形结构变化。

图6 四色设色的线性变形结构

(四)大于五色设色的色彩结构变换

欧文•琼斯在《中国纹样》的范本记录中展示了大量的来自中国瓷器的色彩，由此总结出一系列的中国色彩搭配效果，该书所收录的图形设计效果中，最多的设色控制在七色之内，罕有多于五色的色彩处理。本文在原有的四色基础上循序渐进，以高饱和度橙色加上颜色C18 M66 Y78 K0的对比色C56 M26 Y70 K0，和近似色C13 M25 Y76 K0，进一步展开对色彩视域效果的拓展观察（图7）。

图7 六色设色的线性变形结构

图形建构中左侧画面构成为集中和散点分布、中心扩散，注入较为活泼的橙色和草绿之后，使得整体的画面动感增强；
右侧相似图形重复构成中，正三角形产生块面变化，色彩的炫动和黄色点缀效果，使整体画面注入更加丰富的活力感。

前文中提到的图形设计结构，是利用黑白色块立方体结构进行重复构成以产生平面和空间的错视感受；
以此为基础，添加色彩再进行动态调节，仅仅只是简单的饱和度变化，都会迅速出现凹凸的视错觉空间。举例来说，通过这些，可以发现：通过扁平化几何图形的动态结构变化，配合品牌形象的标准色设置，即可快速完成适用于商品展示空间的数字媒体应用效果。

在欧文•琼斯先生所提供的这些色彩中，相似色、对比色的注入可以形成令人愉悦的视觉效果，在不添加任何动态效果的平面展示基础上，设计师可以通过对简单动画的理解，从中演绎出丰富的图形设计动态变化。无论是左侧的中心点放射变化还是右侧的中心菱格色彩变化，放置在空间结构变化中依据品牌标准色进行合理搭配，防止色彩注入带来的杂乱感受，诸如该蒲纹目前的样态变化，都能作为动态的基础模版结构套用至任意品牌的展示空间中，凸显丰富的视觉动态变化。

平面构成材料形态研究由于材质不同会出现偶然形态创造，不同材质带来的动态质感不同。比如几何纹样利用液体进行表达，画面的动态会出现强烈流质，液态集中和散开过程会晕开的弥散效果强烈，比例不同的水分会有不同程度的流动性质感；
不同的工具创作带来不同效果，我国几何纹样设计无一不适合印章创作带来的质感体验，呈现盖印、拖印等不同形式的印刷效果；
纸张的选取也会带来材质视觉变化，通过揉、搓、拧、刮、撕、拼贴等造型方法的使用制造不同的肌理触感；
传统纹样的布艺效果也能通过数字创作软件得以实现（图8）。

图8 传统纹样图形布艺效果

利用图形设计软件的3D设置可形成凹凸的材质肌理，使该蒲纹结构的形态用于半立体、立体的任意空间场景设定。技术支持的材质选项可调节参数，观察光影材质变化调整产生物体质感变化，形成丰富的视觉效果，作为无意义动态图形从材质改造上实现任意立体变化。

材质介入有效拓宽原本的视域效果，导致体验的扩宽可以触及触觉、味觉，肌理改变形成动态创作中的感官体验方案。技术的革新导致设计师可以十分从容地实现材料改造，在动态创作中适配不同品牌进行改造，适配不同品牌空间展示运用，思考适合中国品牌体验的实体材料质感和传统纹样图形辅助的适配性，完成视觉、触感、听觉、嗅觉、味觉连接的“五感”体验设计，进入虚拟现实应用设计场域获得传统焕新，文化传播地不断有效延续。

以上，本文深入分析了基于平面和色彩构成理论的几何纹样动态创作思路，通过该思考路径，设计师能更轻松地理解传统纹样和平面构成的创作关系，创造出丰富的动态作品。

在课堂中，教师模拟用户需求场景应当依据实际情况拟定制作步骤：步骤一，明确品牌/产品需求；
步骤二，确定使用场景的地点空间；
步骤三，选取传统纹样图形元素；
步骤四，确定色彩材料空间设计；
步骤五，设计平面构成创意方案；
步骤六，制作落地动态分镜脚本。

在实际的工作过程中，设计师必然会遇到需反复修改创意设计方案的状况，本文所述的方法论是设计师在实践中得出的步骤，为规避繁复的修改，在日常图形积累中设计师应深入理解纹样造型和文化知识，研读设计构成概念，随着元宇宙虚拟现实时代的到来，在由平面到动态的创作过程中使传统文化不断数字新生。期待创作更多数字媒体和传统文化结合的新鲜的、有创意的内容，引领时代文化艺术创作发展。