传统工艺与美术元素在用户界面设计中的传承与应用.pdf

鞋类工艺与设计SHOES TECHNOLOGY AND DESIGN2024 年 2 月第 4 卷 第 3 期Feb.2024Vol.4 No.330传统工艺与美术元素在用户界面设计中的传承与应用曹振慧（湖南科技职业学院，湖南 长沙 410000）摘要：随着科技的快速发展和数字化时代的到来，数字产品已深度融入人们的生活。用户界面作为人与信息交流的桥梁，在数字产品中扮演着重要角色。现代用户界面设计追求简洁、高效，但同质化、缺乏文化内涵的问题也逐渐显现。文章探讨了传统工艺美术元素在界面设计中的应用价值，强调产品目标和用户体验两大原则。结合实际案例，从色彩、图案、材质、风格和审美意境等方面，探讨了传统工艺美术元素在界面设计中的创新运用。关键词：传统工艺美术；用户界面设计；非遗传承中图分类号TP311.56文献标识码A DOI:10.3969/j.issn.2096-3793.2024-03-010Inheritance and Application of Traditional Arts and Crafts Elements in User Interface DesignCAO Zhenhui(Hunan Vocational College of Science and Technology,Changsha 410000,China)Abstract:In the digital age,digital products have become integral to peoples lives,with user interface serving as a key component.However,issues such as homogenization and cultural deprivation are emerging.This article delves into the application of traditional craft and art elements in interface design,focusing on product objectives and user experience.Using practical examples,it examines innovative uses of traditional elements in color,pattern,material,style,and aesthetics.Key words:traditional art and crafts;user interface design;intangible cultural heritage引 言用户界面（简称 UI）是系统和用户之间进行交互和信息交换的媒介，它实现信息的内部形式与人类可以接受形式之间的转换。用户界面设计包含对人机交互、操作逻辑、界面美观的整体设计1。随着技术的发展数字智能产品在人们生活中越来越普及，其简易性和即时性满足了现代人对效率与便捷的需求。用户界面设计也更加注重简洁和直观，为方便用户快速获取信息，扁平化风格成为主流。然而，部分开发团队为了降低成本和提高市场投放效率，存在视觉设计缩水或直接套用模板的现象，导致界面设计同质化，缺乏文化内涵、审美和情感等问题2。因此，设计研究者开始关注如何提高界面设计的情感化和个性化，以满足用户需求的同时提升产品的审美价值和品牌形象。中国传统工艺美术元素在现代设计中的运用逐渐受到关注，成为设计师们寻求创新与突破的灵感来源。1 传统工艺美术元素在 UI 设计中的运用价值1.1 传承传统工艺与美术中华五千年文明孕育了无数文化瑰宝，工艺美术是其中独特的文化标志，具有深厚的历史底蕴与文化内涵。传统工艺品展现了卓越的匠心与技艺，是中华民族审美观念与精神追求的集中体现。传统工艺品的生产过程繁琐且耗时，导致许多年轻人不愿意学习和传承这些技艺，而逐渐被现代工艺取代。如何结合现代科技、设计理念与市场趋势，让非遗文化在现代社会中保持活力和传承，也成为一个重要的议题。数字产品具有很强的适应性及传播性，将传统工艺美术元素融入用户界面设计，有利作者简介：曹振慧（1988-），女，硕士，助教，研究方向：数字媒体艺术设计、交互设计、用户界面设计，.第 3 期视觉设计曹振慧 传统工艺与美术元素在用户界面设计中的传承与应用31于传承传统工艺美术，弘扬民族文化。1.2 促进界面设计创新Donaid Arthur Norman 在情感化设计中提出了情感化设计的 3 个层次：本能层次、行为层次和反思层次3。用户界面的视觉设计效果（即美感），是本能层次的情感化设计，直接影响用户使用产品的情感体验。传统工艺美术元素在用户界面视觉设计中具有独特的价值。例如，原始社会时期古朴的彩陶艺术、商周时期凝重的青铜艺术、秦汉时期艳丽的漆器艺术、隋唐奢华的织锦艺术、宋元典雅的青瓷艺术等，都蕴含着深厚的历史文化底蕴和民族特色，具有丰富的艺术性和审美价值4。在追求简洁、高效和现代化的设计风格的同时，将传统工艺美术元素融入用户界面设计，不仅能为产品注入深厚的文化内涵，还能激发设计师的创新思维，增强产品的辨识度，满足用户对美的追求。2 传统工艺美术元素在用户界面设计中的传承与创新运用2.1 传统工艺美术元素的运用原则2.1.1 以产品目标为导向从数字产品用户界面设计项目流程的角度分析，将传统工艺美术运用于用户界面设计时，要深入分析产品类型、目标人群、核心功能，并挖掘与产品特性相匹配的界面设计方向。根据产品的定位及目标用户人群的特征来选择设计元素与表达，避免生硬地将工艺美术元素应用于用户界面设计之中。例如，“云游故宫”这款数字文化产品，结合现代科技，让用户云游故宫并了解历史文化。启动页设计中融入了陶瓷、青铜器、卷云纹、葫芦、莲花等纹样元素，寓意吉祥美好。启动加载时，古钟声响起，仿佛带用户回到历史长河中。整个界面设计紧扣产品目标，使用户沉浸式体验中华文化的独特韵味，见图 1。图 1 “云游故宫”APP 启动页设计（图片来源：网络）2.1.2 以用户体验为中心用户界面设计的最终目的是为用户提供良好的使用体验。因此，在运用传统工艺美术元素之前，应充分对目标用户的社会特征、年龄、性别、行为习惯、喜好等方面进行分析，并对需求场景进行充分了解。不同年龄阶段的目标人群有不同的喜好和不同的习惯5，不同的目标人群其用户需求也可能不同，应根据用户特征来进行界面设计，确保产品的易用性、友好性和视觉舒适度。例如一款专为幼儿设计的国学学习 APP。考虑到幼儿更倾向于具象事物的直观感知，其界面设计可以在融合了国画山水、卷云纹等传统元素基础上，采用卡通形式呈现。此外，还可添加界面互动效果，以游戏化的方式吸引幼儿的注意力。2.2 传统工艺美术元素的运用方法中国传统工艺与美术元素多数与材质有关，如宣纸上的水墨画、青铜器上的饕餮纹、布料上的蓝印花，以及瓷器上的青花等。在用户界面设计中，需对传统工艺与美术元素的色彩、图案、机理和审美意境等进行提炼，并以数字艺术形式进行再设计和表达，借助计算机辅助图形设计，将其运用于 Icon、图形、文字、颜色、界面控件等设计中，以营造出独特的情感氛围和视觉效果。2.2.1 传统工艺与美术之颜色美中国传统色的提取与应用中国传统色彩文化源远流长，历经了从原始社会的彩陶、岩画到五行五色学的发展，晋唐时期青绿山水的盛行，以及明清文人对玄、素色彩的探寻，体现出了古代先贤对色彩的不断探索，形成了丰富的视觉文化资源，并蕴含深厚的民族哲学和文化精神6。在数字产品用户界面设计中，色彩发挥着重要的视觉传达作用，是数字产品功能传达、情感表达以及品牌标识的重要组成部分，影响界面的美观度和用户的使用体验。界面颜色的设计可借鉴传统工艺和美术作品中的配色技巧，提取传统色应用于界面设计，展现中国色彩的传统美学，营造独特的情感氛围和视觉效果。例如“云游敦煌”微信小程序由敦煌研究院与腾讯合作开发，通过研究敦煌壁画的颜色特征，提炼出朱砂、青绿、密陀僧和赭石等主要色彩。并将颜色与墙壁肌理封装组合，构成小程序的主色彩。用户可自定义界面主题色，欣赏敦煌壁画的色彩之美。2.2.2 传统工艺与美术之符号美传统图案及造型的提取与应用传统工艺美术的图案和纹样具有丰富的文化内涵和象征意义。在用户界面设计中，可以融入传统的图案，如青铜器上的饕餮纹、古代服饰上的祥云纹等，来增添传统文化气息，提高艺术性及用户体验，传达产品特点和品牌形象。此外，传统工艺与美术的线条、轮廓等元素第 4 卷视觉设计鞋 类 工 艺 与 设 计32也可以用于界面布局和形状设计。例如，“云游敦煌”小程序的图标设计采用了敦煌石窟中的佛像、九色鹿、飞天等意象，并参考传统绘制工序制作出斑驳效果。2.2.3 传统工艺与美术之材质美肌理的提取与应用在用户界面设计中，可以尝试将传统工艺美术中的材质融入其中，通过肌理效果增加视觉层次感，如陶瓷、丝绸、纸张等。这些材质具有独特的质感和美感，能为界面设计增添一份别样的风味。此外，还可以将传统工艺美术中的工艺技法，如雕刻、绘画等，应用于界面设计中，使设计更具艺术性。例如“云游敦煌”小程序的设计团队，通过调整圆角角度、阴影、纹理、长宽比等界面信息将卡片设计进行敦煌壁画石块肌理的设计，使得界面元素有了敦煌壁画的粗犷、厚重感。2.2.4 传统工艺与美术之意境美艺术风格的提取与应用中国传统工艺与美术作品丰富多彩，无论是古朴的彩陶艺术、清新淡雅的青花瓷、流光溢彩的景泰蓝等传统工艺，还是细腻的工笔画以及充满诗意的山水画，都展现出独特的艺术魅力。中国传统工艺与美术作品深受传统美学的影响，大多追求和谐、平衡与意境。在用户界面设计中，可以将传统工艺和美术作品中的审美意境融入界面布局、图形和文字设计等设计环节中，通过信息的组织与视觉元素的设计，创造出富有传统美感的界面效果。“国学宝典”APP 的界面设计，采用近似古代书画竹简、宣纸的固有色作为主色调，并采用竖式文字排列重要信息。在构图上，它也融入了国画的意境，通过信息组织和界面分割，呈现出国画“疏可跑马，密不透风”的视觉效果。这种设计注重疏密对比与空间留白，给用户带来一种安静祥和的视觉感受，呈现出传统美学意境，见图 2。图 2 “国学宝典”APP 界面设计（图片来源：网络）2.3 传统工艺美术元素在用户界面设计中的创新探索随着科技的飞速进步，互联网、虚拟现实和人工智能等领域的技术为传统工艺美术与界面设计的融合带来了新的思考和机遇。在原有的静态界面设计基础上，可以利用三维建模、虚拟现实、增强现实等数字技术，更生动、立体地展示传统工艺美术元素。用户还能通过触摸、滑动等交互方式，亲自参与到界面设计中，更深入地体验传统工艺美术的魅力。例如敦煌“数字藏经洞”数字文创产品，整个界面设计巧妙地提取了敦煌的艺术元素，并结合了视听动效制作，使用户能够沉浸其中，全方位地感受传统工艺美术的魅力。3 结 语在审美方面，数字技术赋予了艺术传播更大的自由度。传统工艺美术元素在用户界面设计中展现出巨大的应用潜力。我们可以从传统工艺美术的色彩、图案、材质和意境中提炼设计元素，将传统美学与现代科技结合，创造出具有中国特色的界面设计。这不仅是对传统工艺与美术的尊重和传承，使更多人了解并欣赏我国的工艺美术；也是对界面设计的创新与探索，有利于改善现代界面设计同质化、缺乏文化内涵的现象。将传统工艺美术元素应用于界面设计中，能为用户带来有温度、内涵丰富、美观独特的设计，提升用户体验。设计师应善于发掘和利用传统工艺美术元素的魅力，将其融入界面设计中，为数字产品界面设计提供新视角与方法。参考文献：1 张剑，李曼丹 UI设计与制作M重庆：西南师范大学出版社，20152 史燕中国传统文化符号在手机 APP 界面设计中的应用研究 D青岛理工大学，20193 朱剑刚，崔丽娜，祁倩等基于情感化设计的文创产品设计研究以“宋瓷文创”设计实践为例 J家具与室内装饰，2023，30(01)：80-85.4 惠品品,李米田,万蓬勃等.面向智能化缝纫的鞋靴工艺模板小程序设计 J.中国皮革,2022,51(02):76-81.5 王沈策,史雨霖,张奕宇.以用户为中心的农机产品设计研究综述 J/OL.包装工程:1-162024-02-06.6 李百灵.传统色彩中的东方智慧N.中国文化报,2023-11-26(001).