中国传统色彩在手机UI设计中的应用研究_张向阳.pdf

63大众文艺一、引言进入社会主义新时代以来，我们国家越来越提倡传统文化的继承与传播，我国传统文化跨度几千年，在这漫长的时间跨度里，诞生了很多优秀的色彩艺术作品，比如华丽的故宫皇家色彩、蓝色的青花瓷以及八大色系的瓷器等。这些极具我国民族印象的色彩及搭配有很大的利用价值，把这些优秀的传统色彩提取出来运用到UI设计中，可以为我国传统文化的传播提供新的思路。中国传统色彩多取自于自然界的天然染料，把自然界的色彩引入到人们的日常生活中，这充分契合了我国传统的“天人合一”的思想观念。1本文以中国传统色彩为基础，分析中国传统色彩意象，论证中国传统色彩在现代手机UI设计中的可行性和设计原则，以此来探寻中国传统色彩在手机UI色彩设计中的呈现方式，使中国传统色彩带给用户情景上的认同感。二、中国传统色彩意象分析中国传统色彩具有很强的意象表达，与西方过于理性的色彩体系不同，中国传统色彩讲究“随类赋彩”的色彩观念，同时具有较强烈的政治、人伦、文化目的。2如中国古代官员的服装色彩，在明朝，官员的服装颜色根据品阶的不同也各有不同，分为紫红绿青，级别从高到低，特殊的色彩凸显官员地位之尊贵。至于地位最高的皇帝，则独享黄色，到了清朝，皇室宗亲也不可以穿明黄，不仅是明黄，柳黄、姜黄、米黄都被禁止。明清两代，从皇室至民间，都喜欢较浓烈的颜色，鲜艳的颜色在当时的文化中有一种吉祥的寓意。故宫建筑配色主要由红黄两色，红色是中国传统文化中最重要的色彩之一，在五色观中，红色象征火,有吉祥喜庆的含义，这已经成了中国人的固有认知。“天玄地黄”黄色在五色观中代表着土地，居于中央，所以故宫建筑以红黄配色为主。除红黄两色外，故宫建筑装饰还有蓝绿二色，这四种颜色有较高纯度的同时也保持了纯净感。为了达到艳而不俗，四种颜色采用相似的纯度明度，这样减少了色彩的混乱，保证视觉的协调。这四种颜色相互搭配还形成了极具视觉冲击力的撞色设计，这种撞色手法与现代手机UI设计突出视觉冲击力的要求不谋而合，在保证整体和谐的基础上，突出画面的视觉重点，利用传统色彩，营造一种国风氛围的UI界面，表现中国传统文化意象。三、中国传统色彩划分五行学说出现于春秋战国时期，五行包括金、木、水、火、土五种物质，且把这五种物质当作是形成万物的基础。其中金代表白色、木代表青色、水代表黑色、火代表红色、土代表黄色。根据五行学说，中国古代色彩分为正色和间色，正色包括青、赤、黄、白、黑。青，含绿色成分的蓝色。赤，现代色中的大红。黄，现代色橙黄。黑白则与现代意义的黑白相同。间色具体指正色混合之后的颜色，包括绀（红青色）、红（浅红色）、缥（淡青色）、紫、流黄（褐黄色）五种。古代崇尚纯度高的色彩，固纯度低的间色被使用的范围也就更广。在传统五色理论中，“青、赤、黄、白、黑”各代中国传统色彩在手机UI设计中的应用研究张向阳 谷 岩（东北林业大学,黑龙江哈尔滨 150000）摘要：随着信息技术的快速发展，智能移动设备的保有量越来越多，除对硬件本身的升级，关注用户情感反馈方面的提升也是很有必要的。中国传统色彩对中华民族有特殊的意义，每个色彩背后的含义都是一段叙说的传承，且在UI设计中，色彩对用户情感的影响是非常直接的，中国传统色彩在漫长的历史中，积淀了丰厚的底蕴与情感，在新时代，中国传统色彩渐渐有了新的意义，把中国传统色彩合理地运用到UI设计中，会对用户产生更多的情感价值。为此，文章从中国传统色彩，UI设计出发，探讨中国传统色彩在UI设计中的应用，希望可以对UI设计的色彩研究提供帮助。关键词：色彩；意象；应用；UI设计；界面中图分类号：TB472 文献标识码：A 文章编号：1007-5828(2023)05-0063-03美术与设计64大众文艺表不同的情绪，“白”属金，素雅静谧，在传统文化中有一种死亡的隐喻，象征着事物的枯萎。“黑”属水，也称玄，是一种偏赤色的黑，有神秘的气息。“赤”属火，有吉祥喜庆的含义。“青”属木，古代蓝色和绿色统称青色。含义和现代绿色意象类似，代表希望。“黄色”属土。作为炎黄子孙，黄色在传统文化中的地位是非常高的，有权力富贵之义。五色观是传统色彩文化最直接的表达。命名上，中国传统色彩相当考究，颜色的划分更细致。2用笔墨难以形容的色彩，各有独特的名称，如百草霜、黛、胭脂、青莲、绾、竹青、霁青等（见图1）。以黛为例,是一种青黑色的颜料，古代女子用以画眉之用。黛作为这种颜色的名称，有很强的意象感，且与中国古诗词文学相衔接，白居易的“六宫粉黛无颜色”，中的黛就是这种颜色，红楼梦中也写道“西方有石名黛,可代画眉之墨”，这些古诗词与传统色彩共同唤醒了刻在国人心中久远的诗词画意。中国传统色彩跨度范围和应用种类非常广，颜色或纯或灰数量庞杂，事物如织物、瓷器、建筑等多种多样，具有很强的实践性，这一色彩宝库能够在色彩要求极高的UI设计中得以被充分利用，这些色彩背后凝聚着中国古人的千年的浪漫，能加强UI设计界面的画面感，辩色而见意。图1 色彩说明（来源：作者自绘）四、中国传统色彩在UI设计中的内涵1.理论角度中国传统色彩是一套独特的认知系统，是艺术和生活相交融的。因其来源于自然中，当提到某一具体色彩时，名称上的混沌容易造成误解，如青莲。当听到这个名称是，脑海中从字面意思上分析是青绿色，但实际青莲是偏蓝的紫色。把中国传统色彩应用到UI设计中，能提高中国传统色彩的传播度，让更多的人了解中国传统色彩，还可以在UI界面中设计出中国特有的色彩意象。中国传统色彩只有利用信息化的传播方式，才能更好地在这个信息发达的时代前进。2.实践角度如今越来越多的人关注中国传统色彩，多方面的运用中国传统色彩才是良性的发展之路。2008年北京奥约会会徽是一个非常成功的例子。整体按黄金比例对其进行分割设计，会徽色彩上由中国红和墨色构成，采用中国传统的印章和书法的设计，具有浓浓的中国传统气息。3向世界输出东方思想和民族气韵，符合世界的审美。在色彩搭配上，解构重组传统色彩，给人们耳目一新的视觉冲击。按照产品的需要，组合传统色彩，让界面蕴含传统文化的气息，又能用新的表现形式传播传统文化。具体的某一种色彩，也可根据色彩的属性进行适当的调整，即保留传统色彩的特点，又能符合设计的目的，从而促进中国传统色彩向前发展，从而实现传统文化的继承传播。五、UI设计概述UI设计是人与机器传达信息的感官层，其中包括对交互、界面、操作逻辑三个方面的设计4。设计人员需要从用户需求和产品特性进行设计。当下信息高速发展，UI设计对用户需求的考虑越来越多，界面不仅满足可用性易用性需求，还要对用户产生吸引力和共鸣感。在这种情况下，把具有强烈意象的中国传统色彩带入到UI色彩设计中，就显得十分必要。1.UI设计中的色彩技术上，miniled和oled屏幕技术的更新迭代，电子设备的色域值和对比度越来越高，中国传统色彩的高级灰和纯色能够准确表达，如高级灰中的檀、绾、酡颜（见图1），纯度高的色彩如炎、妃色、燕颔红（见图1）。信息由视觉进入我们的大脑，然后会对信息的色彩、外观、形状等进行分析，从而对事物有一个初步的了解。5在UI设计中，色彩是抓住用户视觉注意力的首要元素，由于人脑的特性，用户总是先记住界面的色彩而不是形式。所以利用色彩的差别可以构建界面的整体结构、明确界面层级关系、营造和谐的视觉风格。也可根据UI设计中的用色要求灵活调整，如单色搭配、相邻色搭配、高对比搭配、主色，辅助色，点缀色搭配等。不同色相差别和色彩搭配传达的情感与获取的用户情绪反馈也不尽相同6，情感意象是中国传统色彩的灵魂，每一个色相和名称经过千百年的变化沉淀了深厚底蕴，更能调动中国人的感情，在UI设计中也更适用。以红黄蓝三种主要色彩为例，红色是中华民族最具特色的颜色。在五千年文明史中，红色被广泛运用到各种场景，红色像火一样，带来光明希望。UI设计中红色也更容易调动用户的情感，但纯红的饱和度过高，不适合大面积使用，如果选用中国传统色彩中的燕颔红和妃色等，在保证纯度的基础上，减少用户视觉上的疲劳，色彩搭配上，也可与中国传统色彩中的十漾锦和酡颜搭配，通过色彩纯度的差异，实现界面功能的区分，并且可以使界面更加和谐美观。蓝色是手机上大量使用的颜色，蓝色给人理智、神秘、信任、可靠的感觉，是世界最受欢迎的色彩之一，如果整个页面的蓝色元素过多，会产生一定的陌生感和孤美术与设计65大众文艺独感。蓝色在中国传统色彩中占有重要地位，最初是以“青”来命名，近现代称作“蓝”。根据五行学说，青对应东方和春天，即指蓝色也指绿色，有着希望的寓意。青瓷、青花瓷能印证传统蓝色在中华民族审美中的重要地位7。中国传统色彩中比较典型的蓝色有景泰蓝、霁青、深竹月等。黄色在中国传统文化中的象征意义则更强烈，黄色与土地皇权连接，女娲泥土造人、炎黄子孙等故事，都说明了黄色的特殊地位。8泥土的色彩与人体的肤色匹配，黄土高原，黄河孕育了华夏民族。8黄色代表了典雅、富贵，植根于中国人潜意识中。中国传统色彩中比较典型的色彩有佛手黄、藤黄等。每个国家的文化不同，对色彩的解读感受也不相同，UI设计的发展跟大众的审美需求的变化是相辅相成的，在中国传统色彩中，有许多可以提取到当代UI色彩设计中的颜色，这些中国传统色彩与现代西方色彩相比，更适合本国用户的审美，运用到UI设计中能彰显中国传统色彩的魅力，而且也为中国传统色彩的传播提供新的途径。2.UI设计中的色彩设计原则第一，根据产品特性和用户需求考虑主色调。界面的主色调应在充分考虑产品特性和用户需求的前提下确定，也可与品牌色保持统一。如肯德基的应用界面、LOGO、包装、店铺都保持一致。根据七色秒理论，用户在7秒之内对色彩产生深刻印象。因此合理的运用色彩对软件应用的成功起着关键作用。统一的色彩会加深用户的品牌印象，用户会仅通过色彩对商品做出判断，甚至品牌色会影响用户如何看待品牌表现出的性格。所以主色调的合理选择尤为重要。但是当今社会色彩冗杂，利用中国传统色彩独特的色相与搭配可以打造品牌界面的差异性，传递中国情感，调动用户情绪。从产品特性方面考虑，冷色偏理性，暖色偏感性。购物类软件的色彩应用波长长的色光，如淘宝的橙色、京东的红色。这类色彩会刺激人的神经，提高用户的兴奋度。在中国传统色彩可选用炎色、妃色、燕颔红等波长较长的颜色。知识类和支付类软件一般选蓝色系，蓝色有理性可靠的感觉，如知乎、支付宝、PayPal等。在中国传统色彩中景泰蓝、深竹月、宝蓝是比较适合的颜色。第二，明确色彩层级关系。通过色相和色彩权重的不同来建立UI界面的层次关系。9也通过色调、纯度、明度的调整来表现信息元素的优先级。高对比表现重要信息，低对比显示次要内容。在用户做重要决定的步骤选用醒目的主色，会加深用户的品牌印象。如京东、淘宝的付款按钮都跟自己的主色保持一致。中国传统色彩中以红色系为例，燕颔红，酡颜，朱膘在保证色调和谐的同时能根据纯度的不同区分明确的界面层次结构。第三，营造整体的风格和艺术价值。整个界面是一个复杂的视觉系统，不仅有合理的层级关系，还要让区分这些层级关系的色彩融入一个整体氛围中，形成统一的风格。9根据色不过三原则，每一个页面中不要使用超过三种颜色搭配，其比例为6：3：1，在60%的区域使用主色，30%的区域使用辅助色，最后的区域使用装饰色。这三个按比例分布色相之间相互呼应，能进一步提升界面的层次感，防止颜色混乱，营造整体氛围感。结语色彩作为视觉系统中传播性最强的元素之一，把中国传统色彩运用到UI设计中是传承中国传统文化有效的手段和方式。中国传统色彩文化传播的意象是强烈的，不仅承载了中华千百年的历史，还寄托着每一个中国人的情怀。感受中国传统色彩的意象，让中国传统色彩在不断地创新传播形式和利用中升华，中国传统色彩不仅具有顽强生命力而且具有很强的时代感。继承和发扬中国传统的色彩，是中国人的责任和义务，当真正了解了中国传统色彩才能体会东方审美、东方味道。让中国传统色彩被世界越来越多的人喜爱，推动形成一个具有中国鲜明特色的体系。参考文献：1任南.中国传统色彩配色技巧在艺术设计中的研究及应用J.美术与设计,2021(6):159-162.2付鹏丽.审美文化视野下的中国传统色彩的内涵分析J.美术教育研究,2022(9):22-23.3孙亚楠.现代艺术设计中传统色彩的创新应用J.设计艺术研究,2016(2):74-77.4戴文雅.研究色彩心理学在UI界面设计中的应用J.设计,2021(16):96-98.5彭斯礼.UI设计中的色彩应用研究J.数字通信世界,2022(5):97-99.6蒋飞燕.浅析色彩在UI设计中的应用J.传播力研究,2019(4):171-172.7蔡培志.中西方传统色彩文化比较蓝色J.艺术教育,2021(11):29-33.8任绪来.中国传统色彩文化中的黄色审美文化研究D.济南:山东师范大学,2011:16-21.9李时颖.UI设计中的色彩运用研究J.电脑知识与技术,2016(31):193-194.作者简介：张向阳（1996-），男，汉族，河北衡水，东北林业大学设计学硕士生，研究方向：视觉传达设计；通讯作者：谷岩（1971-），男，汉族，黑龙江哈尔滨，东北林业大学副教授，研究方向：艺术设计。美术与设计