畲族传统图案在旅游APP界面视觉设计中的应用

黄慧子 董晓玮 吴佩芬 王艺霏

（嘉兴学院，浙江 嘉兴314000）

一、引言

近年来，传统文化的传承和创新越发得到了党和国家的重视，在大力弘扬和发展传统文化的新时代的背景下，不妨将具有传统特色的畲族图案进行基因提取，经过处理和加工，并结合现代审美元素创造新的符合时下互联网审美的图案，尝试将畲族图案更广泛地应用到移动终端的视觉界面设计中。畲族传统图案在旅游APP界面视觉设计中的应用能够推动畲族文化创造性转化、创新性发展，探知畲族装饰艺术文化的精髓和畲族的审美心理，同时透过畲族图案元素的文化符号，大力提升了界面视觉设计的文化性和传播性。

目前，国外对畲族方面相关的课题研究还比较缺乏，尤其是畲族传统纹饰、图案一类的研究，尚止步于浅层。而其他对中国传统纹饰研究的著作有：杰西卡·罗森、张平《莲与龙：中国纹饰》（上海书画出版社2019.4），Yongyan LI《民族服饰元素在现代服装设计中的应用研究》（Cross-cultural Communication，2008）等。海内与畲族有关的专论著作也并不多，像雷光振《景宁畲族服装的形制》(浙江理工大学报2005)，许奸超《畲族服饰艺术》这类关注到了古代畲族服饰的问题的艺术家和学者仅仅是少数，而像蓝炯熹《畲族家族文化》(2002，福建人民出版社)，雷弯山《畲族风情》(2002，福建人民出版社)等论著还仅限于对畲族民风民俗的阐述。

文章通过调查研究的方法整理田野考察得到的畲族实物拍摄图，进行文献资料搜集与整合，基于前期对畲族传统图案特征的研究，分析畲族图案的界面视觉设计应用情况及发展应用的意义。基于符号学、图案学的解读方法，结合运用设计学、交互学、心理学等研究理论，通过了解畲族装饰图案的文化价值和艺术特征，结合定性研究、界面视觉设计原则等方法，以设计APP界面、图标为例，进行应用畲族图案的特色旅游APP界面视觉设计案例呈现。

二、畲族传统图案概述

畲族是生活在我国东南山区的散杂居少数民族，隋唐以来在悠久的民族发展历程中逐渐形成了风格鲜明独具特征的民族装饰图案。畲族传统图案种类繁多，由于畲族人民民族信仰和祖先崇拜的特性，图腾也就成为畲族装饰图案中相当重要的一部分。畲族人民对动植物的崇拜、对生活的热爱，和对民族文化的信仰等也成为了畲族装饰图案题材丰富的来源。图案灵感来源山野生活、祖灵形象、人物故事和吉祥愿景等方面。畲族传统图案体现着畲族人的文化认同、生活习俗、情感认知等方面，是文化交融、共生、演绎的结果。图案表象展现了丰厚的民族文化和情感表达的符号，解读其独特的艺术特征，对当代民族传统文化传承与设计创新有重要的理论价值和指导意义。

（一）题材

畲族百姓依山而居，在自给自足的生产方式下逐渐产生了极其丰富的，与畲民生活、自然生命息息相关的图案与样式，通过畲族人民的服饰、建筑、传统等媒介代代保存至今。主要将其分作两类：（1）自然动植物类；（2）器物、几何字符变形类。

畲族人民依山而居，亲近自然，在许多畲族服饰、建筑上出现的装饰图案都是与自然界动植物相关联的，最典型的就是由畲民原始的自然崇拜而衍化出的“凤纹”。

此外，还有植物花卉，动物，自然几何元素等延伸变换出的图案，植物花卉类是畲族人民参照身边的植物作为题材的，常见有牡丹、荷花、石榴、桔子等。动物类常见的有饲养的鸡、鸭、狗、羊等家畜。

（二）色彩

畲族人民崇尚黑色和深蓝色，在衣物等用色上往往使用大面积的黑、深蓝底色，给人以朴实庄严的感觉。而在细节装饰上的用色则偏重于丰富鲜明、艳丽浓烈的风格。比如在黑底色上添加小面积的红、黄、绿、蓝或白等纯度较高的色彩，形成强烈的对比，使红的更艳，绿的更鲜，蓝的更透，带来视觉上的冲击感。同时，畲族人民重视色彩的象征性和寓意性，且讲究用色整体的和谐统一与视觉美感。大面积底色与小面积点缀色的相结合，使整体色彩并不显得杂乱，反而体现出喜庆、幸福的感觉。畲族人民的用色是是生活的经验，也是心灵的感受，具有神秘、粗犷的质朴美。

（三）寓意

畲族人民与大自然较为亲近，对动物生存习性非常熟悉，他们常以鹿、鹤、狮代表人的质朴刚健，以狐狸，老虎等动物代表具有巫力，以喜鹊、蝴蝶、蝙蝠等代表生动活泼。畲族经常将动物与植物花卉纹相结合，组成“喜上眉梢”、“竹鹿同春”等吉祥纹饰。自然几何元素类主要是从大自然中提取的元素进行抽象化而形成的几何图案，即意符文字，常见的有云彩、日、月、闪电、鱼等，大多是绣在畲族彩带上，或者服饰边缘。

三、界面视觉设计概述

随着全球数字化的发展，数字化环境在人们日常生活中的应用范围越来越广，也对传统的视觉传达设计内容提出了新的时代需求。界面视觉设计内容包含图标、图形、色彩、文字、布局等要素。界面视觉设计通过定位使用者、使用环境和使用方式，以友好美观的界面带给人舒适的视觉享受，提高界面的可读性，拉近人与物的距离。在界面视觉设计中的色彩、元素和布局极为重要。界面所使用的色彩往往奠定了界面的情感和风格，准确的元素选用能直观形象的表现主题，在细节上体现修饰整体画面，而界面的布局能够引导使用者的视觉重点、突出功能重点。

四、畲族传统图案在旅游APP界面视觉设计中的应用意义

一个民族的传统装饰图案是族群发展变迁的非文本载体，也是历史文化的见证和烙印。畲族人民在长期的生活生产实践中，挖掘自然美感，发挥主观能动性，用敏锐的洞察力和丰富的想象力创造出了具有鲜明生活印记、独特审美思考和历史民族情结的丰富的畲族传统图案宝库。如云纹、卷草纹、线型纹等纹样常出现在畲族的服饰和建筑中，蝴蝶、凤凰等动物纹样也深受畲民的喜爱，它们往往寓意着吉祥和祝福，寄托了畲族人民美好的愿景。这种特殊的文化瑰宝凝聚了历代畲民的文化和审美，被运用于畲族人民的传统服饰、建筑、生活用品、饰品等方方面面，在历史长河中迭代相传。但如果缺乏有意识的保护和传承，传统装饰图案背后的文化基因和进化历程也将渐渐丢失，再不可考。

改革开放以来，越来越多的有识之士认识到对畲族文化的保护和开发是必要的。在全国和地方先后召开的多次畲族文化研讨会、国家政府不断推出的保护和挖掘民族传统文化的政策等，都对畲族文化的保护和发展起到了至关重要的作用。

如今，畲族文化的发展呈现出了日新月异的态势，并在发展中不断开辟出新的领域。将畲族纹饰元素、意符文字等结合现代设计方法融入当地旅游APP界面，设计相关的icon、logo，能够彰显民族文化特色、提升民族自信、美化界面视觉设计并推动民族传统图案与现代移动终端应用的形式相结合，缔造符合互联网审美的新创意和新设计。

畲族传统图案在旅游APP界面视觉设计上的应用研究，是在新领域开辟过程中的一种重要尝试。将畲族传统的图案用于旅游APP界面视觉设计，提高其视觉美观性和文化创意性，同时也传承和推广了畲族极具魅力的传统文化和装饰图案。将民族文化的融合共生与互联网时代的新特色进行演绎变化和组合碰撞，发展中的畲族文化，正越来越散发出迷人的独特魅力。这样的良性循环使得中国传统文化在全球化的时代背景下仍能独树一帜，再次印证了“越是民族的，就越是世界的”。

五、畲族传统图案在旅游APP界面视觉设计中的应用方法

（一）图形提取

将一组图形进行分块化，构造出图案的层次表达模型，如图1所示。假设将图形分成N个区域，则每一块图都用字母“T1、T2、T3...TN”进行表示，而每一个“T”区块中包含的复合图案还将进行细化和拆解，拆解出来的n个初始单位则用字母“U1、U2、U3...Un”进行表示。畲族传统图案的分割和提取就是根据构造出的层次表达模型和区块进行运算而得到的。

构造从句,根据第一提取出来的图案再次进行细分，对于空间上临近的轮廓，需要对他们的边缘相距的距离进行估算，从而判断是否对复合图案进行拆分。轮廓清晰的复合图案可以继续进行拆解，利用轮廓识别提取的方法，根据每一个复合图案的N个子图案进行从句表示，即构造包含N个字母的初始符“U12,U13,U14...”，对于更多层的图形可以再次构造更加复杂的从句进行拆解。

对于色彩也可以进行提取利用，主要提取占比例较大的色彩，再进行同色处理，以便于对比区分图案轮廓，最后基于颜色特征及色彩区域的轮廓特点对得到的同色区域进行提取。

图1图形提取

（二）色彩提取

图2色彩提取

以单幅畲族传统图案为例，先将原图片进行像素化，可以得到弱化细节、凸显色块的全像素图。即使用“马赛克”滤镜对源图细节进行模糊处理，在案例中使用的单元格大小数值为100方形（即每个色块的大小）。去除范围内图像的色阶细节，仅保留色块特征，得到全像素图。最后对全像素图中几种主要颜色的区域像素点进行提取。以上展示的是该图部分颜色像素点的提取图。

通过Adobe Photoshop软件进行色板提取，得到图主色及比例。构造公式（单色像素点个数÷全像素点个数*100%），通过计算可以得到各主色的像素比例。

由此得到颜色提取的全流程：源图→全像素图→色板提取→主色提取→像素比例

运用软件及公式，通过对多组图进行颜色批量提取，综合得到畲族图案色彩库。此时，按像素比例将图综合色彩库中的主色分出，形成主色库；辅色分出，形成辅色库；点缀色分出，形成点缀色库。通过排列与组合的公式，计算从三个色库中可以得到的配色方案。结合设计师的审美和需求，发挥主观能动性，选取若干配色方案加以应用。例如从包含五十种主色的主色库中选取一种颜色，从包含一百种辅色的辅色库中选取两种颜色，从包含一百五十种点缀色的点缀色库中选取三种颜色，可以得到配色方案。

（三）解构与重组

从极富畲族民族特色的事物中提取出的传统图案样式与图形纹样具有多样性和丰富性的特点，通过观察不难发现，畲族传统图案在构图布局中常常体现出对称、均衡、充实、秩序化等特征。在此基础上分析、提取出畲族传统图案在视觉符号语系中的一套法则，参考法则进行后续的图案变形研究，并加以应用。在各类丰富的畲族图案中，最突出的特点就是讲求图案布局上的对称均衡和变化统一。

图3图形重构

对称的图案具有天然的平衡美感，在畲族的传统图案中，常能见到形式不一的对称图案。上下、左右、中心、旋转等对称在畲族传统图案中都是十分常见的。在对称的图案中，常能感受到静态的整齐、稳重和沉静，同时突出中心。

均衡是指不同部分和图案元素之间既对立又统一的空间关系，在不同部分的图案之间即使没有完全对称，在视觉上却不会产生失衡感，仍保有图案整体的协调性、美观性。均衡的图案更加富有变化，它的形式自由，具有活泼、跳跃、丰富的动态美。人在视觉感受上的平衡感需要依靠合理的构图获得，因此对称与均衡法则在设计中也是极其重要的。

变化是指各个图案所代表的的事物之间个性的差异，而统一是指各个事物之间仍存有共性相同的地方。在图案构成中，过于多变纷杂的事物组成容易造成人们视觉上的感知负荷过大，但千篇一律的单调图案又不免显得乏味。

人们追求既有整体规律感，又兼具变化性和新鲜美感的图案。畲族装饰图案显然遵循变化与统一的法则，常能看到由多种形式因素组成的图案之间，按照富于变化又具有规律的形式排列和组合在一起，达到了变化统一的最终目的——和谐。

文章根据上述的符号构成法则，结合图形提取及色彩提取的方法，对元素进行解构和重组进而完成交互元素的设计。

1.图案元素的变形

在保持畲族传统图案纹饰的结构特点的基础上，结合现代艺术风格，运用基本形变异的方式，通过平移、旋转、轴对称、中心对称、缩放、变形等功能对单个图案元素进行变形，强化和夸张动植物纹饰、几何纹饰的基本形抽象特征，得到变异基本形。

2.组合和重构

在保留基本形主要结构特征的前提下，依据设计师的设计意图进行灵活设计和调整，主要是在基本形的边缘和次要部分采用打散、重构等方法，组合或叠加使用变异基本形图案，并调整元素的空间位置及数量，重构得到新的图形，使其兼具畲族传统民族风格特色和现代美学美观性，做到分中有合、主次分明。

3.颜色的调整

使用色彩提取的方法并进行计算可以直接得到多组配色方案，通过发挥设计师的主观能动性，选取适配度较高，符合现代审美的配色方案加以应用。批量配色方案使一组重构图案在视觉上产生新鲜感，能够适应更广泛的应用场景。

（四）应用

文章通过收集畲族传统图案的资料和图片，从中归纳和提炼出部分畲族标志性的传统图案。在此基础上对畲族传统图案进行二次抽象和简化，将民族传统风情与时代审美糅合在一起，产生全新的装饰图案，再将其应用于畲族特色旅游APP相关的界面视觉设计。

在APP界面视觉设计中必不可少的是icon和logo，以畲族当地的旅游特色APP为例，从意符文字中选取特色鲜明的特定符号可以直接作为icon，或者将意符文字进行中心旋转等变形，得到更加饱满的符号。同时，logo中也对“畲”这个字体进行了创意形变和抽象表达。色彩上采用畲族崇尚的深蓝色（RGB：26,54,127）作为主题色，在logo上点缀以鲜亮的红色（RGB：215,39,40）,在保留畲族追求颜色浓郁和厚重艳丽感的同时平添几分情趣。如图4所示。

在具体APP界面中也大量运用了稳重的厚蓝色，各个界面明确了分工，尤其是旅游内容相关的页面排版，图文并茂，最大化满足用户的使用体验和视觉体验需求，如图5所示。

图4 icon和logo设计

图5旅游APP界面视觉设计

图6畲族装饰词条

传统百科词条追求简洁大方，统一的形式弱化了不同词条的差异和特点。而在当地旅游APP中，我们为畲族传统元素相关的百科词条设计了极富民族特色的装饰条，如图6所示。

畲族传统纹饰元素通过色彩搭配、空间布局和样式组合，可以呈现出丰富且极具艺术美感的装饰效果。这类具有畲族特色的装饰词条在提升美观性的同时也能更具象地传递畲族的文化形象，体现民族风情和文化特色，增加人们对畲族图案的熟识度。

六、结语

文章对畲族传统图案进行了特征提取与简化，并与现代的互联网审美相结合，最终应用于畲族特色旅游APP的界面视觉设计。以现代语境、结合界面视觉设计的形式呈现出丰富的畲族文化，实现了畲族文化的现代设计转译。但保护和发扬传统文化的道路远不止于此，要将古老的中华民族传统文化传承下去，让它在互联网时代大放异彩，还需要现代设计师们的共同思考和努力。