信息时代下的“字愈人心”——可变字体的情感互动表现研究“WordsHealPeople’sHearts”intheInformationAge—ResearchontheEmotionalInteractionPerformanceofVariableFonts

浙江理工大学艺术设计学院,浙江杭州

收稿日期:2023年3月24日;录用日期:2023年6月8日;发布日期:2023年6月15日

摘要

在我国汉字作为自我表达的终极形式,艺术疗愈当仁不让,但在居家隔离疫情政策下,人们的沟通仅限于移动端交流,冷冰冰的电子屏幕里不断刷新的文字信息枯燥乏味,缺少关怀性的互动。因此将传统静态的字体视觉转换为动态可变的形式,既能同时满足不同人群的需求,还可以提供正向的情绪疏导作用。而一切互动的可能性都从用户的感官触动开始。本文所探讨研究的动态可变字体重在可变字体动态形式的互动,通过可变字体适应界面上的动态可变性,提高了传播内容的表现力,使传递的信息充满活力,趣味性更强。通过这样充满关怀的人机互动行为,信息可得到双向的传播,从而达到治愈人心的最终目的。

关键词

可变字体,跨媒介,多感官互动,用户情感体验

“WordsHealPeople’sHearts”intheInformationAge

—ResearchontheEmotionalInteractionPerformanceofVariableFonts

LuoTan,XiaolinWang

SchoolofArt&Design,ZhejiangSci-TechUniversity,HangzhouZhejiang

Received:Mar.24th,2023;accepted:Jun.8th,2023;published:Jun.15th,2023

ABSTRACT

Keywords:VariableFont,Cross-Media,Multi-SensoryInteraction,UserEmotionalExperience

ThisworkislicensedundertheCreativeCommonsAttributionInternationalLicense(CCBY4.0).

1.时代背景下的汉字疗愈

1.1.疫情下的情感需求

疫情的爆发和其伴随而来的行动限制等防控政策,人们的精神世界与社会文化都在接受各种各样的正向或负向挑战。为了调节人们心理健康以及反过来其对社会所带来的负面情绪,艺术疗愈显得愈来愈重要。艺术疗愈这一概念由美国精神医师南姆博格所提出,以音乐、绘画、舞蹈等媒介作为载体[1],将艺术和心理学完美结合的心理治疗介入方法。通过挖掘创作冲动从而达到心灵疗愈的效果。以一种非语言沟通形式来抚慰人们的负面情绪。艺术疗愈也在1969年被“美国治疗协会”通过多项研究证明其有效性[2]。在由阿兰、德波顿撰写的《艺术的疗效》艺术中提及到“艺术是一种治疗工具,能够帮我们过上更加美满的生活”。作者认为艺术不应该是高高在上、供人膜拜的研究对象,而是应该被当作一种工具,用来治疗人们心理的弱点,帮助我们过上更美好的生活。因此不仅艺术家可以通过艺术创作达到自我疗愈,这种方式同样也适用于普通大众。通过这些艺术创作释放不安的情绪,传达心理需求。

1.2.汉字疗愈的可能性

Figure1.Oraclebonescript“turtle”

如今当下“新中式设计”的盛行掀起传统文化再创新的浪潮,体现了我国“文化自信”的深入人心。汉字在拥有独特文化体系的中国有着崇高的地位,其所承载的文化力量是磅礴的,民众长期受汉字文化熏陶,在通过汉字传达信息交流时,逐渐对汉字本身也产生了很大的兴趣,发现它横撇竖捺中流露的美蕴,是自我表达的终极形式。

2.数字化汉字的困境

2.1.技术时代媒介转化的情感流失

新媒体时代,人们获知信息的媒介重心早已转移到电子产品。可遗憾的是在移动媒介出现后的许多年里,我们却无法将所有美观有趣的汉字设计应用到线上来。超负荷的繁杂信息造成人们视觉疲劳,精神麻木。尤其是在疫情常态导致人们的沟通更多选择线上,汉字语言作为沟通的桥梁与人们的生活密不可分,然而如今手机的绝大数操作界面所显示的文字都是黑体宋体,客观、冷静,毫无生气,除了信息传达功能以外,没有其他形式上的个性表达和情绪的感染,并且由于无法面对面交谈,可能会出现字面上的歧义或者感情表达不到位的情况。

2.2.传统作图工具的限制

在设计过程当中,字体设计师创作的最大的阻碍就是工具的使用,在作图软件操作中,经常会出现最舒服的字体样式刚好卡在两个字重中间的情况,我们要么用描边或用钢笔工具一笔笔的画出来,要么根据现有的字重委曲求全,这就破坏了字体本身的美感,极其影响设计师的工作效率和用户的视觉体验。

2.3.性能考虑下的流量节省

我们无法兼顾字体美观度和用户的最佳体验,尤其是在这个超负荷的信息洪流时代。为此很多传播者不得不牺牲文字的可玩性,这也就意味着在无论你是什么年龄段的使用者,所看到的字体都是一样的,总有一些特殊人群,比如儿童、老年、视弱群体的需求会被忽略。

传统静态的字体早已不再满足新媒体环境下的这些要求,动态转化是字体设计的必然趋势[4]。人们更渴望能有多维度多感官的有趣互动为他们提供正向的情绪疏导。而恰恰可变字体的互动主要作用在传播者–传播内容–受众三者之间,“动态”的改善以上种种问题。用户通过“调节轴”的无极滑动适合自己的字体形式,满足自身需求从而实现在情绪上的疗愈。

3.什么是“字愈人心”

Figure2.Atarigamefonts

4.可变字体:动态提升用户体验

4.1.什么是可变字体?

Figure3.Variablefontandnormalfontfilepackagememorysize

4.2.动态调节,对“症”下药

可变字体的插值优势可以让字体粗细无级调节,用户能够根据需求自行调整,将字体调整到用户最佳合适的形态。这些灵活性和多用途性为所有互联网用户提供前所未有的自由度,是传统标准字库所不具备的特殊属性[7]。

Figure4.Wordreconditioningbefore

Figure5.Wordreconditioningafter

Figure6.Variablefontmatrix

4.3.互动创造良好用户体验

汉字对国人的心理与生理之间的深远影响是从上下五千多年沉淀下来的,可变汉字在“疗愈”的过程中“互动”这一行为是必不可少的[8]。“互动”一词原是指人与人之间的互动,在计算机产生后,互动的双方又扩展至人机的操作活动中,无论互动双方是谁最终还是以人为主体,以互动性为导向。只不过是从原来的单一感官互动发展为综合性的互动思维,通过多维度、动态化、交互性的双向思维方式来引导。这样的互动行为就好比中医在诊疗当中首先会对病患进行把脉,了解其身体状态再为其诊断治疗。

载体,一种多感官参与的互动体验[9],区别传统静态字体的“传播”,动态可变字体强调的是“互动”可以随时调节,充分展示动态可变字体的“疗愈”功能。

纸质媒体上的字体在阅读的时候容易产生视觉疲劳。而在新媒介中被用户调整后的字体通过设定好的运动轨迹变换着形式,加深了观者的印象,在视觉、空间、心理等多方面给人们带来更多的感官冲击,观者会主动想去体验、思考、接收汉字的内容与精神的传达。

5.可变汉字从何疗愈

5.1.情绪互动

可变字体如果只是停留在让文字动起来的技术层面,他注定也只不过是流行趋势罢了,中国汉字设计遵循历史发展脉络,顺应时代审美观念的变化,在中国美学史上散发着熠熠生辉的光芒。其背后所蕴藏的深厚的文化底蕴才是真正疗愈逐渐匮乏的精神世界的长久良药。

不仅仅止于视觉语言,更蕴含着饱满的情感张力,文字与图像交织,汉字力量与时代技术的进步相融,籍由设计师的细腻表达,由动态可变字体所传递的共通情绪和精神释放。观者得以获得感知上的共鸣。可以有针对性的去改善和提升各年龄层人们的情绪之健康。重视中国汉字的疗愈功能,更切实贴合我国当代人身心需求,也利于发展拥有稳定人格、艺术思想、美的人。

5.2.专注有趣,增强文本可读性

汉字是我们说话的声音,有其字面含义,笔画结构也是有情感的。闭上眼睛,当对你说出“浪漫”时,我们几乎不可避免的在脑海里自觉性联想其汉字形象,当每个笔画慢慢在脑中书写的时候,与这个浪漫有关的画面也浮现出来。所谓“书画同源”,我们知道的事物与我们看到的描述该事物的印刷或投影的汉字联系起来的过程是动态过程,想象一下,单击Bold按钮会在Regular和Bold之间进行动画转换,巧妙地告知用户它们之间的许多可能性。

动画选项虽然只是可变字体的一个附加值。但正是由于动画可变字体,我们将看到更具表现力的交互设计和更漂亮的动态排版。动画虽然有时会被滥用,但肯定可以成为一种向善的力量[10]。

5.3.提高综合媒介的切换速度

可变字体的革命性在于它们允许设计师将不同的样式存储在一个文件中。这样对于访问者来说,无需为每个重量、宽度和风格细节的变化下载多个文件。由许多字体粗细构建的清晰信息层次结构的网站,无需等待兆字节的网络字体即可加载网站。例如,一个应用程序可以允许平滑调整字体密度,让用户能够在各种照明条件下设置最佳交互体验——用户经常访问的任何网站都可以受益。

5.4.响应式设计下阅读排版体验

如果说我们对可变汉字的联想过程是一场舞蹈的话,那么文字排版就是舞蹈设计,创建或强调文字与屏幕之间的联系,其基础是使事物具有可读性。细微差别在“可定义轴”之间建立联系。字体可以根据所使用的物理变量表现出不同的行为。

Figure7.Thearrangementoffontsindifferentmedia

6.总结

艺术是时代的镜子,在数字文化产业的驱动下,汉字的艺术疗愈在审美高度、意识形态与商业价值的融合中焕发新生,带给人们全新的更好的体验,汉字疗愈还有多种可探索,动态可变字体是当下勇敢的尝试,虽然新的技术也往往意味着兼容性比较低,适配的软件以及使用环境尚未全面覆盖,当下甚至到未来可变字体还要面对许多未知的挑战,比如需要不断地去适配随着科技而不断涌出的新型移动媒介,以及人口大国中用户群体的个性化。目前可变字体的功能在不断被开发,有越来越多的人秉持着“以人为本”设计理念,在不同方向上探索,未来可变字体适配更多的媒介环境,汉字的可玩性也不再只是专业字体设计师的独享,大众的参与度会越来越高,最终达到“字愈人心”的双方互利。

THE END
1.ai字体生成:艺术字免费设计,AI转换字体为形状教程无论是平面设计、网页设计还是形象设计具有创意和个性化的字体设计都能为作品增添独有的魅力。传统的字体设计往往需要专业的技能和大量的时间。如今技术的快速发展为设计师们带来了全新的解决方案——字体生成。本文将为您详细介绍怎样去利用技术免费设计艺术字并转换字体为形状的教程让您轻松掌握字体设计的技巧。http://www.guanxian.org/consult/aizhishi/56982.html
2.AI文字转形状全攻略:如何高效将文字内容转换为图形设计本文详细介绍了怎么样采用将文字内容转换为图形设计,包含输入并选择字体、绘制文字轮廓、调整文字轮廓、删除原文字对象、填充图案等步骤。通过掌握这些技巧,设计师们能够高效地将文字内容转换为图形设计为作品增添创意和个性化。在实际应用中,设计师们还需不断探索和实践,以发挥在文字转形状设计中的强大功能。https://www.yanggu.tv/webgov/aitong/82486.html
3.ai怎么将文字转换成线条图形?ai线性字体效果的实现技巧ai怎么将文字转换成线条图形?ai中输入的文字想要变成重叠的线条效果,该怎么操作呢?下面我们就来看看ai线性字体效果的实现技巧 GPT4.0+Midjourney绘画+国内大模型 会员永久免费使用! 【如果你想靠AI翻身,你先需要一个靠谱的工具!】 我们一起看一下illustrator如何制作线条图形?详细请看下文介绍。 https://www.jb51.net/Illustrator/896767.html
4.中国设计网字体设计网-为字体设计者提供字体设计展示平台,让字体设计作品被商业用户发现并应用.并提供免费字体下载和字体在线生成,字体在线转换下载,为字体设计师提供有效传播和服务,设计网络首选品牌http://ziti.cndesign.com/
5.UI界面设计入门教程,零基挫速上手!UI界面设计已经渗透到我们生活的方方面面,包括网站、应用程序或其他数字平台上的按钮和菜单布局、配色方案和排版等所有内容。许多人认为UI界面设计只是关于字体、颜色和导航栏,但它远不止于此。本篇文章,我们将告诉你有关UI界面设计入门的教程,以及它如何影响用户体验。让我们一起看看吧!https://pixso.cn/designskills/introduction-to-ui-design-tutorial/
6.将word转成PDF后,打开时出现缺乏字体4条回答: 解决方法: 【1】用天正重新打开图纸,在文件布图里有个“图形导出”,导出图纸时将保存类型设为低版本的,越低越好。 【2】如打开CAD文件,出现丢失天正tchkernal.arx文件,可将天正安装目录sys下tchkernal.arx文件拷贝https://wap.zol.com.cn/ask/x_24164932.html
7.移动端开发的屏幕图像字体与布局的兼容适配rem(font size of the root element),在 CSS Values and Units Module Level 3中的定义就是, 根据网页的根元素来设置字体大小,和 em(font size of the element)的区别是,em 是根据其父元素的字体大小来设置,而 rem 是根据网页的跟元素(html)来设置字体大小。https://blog.51cto.com/wpbars/2969579
8.专业字体设计软件FontCreator12.0中文汉化专业版FontCreator的工具库中有强大的绘图工具,这对于印刷者和图形设计师来说是非常必要的。直观的界面使初学者可以立即提高工作效率。使用FontCreator专业版的字体检查功能可以提高字体质量。工具简化并加快了字形设计的过程。强大的脚本转换功能使您可以在几秒钟内创建数百个其他字符,还可以自动为2200个以上的字符创建轮廓。 http://www.pjy.me/web/4886.html
9.在线字体设计在线字体转换艺术字体在线设计转换生成在线字体设计网收集整理艺术字体美术字体pop字体等创意字体,集成艺术字体在线设计智能实现毛笔字体在线生成矢量,提供行书草书楷书篆书隶书等书法字体在线转换,请牢记天空字体 www.skyfont.comhttp://www.skyfont.com/
10.CAD图形能转换rDWorksv83d溜溜设计问答平台为广大设计师们提供各种CAD图形能转换rDWorksv8问题解答,3d溜溜素材问答平台汇聚全球各地的设计师、名师名司、设计爱好者等设计灵感和经验,迅速为您解决CAD图形能转换rDWorksv8的困惑。https://www.3d66.com/answers_relation/relation_3110041_53.html
11.cdr文件有什么软件可以打开如果您不想花费额外费用购买专业设计软件或使用在线工具,可以考虑使用免费开源软件来进行CDR文件转换。Inkscape是一款功能强大且免费的矢量图形编辑软件,它支持导入和导出CDR文件,并可以将其转换为SVG、PDF等格式。虽然Inkscape的界面可能对初学者有些复杂,但它提供了丰富的工具和功能,适用于各种设计需求。 https://www.c4dmodels.cn/article/72598.html
12.Python快乐编程中学学科创意编程实例用Python求解正方形、长方形、圆、三角形、平行四边形、梯形等图形的面积时,需将这些图形的面积计算公式转换成计算机能识别的表达式。 例如,将平行四边形与梯形的数学面积计算公式转换为计算机语言表达式,如下图所示。 3.求解不规则图形 对手一些不规则图形,可以采取割补、剪拼等方法将它们转化为基本图形的和、差关系https://labs.epubit.com/bookDetails?id=UBbf3a472ecc2d
13.计算机基础电子教案[教学难点]计算机硬件系统的组成;计算机数制与编码及其转换 [教学方法]讲授法、启发式、实物演示(或投影演示)等直观教学法 [教学过程] 第一节 计算机基本概念 一、计算机的概念 计算机 是一种自动、快速进行大量算术运算和逻辑运算的现代化电子设备。 二、计算机的发展简史 https://www.fwsir.com/jiaoan/html/jiaoan_20080821212119_172611.html
14.2.CSS&CSS3PS 工具是我们使用频率比较高的软件之一, 我们学习PS目的不是为了设计海报做电商和UI的,而是要求: 会简单的抠图 会简单的修改PSD效果图 熟练的切图 能和网站美工美眉有共同话题。。。 Photoshop基本使用 PS界面组成: 菜单栏、选项栏、工具栏、浮动面板(拖拽名称,可单独操作面板)、绘图窗口 ? https://www.jianshu.com/p/bc77ce47636e
15.商标中的字体已转换成图形算侵权么即便把字体转变成了图形,倘若这种转换是依据原字体的基本架构、特征等展开实质性的运用,并且在未经授权的情况下,就属于侵犯了著作权人的复制权、改编权等相关权利。 不过呢,如果使用的是处于公有领域的字体,又或者是经过字体著作权人合法授权后进行转换并用于商标的,那就不会构成侵权。 因此,在进行商标设计且使用这https://www.64365.com/special/14200305/
16.字体导航免费字体商用图片设计师实用百宝箱字体传奇设计导航提供,免费可商用字体,商用图片网站,中英文字体,书法字体,字库字体,字体大全,PSD矢量素材,LOGO生成,等海量设计师学习导航,字体教程,LOGO教程,国外设计教程,https://hao.ziticq.com/
17.学会SmartArt图形3个技巧,光速完成图表,办公高效第一步、打开“切换图形的方向.xlsx”工作簿,选择SmartArt图形,切换至“SmartArt工具-设计”选项卡,单击“创建图形”选项组中“从右向左”按钮。 第一步 第二步、可见SmartArt图形的方向切换为从右向左。 第二步 将图片转换为SmartArt图形 在任务02中创建带有图片的SmartArt图形,用户也可以将图片转换为SmartArthttps://m.thepaper.cn/wap/resource/jsp/newsDetail_forward_4867643
18.字体设计LOGO生成器字体设计LOGO生成器(字体设计软件) 方法一:一键logo设计 一键logo设计是一款手机上的logo设计工具,支持智能设计与自己设计两种设计方法,就算没有构思好logo样式我们也能使用智能设计输入名称、口号以及选择类型自动生成多个logo,比较简单。每一个自动生成的logo样式我们都能自由编辑文字、图形、添加相册图片以及模板修改等,http://www.spshc.com/article/3247.html
19.BMFont图像字体编辑工具:游戏与图形设计优化解决方案简介:BMFont是一款高效的字体生成工具,专注于将TTF和OTF字体转换为位图字体格式,专为游戏开发者和图形设计师设计。它通过自定义字体生成和优化技术,为2D游戏提供更快速、更高效的文字渲染。本工具涵盖字符集选择、字体大小调整、纹理atlasing以及样式自定义等功能,以XML或JSON格式输出,用于集成到游戏引擎或渲染系统中。https://blog.csdn.net/weixin_42608299/article/details/142308275
20.cad转pdf为什么转的数字间距会变大,最好一步步讲解下,为啥我4、然后点击打开PDF选项,把里面的文字选项改为“把所有文字转换为几何图形”,回车确定即可。 这是字体原因,1、调整字体适应。2、如果允许,采用图片打印。 要解决这样的问题,只需在打印时,点进PDF选项,把“捕获图形中使用的字体”前面的勾取消,把“将所有文字转换为几何图形”前面的勾打上,然后确定打印就可以啦。http://www.553538.com/cad/16999.html
21.通过奢侈品品牌换新,我发现了品牌LOGO升级背后的秘密!本次升级除了图形和字体细节优化以外,LV还定制了一套字体。 CK&优步&万科品牌LOGO升级:字母大小写、粗细的转换 前Dior 设计师瑞夫席蒙斯Raf Simons 担任CK总监后,他第一个动作就是对CK品牌LOGO升级,给整个品牌带来新形象。 CK品牌新LOGO由著名图形设计师Peter Saville 操刀,将之前品牌LOGO全部变为大写字母,比之前略https://www.logonews.cn/201907150218561.html
22.iconfonticonfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具https://www.iconfont.cn/
23.Qt绘图指南:掌握高效美观的GUI设计之道Qt绘图指南:掌握高效、美观的GUI设计之道 引言 Qt框架简介 Qt是一款跨平台的C++图形用户界面(GUI)库,广泛应用于桌面应用程序、嵌入式系统和移动开发。Qt提供了丰富的界面组件和功能,可以方便地创建高性能、可移植和可扩展的应用程序。此外,Qt框架还包括用于网络、数据库、XML解析等功能的模块。https://developer.aliyun.com/article/1463725
24.自己的PPT制作心得8篇(全文)4.整套幻灯片的格式应该一致,包括颜色、字体、背景等。5.同一套幻灯片使用统一的横向或者竖向,不要混杂使用,因为内容会超出屏幕。 6.每页幻灯片应注意尽量采用文字,图表和图形的混合使用。这样更能吸引听众。避免全文字的页面。 7.不要每张幻灯片都塞满了信息:不要把整段整段的文字搬上幻灯片。如果这样,是对听https://www.99xueshu.com/w/filew3n8ejvh.html
25.字体之家由字体之家(homefont.cn)提供无广告安全无毒的26个字母开头的字体和数字开头字体,2017年2月修正! 免费字体下载 书法字神器 书法字体查询只能输入一个汉字,共收录了57919字体文件。 简繁字体在线互转 在线版 请在输入框中输入您需要转换的简体字,即自动转换成繁体字,亦可点击按钮进行简繁转换操作。 https://www.homefont.cn/
26.MacBook苹果电脑如何安装AdobePSAUPR等软件?Adobe Illustrator:这矢量软件是比PS还要早出的哦~超好用,无限放大图绘画、字体设计、插画、图形LOGO必备,很多人爱上AI就不在PS画画了,商业插画的标配。 Adobe InDesign:这就是专门排版出书、报纸、电子杂志的,谁用谁知道,用了这软件可以大大提高排画册排书籍的时间,有没有排完书需要改内文字体的时候,用了这个https://cloud.tencent.com/developer/article/2003454
27.字加网找字体来字加专业的字体获取和字体设计交流平台包图网汇集了各种视觉冲击力强的原创广告图片设计、电商淘宝、企业办公模板、视频、配乐、音效、字体、插画动图、装饰装修等素材,由顶尖的设计师供稿,符合各个行业的商用需求,下载高品质正版素材就到包图网。 字体下载_PS字体下载_书法字体_毛笔字体_艺术字体-字体设计网_ziti.cndesign.com https://nav.dreamthere.cn/site/index/4379915