The 13th International Conference on Computer Science amp; Education (ICCSE 2018)

August 8-11, 2018. Colombo, Sri Lanka ThuP3.28

Research on UI Visual Design of Intangible Cultural Heritage Digital Museum Based on User Experience

Yanting Tong College of art and design

Wuhan University of Technology Wuhan, China 44627519@qq.com

Binyue CUI

School of Management Science and Engineering

Hebei University of Economics amp; Business,

He Bei China binyuecui@gmail.com

Yulin CHEN Department of Mass Communication

Tamkang University Tai wan, China yulin0703@gmail.com

Abstract—With the development of multi-sensory design and digital technology, intangible cultural heritage can be disseminating through the virtual exhibition of digital museum. The establishment of a digital museum system for intangible cultural heritage will help to realize the sharing of intangible cultural resources and promote the full spread of the functions of intangible cultural heritage.

Starting with the users psychological needs and users characteristics of the non-legacy digital museum, the UI visual level design of the non-legacy digital museum based on user experience is to discuss the cultural psychology, visual perception, and comfort of the user in the process of using the non-legacy digital platform, and discuss the interface layer of the non-legacy digital museum. It mainly focuses on three aspects of visual hierarchy design: color, text, and layout. At the same time, we can use the grid system to create a good visual atmosphere, enabling users to experience better in the visual sense. It makes the design leads to a beautiful user experience through the cultural element display and aesthetic sense of the interface, and guides the user to complete the interaction process. By keeping the usability of the interface, effectively controlling the text, color and image of the interface to ensure it can be used easily. This study tries to create an immersive process for users to get an unforgettable experience.

Keywords—Intangible cultural heritage, user experience, visual hierarchy design.

1. USER NEEDS ANALYSIS OF THE NON LEGACY DIGITAL MUSEUM

Intangible cultural heritage is a special heritage of mankind. It has its own particularity compared with the material and cultural heritage of mankind. This particularity is manifested not only in external form but also in connotation. It has the characteristics of inheritance, sociality, intangibles, pluralism and living nature. The digital museum must highlight the characteristics of intangible heritage, both in content and in visual form in the information age.

The experience design of the digital museum is based on the psychological needs of the users. It takes full consideration

of the users visual perception and comfort in the process of using, and tries to create a fluent feeling for the user to immerse itself in the process, so that users can fully mobilize their enthusiasm and obtain an unforgettable experience. The non - Legacy digital museum is a service for users with different needs. So making sure users want which kind of content and function can help decide which way to present the content and function. This article focuses on three types of intangible heritage digital museum users:

• 1. Users of leisure and sightseeing

In modern times, tourists usually choose to browse information and arrange trips through the Internet. Therefore, through the entry of the site of the non - Legacy digital museum, people can have a deep and detailed understanding of the local culture and this intangible cultural heritage, and will be impressed. This kind of user needs the guidance of visiting, tourism sharing and other services, so the digital museum can plan and design functions such as map positioning, map guide, tour route, ticket booking, and social platform and so on.

• 1. Users of learning and research

Education has always been the core function of the museum. The digital museums appearance not only provides high quality learning resources for the general learners, but also provides a new way of Education Research for experts and scholars of professional research education and all kinds of students at all levels. The huge student group cannot be neglected in the digital museums audience. Their cognition and emotion are the soil for the growth of non-heritage and the cornerstone of sustainable development of non-heritage. The Museum of intangible cultural heritage needs to provide quick access to knowledge, appreciation and social sharing for science and education personnel and student groups.

• 1. Users of museum management

There are a large number of non - Legacy projects, and the related practitioners are also a large number. There are great differences in the professional skills, professional qualities and professional standards of their employees in this field. The

communications in industry have not been smooth developed for many years due to time and place and some economic problems. The construction of the digital museum has greatly solved this problem. Non - related practitioners can find professional knowledge in their own industry, and also understand the development and trend of other non - Legacy projects, learn good experience of others, and make up for their own short. We have reached a consensus on the exchange of non-heritage industries to facilitate common development and progress of this field. Therefore, for this kind of management users, the digital museum platform can provide ticket management, exhibition information ma

剩余内容已隐藏，支付完成后下载完整资料

基于用户体验的非物质文化遗产数字博物馆UI视觉设计研究

摘要：随着多感官设计和数字技术的发展，非物质文化遗产可以通过数字博物馆的虚拟展览进行传播。建立非物质文化遗产数字博物馆系统，有助于实现非物质文化资源的共享，促进非物质文化遗产功能的全面传播。

从用户的心理需求和非遗数字博物馆的用户特征出发，基于用户体验的非遗数字博物馆的UI视觉水平设计是讨论用户在使用非遗数字平台的过程中的文化心理、视觉感知和舒适度，并讨论了非遗数字博物馆的界面层次。它主要关注视觉层次设计的三个方面：颜色、文本和布局。同时，我们可以使用网格系统营造良好的视觉氛围，使用户在视觉上有更好的体验。通过界面的文化元素展示和审美感，使设计产生一种美好的用户体验，引导用户完成交互过程。通过保持界面的可用性，有效地控制界面的文本、颜色和图像来保证界面的易用性。本研究试图创造一个沉浸式的过程，让用户获得难忘的体验。

关键词：非物质文化遗产；用户体验；视觉层次设计

1 非传统数字博物馆的用户需求分析

非物质文化遗产是人类的特殊遗产。与人类的物质文化遗产相比，它具有自己的特殊性。 这种特殊性不仅表现在外在形式上，还表现在内涵上。它具有继承性、社会性、无形性、多元性、生活性等特征。无论是在内容上还是在视觉形式上，数字博物馆必须突出信息时代非物质文化遗产的特征。

数字博物馆的体验设计是基于用户的心理需求的。它充分考虑了用户在使用过程中的视觉感受和舒适感，并试图为用户营造一种流畅的感受，让自己沉浸其中，以便用户可以充分调动自己的热情，获得难忘的体验。非遗数字博物馆是为不同需求的用户提供的服务。因此，确保用户想要哪种内容和功能可以帮助决定呈现内容和功能的方式。本文重点介绍三类非物质文化遗产数字博物馆用户：

1.1休闲和观光的用户

如今，游客通常选择通过互联网浏览信息和安排行程。因此，通过非遗数字博物馆遗址的入口，人们可以对当地文化和这一非物质文化遗产有一个深入细致的了解，并将留下深刻的印象。这类用户需要参观指导、旅游分享等服务，因此数字博物馆可以规划和设计地图定位、地图指南、旅游路线、票务预订、社交平台等功能。

1.2学习和研究的用户

教育一直是博物馆的核心功能。数字博物馆的出现不仅为普通学习者提供了高质量的学习资源，而且为专业研究教育的专家学者和各级各类学生提供了一种新的教育研究方式。在数字博物馆的观众中，庞大的学生群体不可忽视。他们的认知和情感是非遗产成长的土壤，是非遗产可持续发展的基石。非物质文化遗产博物馆需要为科教人员以及学生群体提供快速获取知识、欣赏和社会共享的途径。

1.3管理博物馆的用户

这里有大量非遗项目，相关从业人员也很多。在该领域，员工的专业技能、专业素质和专业水平存在很大差异。由于时间和地点以及一些经济问题，工业通信多年发展不顺利。数字博物馆的建设极大地解决了这一问题。非相关从业者可以在自己的行业中找到专业知识，也可以了解其他非遗产项目的发展和趋势，学习他人的良好经验并弥补自己的不足。我们就非遗产业的交流达成了共识，以促进这一领域的共同发展和进步。因此，对于这种管理的用户，数字博物馆平台可以提供票务管理、展览信息管理、数据集成等服务。

“用于学习和研究的用户的信息”和“用于博物馆管理的用户的信息”是两种完全不同的方式。“休闲观光用户信息”应以第三种方式处理。对于一个需要大量内容和功能的数字博物馆界面设计项目，必须编译一份内容和功能列表以确保要求的优先级。战略层面的用户需求与范围层的内容和功能之间几乎没有一对一的方向。有时一个内容或功能可以满足多种用户的需求。同样，一组用户通常与许多不同的内容或功能范围相关。

那么如何满足不同用户的需求呢？作为一个数字博物馆，传达给用户的信息主要依赖于界面，这是视觉可以看到的部分。为了营造良好的视觉氛围，我们需要为用户提供良好的视觉体验，从而对数字博物馆产生心理上的兴趣和对网站内容的信任。

2 非遗数字博物馆的视觉层次设计

交互式体验必须建立在“看到并重新执行”的生理过程之上。因此，有必要满足视觉设计后的交互设计。用户界面的最终目标是“愿景”。著名设计师G Flaska认为视觉传达在将文本和图像转换为图形结果的过程中强调方法（设计）、目标（通信）和媒体（视觉呈现）。 这说明它在用户界面美学的可能性中起着至关重要的作用，而这个功能贯穿于界面设计的整个过程。

层次结构是管理中使用的一种组织形式，可以理解为一种管理模式，即集中化和分散化的异构组织结构。用户需要将标题、导航、内容和界面选项分开以形成可视层次结构。分层结构根据重要性对界面元素进行视觉分类。当用户界面的信息以简洁、结构化的方式呈现时，更容易理解和浏览界面。用户界面设计中的每个视觉元素都应该提示重要信息，每个元素都有存在的原因，否则会给用户带来麻烦。因此视觉层次不仅有助于界面导航的重要信息的沟通，还可以减少沟通的错误。

设计师经常在视觉元素的层次结构中使用网格结构，通过对称性、节奏性和重复性来处理和平衡视觉元素，帮助用户理解指令的内容和要执行的步骤。图案、颜色和纹理有助于用户识别用户内容块中的更改，空间的平衡，元素的接近度，线条，形状，图形，文本和布局的布局。,所有这些都有助于避免视觉上的混乱。 通过在不可见网格上构建可视化层次结构，我们可以引导用户在当前页面中快速查找内容。

视觉层次引导用户通过界面中的视觉元素、合理的层次结构和理性思维使界面更加美观。这也是非遗数字博物馆用户界面设计的重点。本文根据数字博物馆视觉层次的要素，将层次划分为三大类:色彩、文字和布局，并对其进行具体分析。颜色可用于连接重要的块和区分块。不同的字体为界面提供不同的关键字，例如衬线字体和内容块。在界面布局中，按照从左到右的读取顺序，重要的块放在左上方，次要块放在右下方。

2.1颜色的顺序和列

颜色在数字博物馆APP的界面设计中起着重要作用。颜色会影响人们的感知，并帮助用户感知界面的设计、导航和内容，还有对界面的感受、理解、浏览和阅读。因此通过界面的配色设计满足用户的视觉体验。除了考虑上述内容外，设计师还应掌握颜色标准，如选择合适的颜色系统，帮助传达准确的色调和信息给用户。

除了技术和数学结构，它还可以在潜意识层面影响用户的情绪。色彩是心理学和文化的定义。它在不同的文化背景下有不同的含义。通常，人们认为暖色会更清晰，更占主导地位，会产生拉、扩、跳的效果。相反，冷色调会有退缩感，中性色彩会产生较小的影响、情感和感知。因此，在博物馆的UI设计中，我们必须把握颜色所传达的情感和意义。

湖北非遗数字博物馆是湖北省非物质文化遗产项目的平台。考虑到非遗文化的特殊性以及展品非遗骸的色彩信息的复杂性，湖北非遗数字博物馆试图让用户清楚地看到白色背景的环境，利用非物质文化符号的色彩信息，以暖色中的红棕色为辅助色。

2.2文本的选择和应用

读者阅读和理解屏幕文本的能力是不同的。人们阅读屏幕的速度比阅读纸质媒体慢10％，而扫描内容远远超过完整阅读的内容。

用户界面文本以多种方式显示：导航、标题、文本内容块等。文本内容块位于分层用户界面中，因此读者可以知道最重要的内容和阅读顺序。导航元素、图像和视频的内容需要清晰显示，其中使用“列”来分割文本内容是非常关键的。设计师在“列”的帮助下，将文本划分为若干层视觉区域，这也是界面布局与内部网格布局共生的原因。

网格中的字体级别在增强网格中字体的可视级别方面起着重要作用。各种基于字体的界面元素包括文本的高度，最小图像（36px）字体到最小像素（11px），以及不同字体（黑体，大写，标准字体）的视觉权重。在任何情况下，每一行都将通过调整行距和确保文本可读性的基线进行对齐，从而实现可视化层次结构的标准化。

为了避免将网格列中的文本设置为右侧、中间和大小写，文本块应该易于识别和扫描。 为了确保文本块的明确性，最好在左对齐网格中设计文本块，因为左对齐的使用频率在文本中较高，并且可视处理规则左对齐。所以这种方法符合一般用户的阅读习惯。每个段落以两个字符空行（中文）开头，每个段有一行间距，这将有助于用户扫描界面文本。处理字体层次结构的另一种方法是更改字体的大小。由于粗体与一般字体的强烈对比，所以它可以用来吸引用户的标题导航。

2.3编排的层次处理

成功的界面构成将符合审美和层次化的满意度，而数字博物馆应用程序的布局和网格系统则要综合考虑构成实验、心理学、合理性、技术约束和交互原则。本节重点介绍了视觉传达设计的布局以及网格在数字博物馆应用界面空间布局中的应用。

布局是视觉设计元素的综合布置和排列，它包括图像、符号、文本、标题、颜色、色调、图像和空间。数字博物馆界面布局的目的是在界面的人物、颜色和图形之间创造一个有吸引力的视觉和视觉水平；组织和层次化信息，使用户易于理解突出关键信息；以正确的顺序创建正确的搜索信息序列的方向。

网格是设计者以可控方式安排内容和导航的内部框架，以促进视觉交流和设置用户界面的视觉焦点。网格的功能是以和谐有序的方式组织一系列分散的内容。它是一种支持页面内容传输设计的骨架结构。在界面设计中，首先，网格在布局中引入系统顺序来区分不同类型的信息。其次，用户浏览界面信息更方便简单。

3 用户界面美感的构建

美感是图形用户界面不可或缺的一部分。通过它引导用户完成交互过程，确保界面的可用性，并有效地控制界面的文本和图像，从而确保用户可以轻松实现目标的使用。美感所传达的行为和内容连接着用户的欲望和互动结果。

每个人都有感知美的本能。当一个事物的认知与本能一致时，它会产生一种美好的感觉。 因此，如果我们想得到用户的青睐，那么在设计视觉层面时要注重形式的美感和引导用户体验的美感。

对于非遗数字博物馆的界面设计，在前面讨论的方法和原则的基础上，我们应该把握大方向的形式美，尊重形式美的规律。一般来说，正确的形式美规则会让人同时感到身心的舒适。整体风格的统一、层次的鲜明、规律的变化和要素的统一，都是形式美规律的追求。

4 结束语

本文从视觉传达设计的角度出发，通过对界面视觉元素的顺序和排序方法的分析，对非遗数字博物馆界面设计中视觉元素的顺序进行了排列和整理。“湖北非传统数字博物馆”是用户界面视觉层次设计的一个突破。最后，我们可以通过优化界面的可视化设计的方式增强用户的操作体验。

参考文献

[1]David Wood.国际经典交互设计教程:界面设计[M].孔祥富译.北京:电子工业出版社,2015.

[2]Jamie Steane.国际经典设计教程:交互设计[M].孔祥富，王海洋译.北京:电子工业出版社,2015.

[3]Gavin Elin Wood, Peter Bill.国际经典交互设计教程:用户体验设计[M].孔祥福，路融雪译.北京:电子工业出版社,2015.

[4] Rudolf Arne Haim.视觉思维:审美直觉心理学[M].滕守尧译.成都:四川人民出版社,1998.

[5]Donald.A.Norman.设计心理学1:日常的设计[M].小柯译.北京:中信出版社,2015.

[6]Donald.A.Norman.设计心理学3:情感化设计[M].何笑梅,欧秋杏.北京:中信出版社,2015.

[7]Steve Krug.点石成金：访问至上的Web和移动可用性设计秘笈[M].蒋芳译.北京:机械工业出版社，2014.

剩余内容已隐藏，支付完成后下载完整资料

资料编号：[18650]，资料为PDF文档或Word文档，PDF文档可免费转换为Word