浅析敦煌元素在UI设计上的应用

2020-07-10 16:22姜峰李玉龙
视界观·下半月 2020年4期
关键词:UI设计界面设计

姜峰 李玉龙

摘要:隨着手机的普及,手机应用逐渐向多元化的方向发展,APP的内容与界面也日趋丰富。敦煌莫高窟中的壁画、藻井图案都是具有高度美学的元素,将敦煌藻井、壁画等元素经过现代提炼,通过扁平化的再设计,将敦煌元素以新的形势融合进UI界面设计,让界面元素更加丰富,凸显APP内容,形成独特的设计风格。

关键词:敦煌元素;UI设计;界面设计

一、敦煌藻井图案Ul设计应用研究

敦煌藻井图案是敦煌石窟、壁画中常用的装饰性图案,其图案纹样精致细腻,色彩绚丽丰富,纹样类型繁多,极具特色。在UI设计上,敦煌藻井图案的再设计,可以让画面元素更加丰富,同时使用户理解与感受敦煌独特的魅力。

藻井自身所包含的装饰效果,对于现代设计无论是从结构形式、装饰纹样还是色彩搭配上,都是绝佳的素材来源。敦煌藻井的元素可在设计中提供基本的元素和更多的可能性,尤其在具有地方特色或者中国韵味的APP界面设计中,敦煌藻井元素完全可以进行深度的挖掘和再设计进行应用。

敦煌藻井有着非常完整的色彩体系,尤其是装饰色彩的符号化。在敦煌藻井图案中,藻井图案的色彩经过历朝历代的不断完善,具有相当丰富的色彩与搭配形式。如隋代藻井以石绿、土红、石青为主,色彩丰富,沉稳大气;唐代藻井以赭石、朱红、土黄、金为主,色彩层次分明,浓艳富丽;五代、宋朝以石青、土红、石黄、铁黑为主,色彩相对单调,整体色偏青绿,程序化;西夏元朝时期则以石青、灰蓝、石黄为主,呈现出少数民族新风格,色彩单调,色调统一。

藻井图案在UI设计上主要分为色彩与结构的借鉴,通过这两方面的借鉴进行再设计,可以将藻井图案作为uI界面元素、背景元素、LOGO以及ICON的设计。结构上,藻井图案以圆形、椭圆形、方形对称图案居多,藻井元素多为连续和对称为主要构图方式,这使得藻井元素基本满足了扁平化的设计的要求。但就藻井图案内容而言,图案的多方连续和填充的密度使得图案直接使用时元素过多,因此,需要对藻井图案进行一些提炼和简化,让图案更加偏向于扁平化、可视化的风格。在色彩上,敦煌藻井图案可借鉴的图案主要为两种,即其上色时的纯度、饱和度较高的原色,与经过时间打磨逐渐退色后现在我们所看到的偏灰色,这两种色彩具有不同的质感与美感,因此,在界面设计活泼、鲜艳的风格下,可以借鉴藻井饱和度较高的配色方案,而在界面整体风格较为沉稳、高级的风格下,则可运用褪色后偏灰色的配色方案,通过搭配藻井图案,让界面整体的风格更具有特色。

二、敦煌壁画形象UI设计应用研究

敦煌壁画经过不断的发展,形象丰富、特点鲜明。敦煌壁画的色彩同藻井图案一样,敦化壁画色彩也为上色时的高饱和度纯色与褪色后的灰色系为主。壁画总体面积较大,因而色彩更加丰富,通过风沙侵蚀和褪色过程,使得壁画色彩直观上呈现出一种年代感,在色彩和形式上都可作为一种设计借鉴。

在敦煌壁画形象的在设计上,壁画的丰富的元素可直接或间接的用作UI界面的元素,在壁画诸多的造型中有诸多元素与现今符号寓意有相同之处,如众多APP界面ICON中将“我的”这一图标通常以简化的人的形状进行应用,这种符号化的图案让用户可以一目了然的明白此图标与个人信息有关,在这种大众对符号化图案具有一定了解能力的基础上,将敦煌元素中的佛像、人物等形象进行替换,也可以起到解释“我的”这一功能的作用。此外,敦煌壁画元素中有具有大量本土化的图案,有其独特的象征、寓意等等,如飞天、祥云、九色鹿形象等,这种图案在中国已然成为一种符号化、普及化极高的敦煌特色元素,将这种图案融入于UI界面设计中,一方面可以增加界面元素的丰富性,另一方面可使得设计更加具有文化底蕴。

通过借鉴敦煌壁画丰富的色彩和极具代表的形象,融合到UI进行重新的设计,在保留原本壁画美的前提下融入现代设计的审美与设计原则,将壁画融入UI的使用中,首先丰富了APP的界面元素内容,其次将敦煌的美展现给用户,更好的弘扬敦煌文化。

结论

手机界面作为用户在操作中直观可视化的部分,可以使用户产生视觉共鸣的效果,同时也是辅助APP内容体现与完成交互的载体。合理使用敦煌元素进行设计,一方面可以使界面元素多样化,从图形结构、色彩等方面更好的体现APP的主题与内容;另一方面通过敦煌元素与现代设计结合,让更多人看到敦煌文化的闪光点,做到更好的宣传和使用敦煌文化。

猜你喜欢
UI设计界面设计
中国传统元素在界面设计中的应用
浅谈艺术设计中UI界面设计及应用
界面设计中的图形创意方法
新媒体界面设计对当代报纸版面设计的启示
基于博物馆APP界面视觉艺术元素的探究
介于多设备时代下的界面设计表现方式上的差异性
Android手机主题设计 
UI设计在产品形象中的价值与应用
面对不断扩展的设计在教学和实践中的探索
浅析原创动漫作品手游《Battle Glory》中的UI设计