传统节日符号在手机APP界面设计中的具体应用
来源:用户上传
作者:
摘 要:传统节日符号有许多应用在当今生活的各个方面,在手机APP的界面设计中也有不少的应用,如何让传统与现代碰发出新的光彩,将传统节日符号具体应用到APP的界面设计的具体应用中,本文从具体的融合方式和环节两个方面进行了分析举例。
关键词:传统节日;界面设计;应用
传统节日元素丰富多彩,寓意深远,与人们的生活紧密结合。在当今移动互联的时代,手机APP同样也是生活中不可缺少的一部分,本文以春节为例,研究传统节日的代表符号与手机APP的界面设计的结合点,让传统与现代进行融合。
一、传统节日符号与手机APP界面设计的具体融合方式
传统节日的符号要与手机APP的界面进行融合,大致从图形、色彩、文字、典故这些方面进行融合。
(一)图形的应用
图形在视觉媒体中的占有突出的位置,春节的图形元素非常的丰富,对联、门神、年画、鞭炮、烟花、灯笼、饺子、红包等等。目前市面上的几乎所有的APP在春节期间都会利用这些图形来营造春节的氛围。比如在APP的欢迎页面可以设计“喜迎新春”主题的大海报,也可以对鞭炮图形进行设计,作为APP界面设计中的按钮等。
(二)色彩的应用
色彩最能快速的营造界面的氛围,不同的节日有不同的专属色彩,比如春节的红色,端午节的绿色,中秋的紫色等。在春节期间,几乎所有的APP界面都会使用红色来烘托氛围,红色对中国人来说是喜庆、幸福、热烈、美好的象征。在设计中。红色是主色,结合黄色、青色等传统色彩,可以快速把用户带入到节日的氛圍之中。
(三)文字的应用
这里的文字主要是指传统节日的常用祝福语,比如春节的拜年、吉祥,端午的安康、健康,中秋的团圆,美满等等,这些都非常有节日的代表性。在APP的界面设计中一方面要很好的利用这些祝福语,比如春节期间,界面的首页写“给你拜年啦!”“购物抢红包”等等;另一方面在文字的造型设计上也可以做变化,比如“拜年”与鞭炮结合,进行字体的设计,图文集合,寓意更加的丰富。
(四)典故的应用
每一个节日都有一个故事,每一个故事都被中国人所熟知。比如,春节年的故事、十二生肖的故事等等。在界面设计中也可以结合典故,比如在页面的等待画面可以设计放鞭炮吓走年的动画,鞭炮的燃放的过程就是等待的过程,鞭炮放完年就逃走了,下一级页面也打开了,使用户的等待不枯燥,有情趣。
二、APP界面设计的具体环节与春节元素的具体结合
(一)欢迎界面设计
欢迎界面的设计结合节日可以设计成组图或是动画的形式。主色调以红色为主,图片元素要结合APP的价值理念,力求内容与春节的元素找到一个最好的契合点,进行有效地图片合成,即能反映春节的氛围,又能隐喻地推广APP的价值理念。
(二)首页设计
首页主图一般起到营造氛围和活动推广作用,在设计时可以将活动推广内容与节日结合起来。比如春节期间的促销活动,将APP中的产品或服务与春节元素进行结合;再比如APP的首页分栏也可以与春节进行结合,让整个首页都营造出节日的氛围,但又与APP的内容不牵强。
(三)页眉、页脚设计
眉页和眉脚每个页面都会出现,在设计时,首先可以结合不同节日的代表色彩进行变化,其次在功能按钮的旁边也可以加上节日的代表性符号。比如春节自然是使用红色来表现,有些平时主色并不是红的的界面可以临时用红色来代替,有些平时的就是红色的界面则可以设计的更喜庆一些,比如加上传统的花边,加上生肖、鞭炮、灯笼等图形在页眉和页脚的两边位置,可以起到非常好的装饰效果。
(四)导航栏
导航栏多用图形和文字共同表现。设计时结合节日的特点进行变化,比如春节期间,导航栏各个部分的图形和文字都可以用剪纸的形式来表现,就像春节期间贴的窗花。也可以给导航栏加上一些节日的元素,比如可以整体做成对联的样式,体现节日主题,又给人以巧妙的体验。
(五)图标
图标在APP界面设计中起到图形阅读和美化的作用,在设计时,结合不同的节日特点进行适时的变化。比如表示“回到首页”的图标,在春节期间,就可以用“福”字表示,“我的”可以用用一个福袋来代替,“好友”可以用作揖的手势剪影代替,等等,不仅具有很好的视觉效果,寓意也很好。
(六)动画
APP的动画包括欢迎页面、画面跳转、等待、图标按钮等方面。在设计时比如等待动画可以用放鞭炮、吃饺子、装钱进红包等等,图标按钮同样可以设计成动画的形式,增添画面的喜庆感。
总之,传统节日符号与手机APP的界面设计有很多的融合之处,在设计过程中,一定要找到传统节日与APP内容的结合点,将两部分有机的融合,即能继承传统节日,让传统文化发扬光大,又能很好地宣传APP,起到很好的营销效果。
参考文献:
[1]刘艳.中国传统节日食品文化APP设计研究[D].中国知网,2016.
[2]叶纯青.互联网下的“新年俗”金融科技时代[M].万方智搜,2018.
[3]郑一舟.传统文化类APP界面视觉设计研究[D].中国知网,2017.
转载注明来源:https://www.xzbu.com/1/view-15154922.htm