UI设计中传统元素的应用

赵蓓

摘要：本文通过将中国的传统元素在UI设计中的应用，利用数字交互平台表现传统文化深厚的底蕴为探讨方向，得出传统元素融合于新媒体的设计中不仅是立足本土文化的设计思路，同时诠释了华夏传统文化的论点，从而引起从视觉效果到心理层面的共鸣，达到良好的设计效果。

关键字：UI设计；传统元素；交互设计

随着数字科技日新月异的发展，电脑、手机、服务平台的使用，UI操作界面已经渗透到我们生活中的方方面面。何为UI呢？UI是英文User interface 的简称，即用户界面，也可以称之为人机交互界面。是指用户和电脑系统进行交流、操作、指令等交互的界面。人机交互平台的应用范围广泛，交互界面的设计受到关注，营销者意识到交互界面的设计不仅需要科学理性的编排设置，还需要有品位、风格的艺术情感，有美感的UI设计更容易给用户留下深刻的印象，在完成人机交互的同时拉近产品与用户之间的距离。

UI的设计从英文的字面来看我们可以将其分为User即用户和intreface即界面两部分，用户与界面之间形成的关系就是用户与界面之间的交互关系。由此可见界面的设计要以用户的需要首任，科学合理的编排界面的各种信息，使用户能够一目了然的找到主体信息并实现操作。满足用户方便快捷操作的同时，界面的美感、视觉效果也不不可忽视的重要元素。简洁美观富有个性的界面不仅为用户带来美的享受，还能提高用户的关注和兴趣，从而更好的推销产品的卖点。所以界面交互设计是科学与美感的结合体。

UI设计信息传播和视觉享受是同样重要的，用户通过交互界面的操作引起情感或达到心理的共鸣，这样的界面设计将能达到一个新的高度。将民族的传统文化引入到UI设计中，是一种立足于本土文化，融入新的媒体技术，将其传承发展的方式。传统元素作为传统文化的经典代表，其含义非常广泛，在中华民族悠久的历史过程中不断产生、演化、融合、发展，优秀的传统元素是我们取之不尽的文化宝藏，将传元素样应用于交互界面的传播形式中，不仅能够弘扬我国优秀的的文化传统，还能在界面设计中带来新的视觉享受，这种植根于本土文化的媒体设计迎合本民族的视觉欣赏习惯和审美心理，不失独特的艺术个性。

文本是交互界面设计中重要的组成部分，在交互界面中文本是传播信息的主要渠道，界面交互中的文本讲究简洁，用最少的文字准确的传达信息。在UI的文本设计中，多选择识别性强的精简字体，为了方便用户的解读和操作，简洁识别的字体为首选字体。在不影响识别的情况下，将书法或根据书法变形的字体引入到界面设计中，丰富交互界面的视觉效果，增强关注点，也是一种将传统元素应用于界面设计的方法。尤其在娱乐、文化传播、游戏等界面中，利用书法字体的结构或在书法意象化的基础上变形设计的文字融入到界面设计中，不仅增加页面文本的视觉冲击力，还拓宽了书法的表现形式。

按钮在UI设计起着重要作用，在交互界面中用户点击按钮，可触发相应的人机交互反应。在交互界面中按钮的设计应是一目了然、直观形象，避免出现歧义的形象符号。从设计的角度来说按钮在界面的构成元素中属于点的作用，平面构成将设计归纳为点、线、面的综合体，点线面有各自的特点并共同组成画面，在视觉感受中这三种元素缺一不可。作为点状出现的按钮是醒目、关注的作用，在界面中肩负着是操作交互命令的任务。按钮的设计可以是多样化的，以统一，规整的图形形状作为按钮，这是由于规整的图形容易识别，在是识别的基础上可以在按钮中添加传统纹样作为底纹，起到美观按钮图形增加视觉刺激的作用。交互界面中的按钮具备多种状态，例如正常状态、选中状态、等待状态，这需要为一个按钮设计不同的状态，在不同的状态下对纹理或颜色、文字做出相应的变化。传统纹样丰富的纹理变化为按钮的不同状态提供了多样的素材，有了这些变化，用户在交互操作的过程中才不会感觉乏味。

交互界面的整体设计风格以及颜色搭配是设计格调的體现，不同风格的界面颜色的搭配也随之变化。以水墨元素引入界面设计中，使界面感觉古朴、韵味浓厚，用户仿佛置身于国画中。交互界面的颜色以墨色的清、淡、浓、重而成为系列设计，国画中蕴藏的深厚文化无形的传播于其中，为界面中的设计平添诗情画意。传统元素应用于现代UI设计中，也要遵循因地制宜的原则，不能生搬硬套，更不加变化的用在现代设计中，使传统元素适应现代媒体的发展，符合现代审美要求。在UI设计中，颜色也起着至关重要的作用，颜色的套系使用是UI设计系列中颜色设计普遍的方式。大部分交互界面多选用同一色系的明度变化展现整套设计，讲究和谐的整体效果。在设计过程中有意的加入一些传统颜色或纹样，起到点缀、醒目、提示的作用也是一种表现方式。我国的传统颜色多为对比色、互补色，需要经过降低纯度或调节色彩面积来统一色调，浓郁的色彩很有视觉冲击力。在一些装饰或提示部分可以引入对比强烈的民族色彩或纹样作为修饰，在不影响整体的色调的情况下，起到调节气氛的作用。当然，在为一些节庆时期或有关民俗、地域介绍的界面中我们可以大量的运用我国传统元素进行表达，彰显我们深厚的文化精髓。

传统元素引入UI设计是我们立足本族文化，将其融入发展到新媒体设计的结合方式，这是在发展中传承民族文化的途径，也是传统元素经过提炼融合于现代设计的过程，我们在探索的过程中不断进步，利用新的媒体交互传承发扬华夏深厚的文明底蕴。

注：本文系2017年保定市科学技术研究与发展指导计划课题（课题编号：17ZG013；课题名称：传统元素与新媒体的融合发展）结项论文

参考文献：

[1]腾讯CDC.在你身边，为你设计——腾讯的用户体验设计之道[M].北京：电子工业出版社，2013

[2]徐延章.新闻媒体客户端的情感设计策略分析[J].青年记者，2015，（11）：63-64

[3]曾庆香，张楠，王肖邦.网络符号：视觉时代的交流[J].四川理工学院学报（社会科学版）.2008（03）