徐州传统建筑数字文创产品设计研究

朱雪

关键词：徐州传统建筑 数字文创 产品设计 互动体验 IP形象

引言

徐州传统建筑文化底蕴深厚，但由于人们对建筑遗产价值认识的不足，在实物修复和商业开发中，缺少现代审美层面的衍生与传承，无法确保传统建筑文化可持续发展。我国5G时代的来临催动传统建筑经历“数字变革”，以现代审美趋势为引领，将文化创意进行数字化升级，加速了传统文化的传播速度。挖掘地方传统建筑文化内涵，完善数字艺术创作、文创产品推广的相关理论性成果，为地方传统建筑文化遗产活态传承研究提供新的切入点，让更多人主动参与文化研究和传播，进而推动徐州传统文化产业转型升级。

一、数字文创产品概述

（一）数字文创产品发展背景

数字文创属于数字信息技术与文化创意产业融合而生的新兴产品形态，是利用计算机图像、虚拟交互等现代数字技术，以新媒体平台为基础进行推广的一类创意服务型产品。近年来，我国大力扶植数字创意产业，多维路径探索数字创意产业发展模式。2021年6月，文化和旅游部发布《“十四五”文化和旅游发展规划》，提出深度应用5G、大数据、云计算等技术，推动数字文化产业加快发展，丰富个性化、定制化、品质化的数字文化产品供给举措[1]。数字文创产品有潜力成为中国传统文化传承与发展的新领域，有着得天独厚的背景条件：第一，符合我国正在实施的网络强国战略需求，数字文创产品可以让文化遗产以更灵活、便捷的方式进行传播;第二，符合人们当下精神层面消费观念，满足消费者日益增长的精神需求。第三，符合体验经济的产品设计理念，在虚拟交易过程中能够满足消费者多样的互动体验，内容更新快，适合信息化时代的体验要求[2]。

（二）数字文创产品设计原则

数字文创产品在创作过程中要以市场需求为出发点，根植于地域文化，凸显差异化趣味性创新设计，拓展高效传播渠道，才能获得消费者的认可[3]。

1.体现地方特色文化：数字文创产品开发离不开地方特色文化内涵的支撑。要充分考察当地自然环境与历史背景，挖掘文化文物特征，吸取当地特有的民间艺术精华应用于数字文创产品设计中，借助信息传递的高效能推动地方文化的传播。

2.融合创新性数字技术：数字文创产品应结合最新的科技理念，增强产品的体验性能，加强叙述性功能，代入真实环境的感官体验，能够让受众群体真切体会到传统文化带来的年代氛围与独特魅力[4]。

3.突出差异化趣味化特点：根据市场需求的多样性以及购买行为的差异化制作不同风格、质量以及规格的系列数字文创产品，突出差异性。融合当下热点趋势，将视觉元素萌化为Q版表情包，推出互动游戏、主题App等，增强受众的趣味性感受[5]。

4.拓展高效传播渠道：数字文创产品在后续传播中应推广线上体验式影像与互动型产品，提高大众参与产品创作的兴趣，利用文字、图像或短视频等方式将作品与心得在平台中分享，为传统文化的高效传播打下良好的基础。

二、徐州传统建筑数字文创产品设计思路

（一）徐州传统建筑数字文创产品传播现状

目前在对徐州传统建筑文化的保护与传播上，开发形式相对单一，集中在有限的文化符号传播上，徐州传统建筑蕴含的非物质文化遗产提炼较少。民众对于建筑思想、生态环境保护、传统文化理念的认知层面狭窄。文创产品的开发以及数字化创意研发，忽略现代审美特征的支撑，缺少精神层面的沟通，难以建构起良好的购物体验。在互联网平台推广方面，徐州传统建筑文化的线上互动平台和文创作品较少，尚未形成有效的数字产品功能。

数字文创产品是信息化时代下徐州传统建筑与民众沟通的良好媒介，应以现代设计思维开发出产生愉悦体验感的数字化产品。针对受众群体的购买行为以及心理需求，划分数字文创产品的价格与功能，让产品的图形、文字、功能性与地域特点、传统建筑底蕴文化、人文精神完美融合。

（二）设计思路

徐州传统建筑数字文创设计，素材的择取至关重要，在对传统建筑的年代、文化底蕴、形态特点等分类调研的基础上，要确定数字文创的设计目标：突出视觉形象的特殊性与功能界面的实用性;紧抓主题做设计，强调品牌特点，形成品牌效应。

以徐州传统建筑App数字文创产品设计为例，围绕设计目标，首先要进行图像数据搜集、提炼整合，融入徐州地方民俗与建筑装饰艺术特点，设计出具有典型地域特色的国潮风传统建筑数字插画;在形成视觉图式的基础上进行提取、转译，对界面内容层层编排，吸取插画的造型、色彩及动态元素，设计出具有特色的标志、图标与界面;结合 App主题完成徐州传统建筑IP形象与衍生品设计，建设色彩、结构、动态统一的数字文创品牌，设计思路如图1所示。

三、徐州传统建筑数字文创设计实践

（一）视觉形象提炼与设计

1.图像采集分类：南北交融的地理特点造就徐州地区独特的建筑特色，这里选取唐代燕子楼、宋代黄楼、明清时期的崔家大院、刘家大院以及近代的钟鼓楼作主要目标进行调研。在图像采集的过程中要把握好真实与艺术性的分寸，全面反映出徐州传统建筑的风格特点，在图像记录中要求构图简洁统一，为数字化创作提供第一手感性资料[6]。图像处理编辑过程需要借助数字化信息管理系统来完成。将不同格式、类别的素材数据通过分类、剪辑、转换、过滤，最终成为基础信息资源。

2.提炼建筑视觉元素：徐州传统建筑风格南北交融，又具有地区特有的粗犷朴实特点。在用色上多见青砖灰瓦，大门或者窗格子等局部会使用到少许亮色作为点缀。建筑中的装饰常采用原生材料直接雕刻，洗练利落，气势雄厚，在题材上以山水花鸟为主[7]。在调研的目标建筑物中，提取具有代表性的装饰纹样，如吉祥文字等，将其重新排列组合，生成明朗線条的纹样图案。建筑物周围环境的绘制要融合美好意愿的事物，如成双成对的飞燕，屹立不倒的松石以及象征富贵吉祥的鲤鱼、莲花等。对于色彩的提炼则融合了徐州地方年画中五色观的处理方式，将原本青灰色的建筑转化为以青砖绿瓦做顶，黄橙暖色做墙面的搭配方法，突出祥和喜庆的色彩关系，辅助红色、深紫作为对比协调，避免了视觉上的单调，与徐州人质朴爽朗的性格以及朴素的心理需求相吻合。

3.绘制数字插画：通过对徐州传统建筑进行图像采集分类与视觉元素提炼，结合当下流行的国潮风插画语言进行数字插画绘制。主要体现徐州人文自然、历史文化等元素，衍生出实体文创、数字文创以及动态影像等系列产品，通过对插画内容的重组拆分与调用，可以保证文创产品的视觉风格高度统一。

在采集图像的基础上以线为元素进行建筑物的外形描绘，删减不必要的细节，突出主体形象。画面主要为对称的构图方式，对提炼的线稿进行适当的变形处理，突出建筑的视觉焦点。辅助对象则以和谐均衡的方式围绕在画面四周，在造型与色彩的处理上装饰性较强。如图2所示，钟鼓楼数字插画是竖式构图，线稿提炼的较为简洁，转化为插画时楼体有了透视的变化，呈现出仰视的角度，在楼体周边加入了不同时代的建筑、海浪、植物、海燕、明月与云彩背景。色彩搭配上对于楼体与环境背景采用了对比协调的处理方法，楼体的色彩纯度较高，周边环境纯度相对较低，突出建筑视觉中心的画面效果。

（二）徐州传统建筑App界面设计

1.设计风格定位：依靠数字技术手段，向受众群体提供了解地方传统文化并且可以购买文创产品的网络平台，能够有效提升地方传统文化竞争力[8]。徐州传统建筑App数字文创产品不仅仅局限在对地方建筑文化图像与文字的宣传上，还融合了商户、社区等功能，受众群体年龄层次更加广泛。界面设计采用传统建筑数字插画的国潮风格，打破了人们心目中沉稳厚重的建筑形象，呈现出清新明快的格调，主页中各类建筑图片以插画的形式展现，营造出活泼、简约美观的体验氛围。选取插画中造型鲜明的视觉元素，在各个板块设计中渗透着文化交融的氛围。界面设计以大尺寸图像居中展现，文字与按键为辅的重心型版式为主，符合现代阅读习惯中的图像视觉优先原理。

2.信息架构设计：徐州传统建筑App数字文创产品将文化元素融入到界面信息架构，必须让用户拥有情感化的体验过程。信息架构主要按照首页推荐—发现页—商城页—我的主页结构进行搭建，每个板块下设置层级结构，父级节点下链接着不同子节点，层层递进。在首页中设置节日以及今日建筑的特别提醒，将徐州传统建筑今日重大事件放在用户最先体验的环节，借助事件的背景介绍、文学与影像作品让用户产生兴趣并继续浏览界面。发现页中的建筑信息根据不同年代分类，链接简洁明了，将有用的信息最大化呈现，获得用户的文化认同感。平行架构中的商城页以及我的主页根据用户需求实现自编辑式选择，不同于其他购物App信息量巨大的搜索设计，采用差异化精准导航、图像优先的搜索模式，凸显文创产品的视觉元素与使用性能，构成良好的互动体验。

在App主板块以下层级的架构设计中，使用线性结构进行链接，如发现页板块下按照时间顺序展示各朝代的代表性建筑，每个分页面中按简介、图文、影像信息又划分为3个部分，依序显示相应的选项，为用户提供清晰的步骤指引，如图3所示。App的交互方式主要通过单击、滑动、双击屏幕的方式实现，也可以点击底部图标中设置的加号按钮实现语音交互。

3.构图设计：徐州传统建筑App以手机屏幕的竖构图为主，分为引导页、登录页以及内容页三种类别。在整体构图规划中，将界面设置为均衡式布局方式，力求稳定、和谐的视觉效果。构图设计中借鉴了徐州民俗年画的形式，将主体图像放置中心位置，边缘留白，用小篇幅文字、图形作为局部上的呼应，疏密得当。同时结合现代设计观中的极简主义表现方法，增强重要信息的视觉冲击力，突出简捷性时尚性。

引导页是用户第一次打开App所看到的界面，在页面的布置中采用主图加文字的点线面构图方式，主图面积较大，由不同的建筑插画形成随机的引导页显示，左右对称的构图具有很强的秩序感和指示性。登录页同样使用青蓝主色作为背景色，构图简明，页面上的条列一目了然，方面用户输入信息，如图4所示。内容页包含四大板塊，仍以竖式均衡构图为主，展示最新资讯推送以及重要的应用信息。数字插画以引导图形或者背景图的形式出现，起到增强视觉感染力的作用。除了主视图外，内容页中的导航与工具栏分别设置在顶、底以及左侧页面的位置，根据用户的操作习惯在顶部有引导、搜索、页面设置的导航按钮。

4.视觉元素与板块设计：徐州传统建筑App界面中的视觉元素设计沿用数字插画中均衡饱满的形象表现方式，将各个图形分解应用在不同功能界面中，起到统一板块视觉内容的作用。建筑形象、云纹、松柏等具有代表性的视觉元素以及色彩、图形、字体在经过变形重组后构建成App的视觉符号体系，起到传统文化元素延伸传播的作用。

色彩在界面视觉元素设计中是至关重要的一环，具有主观情感性，同时统一搭配也会使界面主题一致。徐州传统建筑App使用的主色选自数字插画中出现较多的青色，有轻快柔和、古朴高雅的视觉效果，配合点缀的互补色使用，符合当下流行的国潮风色彩搭配原则。App视觉元素中最特殊的视觉符号是标志，要将地方特色建筑以标志图形的形式简练直观地表现出来，首先要选取合适的具有广泛认知度的形象，这里选择了徐州燕子楼作为标志的原型，燕子楼上下回廊环绕，飞燕檐角形状的建筑风格是徐州传统建筑中的典型，在标志设计中使用线条与面块的组合方式，用浅黄色单色填充，在青蓝色背景以及彩色背景下较易识别。应用图标在界面中占比不大，但却是App中品牌功能性的象征，在图标的设计上采用线性设计方式，以点线结合表现图形。根据功能界面分为“主页、历史、商城、我的”四类图标，“主页”图标为古代建筑形态，“历史”

图标使用展开的卷轴形象，“商城”图标为古代的钱币，“我的”图标设计为穿古装的简化人物，凸显中国风的特点，如图5所示。图标的字体对界面视觉元素的构成起到主题象征性与导向功能的作用，在设计中通过简单的字体变形，对文字样式进行改变，类似古印章的字形，区域内文字保持统一。

徐州传统建筑App通过今日推荐、发现页中建筑物历史图像介绍，商城页中线上商品售卖以及我的主页自编辑的模式实现用户文化体验到文化消费的过程。“主页推荐”板块可以让用户随时通过移动设备获取传统建筑、地方文化新闻与与相关文化信息。“发现页”板块的主要功能是满足用户查阅历史文献与线上观展的需求。按照时间线罗列各类建筑物，点击图标进入后可以观看古建筑图文与影像的内容。影像部分可以同步线下的博物馆以及民俗建筑的展览，用户足不出户就能欣赏到徐州各地著名建筑以及二维、三维动画影像视频，线上观看的同时，也可以通过App不定期推出的互动问答活动赢取文创礼品。“商城页”板块与“我的主页”板块自由度较高，互动性较强，以文创产品推广以及DIY数字文创体验为主，通过互动体验，用户自发的解读传统建筑的文化价值与精神价值，在购买的过程中徐州传统建筑文化得以延续与传播，如图6所示。

（三）数字文创衍生品设计

1.IP形象设计：徐州传统建筑IP形象创作中结合了现代动漫造型“Q版”的特点，融合当地民间年画中娃娃的诙谐幽默表现风格，形象萌趣可爱，具有亲和力，更易被大众接受。为了避免徐州传统建筑IP 形象的同质化，挖掘徐州本地民俗典故，提取App中的视觉元素，延用图标造型，将燕子楼屋檐一角转换为IP形象的发型，服装采用简化的汉服样式，表情喜庆呆萌。围绕IP 形象开发系列数字文创衍生品，将现代流行的祝福语融入表情包设计，衍生出“锦鲤在手”“祝你橙功”等表情包以及手机壁纸等，如图7所示。用户可以把IP形象的数字文创衍生品用在网络平台的互动交流中，在视觉多维化展现中扩大IP形象的知名度。在后续的设计中将进一步融合徐州方言、网络流行语，加入幽默诙谐的对话与情景，制作动态故事与短视频，在移动媒体平台上推广，用户观看视频时会产生情感反馈，激发与IP形象的情感共鸣[9]。

2.数字文创衍生品设计：徐州传统建筑数字文创衍生品是基于App以及IP形象推广形成的数字服务型产品。在App中有提供DIY的板块，可以实现私人定制的功能。用户根据个人喜好可以选择IP形象不同的服饰、表情的线稿填充颜色，搭配平台图形资源中各式背景图案组合成实物产品，如鼠标垫、方巾、抱枕等，设计完成后提交到后台处理等待收货[10]。在DIY板块也有半成品图案和動态桌面主题，用户选择后加入自己的照片、语句、字体，制作出专属表情包、手机壁纸、聊天背景和数字明信片，让人们拥有自主设计乐趣的同时进一步认同并传播传统建筑文化。在数字文创产品平台上以IP形象作为吉祥物推出网络课程产品，由文化名人担任讲师讲授徐州传统建筑历史文化以及各类文创产品制作等内容，推广手工艺人、设计师的文创作品，拓展文创设计与传统建筑文化的结合方式。

结语

徐州传统建筑数字文创设计打破了当下地方传统文化传承的困境，是数字化时代下地方传统文化传承与推广的载体。对建筑图像创新性的提炼与转换，结合传统文化特征、现代审美元素凝聚形成文化IP，确保了地方传统建筑文化遗产整体性的塑造。通过App数字文创产品的开发，将建筑文化与娱乐互动融合，让用户在轻松愉悦的体验中感受徐州传统建筑的文化价值。移动设备登录使用的模式保障了数字文创的鲜活生命力，通过App的应用与推广，让更多用户参与到地方传统文化传承传播中来，搭建了地方传统文化商业转化的桥梁。