基于用户体验的“中阳剪纸”网站设计研究

王晶 黄成刚 张成义

（青岛大学纺织服装学院，青岛 266075）

在过去，对于“中阳剪纸”的宣传与保护手段相对较为单一，而在信息智能化时代下，互联网的出现改变了传统的信息传播方式，大众可以通过上网快速了解新事物，文章基于用户体验的理论探索“中阳剪纸”的网站设计，将现代互联网技术与传统剪纸艺术充分融合，向用户展示“中阳剪纸”魅力的同时呼吁更多的人关注剪纸文化，这对于“中阳剪纸”可持续发展和传承具有现实意义。

1 用户体验概念解析

用户体验（User Experience，简称UE/UX）的概念最早是由美国用户体验师唐纳德·诺曼在20 世纪90 年代提出来的，即用户在使用一个特定产品、系统或服务时建立起来的纯主观心理感受[1]。简单来说，就是用户在实际使用某个产品过程中所产生的感受，包括心理感觉、肢体感觉，以及使用产品后用户的感知情绪和生理反应。

2 “中阳剪纸”面临的主要问题分析

“中阳剪纸”是流传在山西省吕梁市中阳县的一种民间手工艺术，历史悠久，内涵丰富，形式多样，是中华优秀传统文化的组成部分。透过“中阳剪纸”，大众可以体会到创作者对民俗生活的理解，对美好生活的追求，对思想情感的寄托，具有较高的审美与历史文化价值。“中阳剪纸”于2006 年被国务院列入首批国家级非物质文化遗产保护名录，2009 年被联合国教科文组织列入世界文化遗产[2]。

随着时代的变迁，“中阳剪纸”的传承和发展受到了阻碍，笔者通过资料文献查阅，实地走访等方法，将现阶段“中阳剪纸”面临的主要问题分为以下几点：（1）老一代传承人逐渐减少，年轻人对剪纸艺术的兴趣不高、参与不足；（2）传统剪纸与现代市场严重脱节，虽然进行了相关文化创意产品的设计，例如书签、印章、包装袋等，但整体创新性不足，大部分都是简单的图案借鉴，产品没有实用性，市场认可度较低；（3）经济水平落后，缺乏资金支持，使得“中阳剪纸”一直处在一个相对封闭的环境[3]；（4）传播方式单一，外界宣传力度小，“中阳剪纸”主要靠家族相传及口耳相传，大部分人希望通过网络更全面地了解“中阳剪纸”艺术[4]，但是目前没有对应的网站。

3 基于用户体验的“中阳剪纸”网站设计功能

3.1 开放性

目前，“中阳剪纸”主要是通过线下活动来进行传播，传播范围较窄，传播效果不佳。而在互联网技术的支撑下，设计基于用户体验的“中阳剪纸”网站，用户可以不局限于地域、语言、文化等方面因素，通过不同的平台及时、全面地获取有关剪纸艺术的信息，更具开放性的同时也为用户带来高质量的体验[5]。

3.2 便捷性

网站具有传播速度快、范围广、内容丰富、交互性强等特点，带给用户更加便捷的信息获取方式。基于用户体验的“中阳剪纸”网站设计，可以让用户随时随地通过互联网访问网站，轻松自由地了解和学习相关剪纸知识，降低时间成本。而管理人员也可以将收集到的资料及时上传更新到网站上，快速高效地让用户看到。

3.3 教育性

非物质文化遗产是中华传统文化的重要组成部分，保护和传承非物质文化遗产是每个人的责任和义务。基于用户体验的“中阳剪纸”网站可以让用户系统直观地了解认识“中阳剪纸”，学习剪纸手艺，并在学习过程中感受剪纸艺术的魅力，提高自身的动手能力、审美水平及创新能力，加强对“中阳剪纸”非物质文化遗产的理解与认同。

3.4 传承性

过去，对于“中阳剪纸”的纸质作品不适合长时间保存，且容易遗漏，而基于用户体验的“中阳剪纸”网站可以不分时间、地点地将大量具有历史文化价值的珍贵剪纸作品与资料上传到网站中，进行分类整理，永久保存。此外，利用网站独特的设计及丰富的展示，还可以让用户随时随地进行浏览观看，有利于“中阳剪纸”更好地传承、保护、延续。

4 基于用户体验的“中阳剪纸”网站设计原则

4.1 功能性原则

“中阳剪纸”网站的设计要具有实用性，即让用户一目了然地知道网站的功能，更好地向用户传递“中阳剪纸”相关信息，满足用户上网获取信息的需要，实现网站的易用性和易读性。整个网站可分为用户前端界面和管理员后台管理界面两大部分，用户可以通过网址进入网页浏览各个模块，管理者可以从网站中登录到后台进行网站内容编辑、上传、发布与管理。

4.2 审美性原则

网站是否符合用户的审美需求会直接影响网站的浏览量[6]，因此，基于用户体验的“中阳剪纸”网站设计要具有美观性，内容排版要和谐有序，有主有次，界面设计要简洁，具有良好的可操作性，使用户操作起来方便快捷。除此之外，应注重用户体验，要以多样化的媒体形态展现“中阳剪纸”独特的民俗艺术风格和文化内涵，使用户在浏览过程中赏心悦目。

4.3 情感性原则

“中阳剪纸”网站设计不仅要满足用户的功能、审美需求，更重要的是以人为本，给用户创造一种愉悦的视觉听觉环境和阅读享受，比如可以使用大量的剪纸作品图片来丰富人们的视觉，讲好每个作品背后的故事，触及用户的内心，激发用户的情感，与观众产生共鸣，并通过留言互动设计，加强与用户的情感沟通。

总的来说，“中阳剪纸”网站设计应将用户体验贯穿于整个设计之中，以用户为中心，从而营造友好舒适的使用环境。

5 基于用户体验的“中阳剪纸”网站设计流程

用户体验设计是一种以用户为中心的设计理念，要站在用户的角度来探究什么样的用户体验是更加合适友好的，基于用户体验的“中阳剪纸”网站设计流程主要包括用户分析、内容架构、界面设计、技术路线、调试与发布、后期维护六大步骤，如图1。

图1 基于用户体验的网站设计流程

5.1 用户分析

用户是网站的使用者，在进行网站设计时要明确网站的目标用户群体，建立“以用户为中心”的设计理念，且要准确掌握用户需要什么，从而更好地为用户服务。

文章通过对不同年龄、身份、行业的人群进行问卷调查，调查的主要目的是了解大众对“中阳剪纸”非物质文化遗产的认识和态度，共回收46 份有效问卷，根据问卷总结得知，有35.6%的人群平时会通过观看电视或参观展览来了解非物质文化遗产，但是他们并不知道“中阳剪纸”，由此可见，目前“中阳剪纸”的宣传范围不太广泛，宣传效果不太明显；有51%的人群希望通过上网了解“中阳剪纸”非物质文化遗产，这类人群年龄位于18—40 岁，他们对于上网比较熟练；有9%的人群从不会关注非物质文化遗产；有4.4%的人对于“中阳剪纸”艺术很感兴趣，希望可以通过上网学习剪纸，了解传承人资质，希望成为一名合格的传承人。

因此，“中阳剪纸”网站主要分为四种用户人群，如表1：（1）青年人群：这类人群好奇心强，乐于尝试新鲜有趣的事物，具有一定的文化教育水平，因此，这类人群往往会因为学习、参观、休闲、娱乐、社交等各种原因登陆网站获取信息；（2）剪纸爱好者或是想成为剪纸传承人的用户：这类人群喜欢剪纸，平时对剪纸有一定关注度，因此他们都会多频次使用网站，学习剪纸技艺，但由于这类人群覆盖年龄、职业、性别、受教育程度都不相同且还有部分不擅长使用网络的人群，因此在设计中必须重点关注此类人群的操作体验以及如何引导他们使用；（3）“中阳剪纸”网站的后台管理者：这类人群对“中阳剪纸”具有一定了解和认知，具有一定的文化专业性和网站使用经验；（4）其他。

表1 “中阳剪纸”网站用户分析

5.2 构建网站内容框架

内容架构是网站的骨架[7]。建立一个科学合理的网站结构十分重要，在设计结构时，要考虑到用户有可能采取的每一个动作，以保证他们在使用网站时能够快速地找到自己所要的信息。“中阳剪纸”网站采用了层级式的结构，这种结构形式更有逻辑性，便于后期管理与维护。因此，“中阳剪纸”网站从“首页”“大师传承”“云游展馆”“新闻动态”“非物质文化遗产课堂”“联系我们”六个模块展开，如图2。

图2 “中阳剪纸”网站内容架构

“首页”模块首先是轮播图，通过轮播图的形式使信息更加灵活地出现在大众视野中，其次是内容，通过图片或视频简要介绍“中阳剪纸”的发展历程和文化内涵；增添图文与视频介绍，利用视听觉多重体验建立起用户对“中阳剪纸”的美好认知与形象。“大师传承”模块主要介绍“中阳剪纸”的传承人及简介，按照等级分为国家级传承人、省级传承人和市级传承人，都将以图文并茂的方式呈现出来，用户可以通过筛选功能更加快速精确的查询。“云游展馆”模块主要展示优秀剪纸作品，作品类别通常包括民俗、岁时节令、人生礼仪、神话传说等[8]，题材丰富，蕴含丰富的文化内涵，此外，可以利用虚拟现实和3D 漫游技术将虚拟事物与现实剪纸展览馆完美结合，让用户足不出户就能参观剪纸展览，具有较强的沉浸感和趣味性。“新闻动态”是反映政府针对剪纸文化所作工作的窗口，例如剪纸文化艺术节、剪纸比赛、剪纸走进课堂等活动，管理员在后台及时更新工作动态。“非物质文化遗产课堂”主要是对剪纸工艺进行详细讲解，向大众普及剪纸工具、剪纸程序及剪纸手法等相关知识，后台管理员也可以发布相关培训的通知，让更多的人加深对“中阳剪纸”的美好认知，吸引对此感兴趣的外界人士深入研究。“联系我们”这项功能旨在加强和外界的互动及沟通。通过该项功能可向后台管理员留言提问，发表各自观点，管理员在这里为观众答疑解惑。

5.3 界面设计

5.3.1 布局设计

在设计网站时，好的布局可以使页面内容更加清晰有序地展现出来，内容有疏有密，主次分明，让用户易于理解和使用。常见的网站布局一般分为以下几种：“同”字型布局、“匡”字型布局、“吕”字型布局及自由式布局[9]。“中阳剪纸”网站布局采用了日常生活中最常见的标题正文型布局[10]，从上到下依次为页眉、正文内容及页脚，适当添加线条作为辅助提示，强化网页的美感。

5.3.2 文字设计

不同的字体、字号、行距给人以不同的的视觉感受，在字号的选择上要反复斟酌，如果字号太小就会使用户阅读困难，产生视觉疲劳感，因此在“中阳剪纸”网站设计中，采用了比较规整的微软雅黑字体，导航栏上的字体加粗，使用户一眼就能定位到具体的版块；轮播图中“剪纸”二字采用手写体，与导航栏的标准字体形成对比[11]；文本周围适当留白，使用户在阅读时不至于感到压抑，下面说明性文字采用适合的行间距，提高文字可读性。

5.3.3 色彩设计

人类的五种感官在接受外界信息时主要以视觉为主，用户首次进入网站时，首先被吸引的就是网站的色彩，合理的配色可以大大提高用户的兴趣，给用户带来美的享受。在进行“中阳剪纸”网站设计时，考虑到“中阳剪纸”通常以红纸为载体[12]，因此网站主要选取红色为主色调，黑色为辅助色，米白色为背景色，红色穿透力强[13]，可以给人以温暖、兴奋、热情的视觉感受，红黑强烈对比，刺激用户的眼球，并能带来独特的视觉体验。其中红色的颜色值为#8C0000，黑色的颜色值为#1A0000，米白色的颜色值为#FFFCF5。

针对以上思路，设计了“中阳剪纸”网站轮播图界面、页尾、大师传承界面以及云游展馆界面，如图3—图6。

图3 首页轮播图界面

图4 “中阳剪纸”网站页尾

图5 大师传承界面

图6 云游展馆界面

5.4 技术路线的支持

根据以上界面设计，“中阳剪纸”网站开发需要采用的基层语言有HTML5、CSS3、JavaScript。HTML（Hyper Text Markup Language，超文本标记语言）是用来描述网页的一种标记语言，用于网页结构的搭建，与HTML4 相比，HTML5 增加了很多非常实用的新功能和新特性，它支持多媒体元素，开发成本低，具备强大的兼容性及良好的跨平台性能，能提供更快、更简便的服务，增强用户体验。CSS（Cascading Style Sheets，层叠样式表）主要是用于控制网页在浏览器中的显示样式，如文字大小、颜色、字体加粗等，CSS3 是CSS2 的升级版本，新增了许多样式，且遵循模块化开发，提高了代码执行效率。JavaScript 是一种具有函数优先的轻量级，解释型或及时编译型的编程语言[14]，用于实现网页上的各种动态交互效果，例如鼠标悬停时弹出下拉菜单、活动倒计时、图片轮播等。

此外，为了确保网站与不同移动应用设备呈现适配效果，因此在“中阳剪纸”网站的设计中应当采用响应式设计，以适应不同设备的屏幕尺寸。响应式网页设计（Responsive Web Design），是伊桑·马卡特（Ethan Marcotte）在2010 年提出的[15]，是指网页的内容和布局根据用户行为以及设备屏幕的尺寸、分辨率等进行相应的响应和调整，保证在设备上很好的呈现出来。响应式网页设计的实现，让用户在使用过程中感觉体验流畅，并且不用因为不同设备导致页面显示不完整的问题而困扰，用户的使用需求和视觉需求都能得到更好的响应。在响应式设计中，可以采用弹性布局[16]，不对网页的宽度作任何设定，使网页内容的位置弹性化，使之能够在不同尺寸的硬件设备上自适应的显示，实现自动调整位置并最终进行效果展示。

5.5 调试与发布

在此阶段应对“中阳剪纸”网站进行可用性测试，包括导航测试、内容测试、图形测试及整体界面测试，细致观察测试者的行为并进行相关评估与分析总结，这是网站设计非常重要的环节，用于检验设计的合理性，所有问题都解决之后，就可以发布网站。

5.6 后期维护

在“中阳剪纸”网站上线后，首先需要定期实时更新网站内容，上传新动态，或者新增功能以及网页特效，这样才能保证网站生命力；其次，网站需要定期安全检测，检查代码，以免遇到漏洞，影响用户体验；最后，推广网站也是后期必须要做的一项工作，它可以帮助“中阳剪纸”网站拓展更多用户。

6 结论

文章为非物质文化遗产“中阳剪纸”在现代互联网领域中的可持续传播填补了空白，为基于用户体验的传统文化相关网站设计提供了较为重要的参考。有效地宣传了“中阳剪纸”，并促使用户更加全面地了解“中阳剪纸”，使“中阳剪纸”被更多的人所喜欢。与前人的研究成果进行比较，文章创新点在于将“互联网+”与“中阳剪纸”非物质文化遗产进行了创新性融合，在原有传统传播手段的基础上将“中阳剪纸”非物质文化遗产与现代网页的优势相结合，拓展更宽的传播路径和更为广泛的空间，以实现“中阳剪纸”非物质文化遗产的更好传承与更高阶段性的发展，具有较好的实用价值。目前研究还存在一些问题，比如用户人群调研问卷数量较少，未能全面考虑不同用户的个性化需求，具有一定局限性，在网站代码书写、后台数据库搭建等相关技术的实现上也存在问题，因此，在后续的研究中需要增加用户调研，全面深入研究用户需求，在技术实现上，学习使用HTML5、CSS3、JavaScript开发语言，搭建响应式网站，从而真正实现“中阳剪纸”网站的上线。