网站设计论文
摘 要： 为了顺应时代发展趋势,不少地方的相关文化部门和民间传统文化艺术组织都在互联网上搭建了自己的线上交流平台,以推进自身发展、提升国内外关注度、获得更多合作机会,更好地进行文化传播和推广。但是目前国内传统文化艺术网站的外观设计质量参差不齐,有些网站无法给用户带来良好的文化体验,甚至观感粗糙简陋,这都对传统文化的发展带来了一定程度的消极影响。在5G万物互联背景下搭建传统文化艺术交流平台,我们在设计中应以明确主题、营造氛围、版式精美、操作便捷为主要设计方向。利用信息可视化和舒适美观的版式设计让用户更直观地感受传统文化艺术的魅力,融合传统文化艺术与科技,将其深厚的文化积淀发扬光大,对传统文化艺术发展起到积极的推动作用。
关键词： 传统文化; 民间艺术; 视觉设计; 网页设计;
一、引言
我国悠久的历史与丰富的人文环境催生了很多优秀的传统文化和传统艺术,早期受地域环境和传播水平的限制,发展略缓慢。随着电子信息技术的提升,网页以其不受地域限制、面向全社会公开的特性,使其成为最广泛的文化传播方式。且随着时代的发展,5G技术将带来网页的功能革新和体验革新,利用网页在智能终端的应用,将达到速度更快、信息种类更多、传播更广的效果。因此,不少民间传统文化艺术组织在互联网上自发地搭建了相关的线上交流平台,以推进自身发展,获得国内外更多的关注及合作机会,更好地进行文化传播和推广。
从国内目前已上线的多个传统文化艺术网站的设计来看,部分网站界面缺乏艺术美感,这在一定程度上拉低了用户对国内传统文化艺术的认可与喜爱度,网页文化氛围和文化情感传递的缺失也是国内传统文化网站浏览量普遍较低的原因之一。笔者认为,在传统文化艺术网站设计中,若想通过网页的形式传达出传统文化艺术的外在表现和内在意蕴,应按照网站目标用户需求进行设计分析,确立网站主题后再选择合适的文化艺术符号镶嵌其中。并将网站功能与内容、色彩、版式进行有机整合,以彰显优秀传统文化艺术的文化与美学理念,结合时代潮流,增添相应的互动及视听设计提升用户体验。作为传统文化艺术的线上互联窗口向大众展示着互联新时代、新平台上的中华传统文化艺术新发展。
二、国内传统文化艺术网站视觉设计分析
(一)选取样本
我国目前在互联网上线的传统文化艺术网站众多,根据网站主要内容大致可以分为三类:国学书画类、非物质文化遗产类、民俗民艺类。在这三类传统文化艺术网站中,我们各分别选取了8个比较典型的网站进行采样分析,选取的网站样本如图1所示。
(二)优秀设计案例分析
在对三类传统文化艺术网站进行采样分析后发现,部分网站视觉设计非常出色,在新颖的数字技术下将传统文化艺术的意蕴表达得淋漓尽致,在简约美观的同时展现出特有的国潮感。而这类网站一般都是大型传统文化艺术组织的门户网站。如中国非物质文化遗产数字博物馆是由中华人民共和国文化和旅游部主管,中国艺术研究院·中国非物质文化遗产保护中心主办,是国家向世界展示中国非物质文化遗产的“窗口”,因而无论是在设计还是功能上都代表着目前国内非物质文化遗产网站最高的制作水平。在民间艺术组织自发建立的传统文化艺术网站中,中国传统文化网以其主页设计排版的美观,从而在采样分析中脱颖而出。
1.中国非物质文化遗产数字博物馆(http://www.ihchina.cn.cslg.naihes.cn/)
图1 国内传统文化艺术网站分析采样表
以中国非物质文化遗产数字博物馆为例,一个完整的非物质文化遗产网站界面设计必须满足“功能”“形象”“用户体验”三个基本要素,只有将实用、美观、友好和谐统一起来,才能做好非物质文化遗产网站的设计。在网站设计的同时也要尽量兼顾非物质文化遗产网站的特殊性[1]。中国非物质文化遗产数字博物馆网站的设计简洁大方又耐人寻味,在色彩上使用了纯度和明度不高,但是具有民族特色的搭配。因为“非物质文化遗产”多来自不同民族的特色文化,响应了网站主题,又对其中深色系和浅色系做了区分,用深色部分为基底衬托出浅色部分,醒目且协调。
网页上放置了大量与非物质文化遗产相关的图片和部分经过后期处理的相关活动照片。因活动照片主体为人物且多为现场抓拍,在没有特定着装的情况下很容易与精心设计的网页整体产生违和感。针对此问题,设计者很聪明地在照片周围添加了带有传统文化艺术符号特征的纹样与背景,以表达活动内容与非物质文化遗产主题的关联性,增强页面整体融合感。
图3 中国非物质文化遗产数字博物馆网站图片
图4 中国非物质文化遗产数字博物馆网站排
图5 中国非物质文化遗产数字博物馆网站内容
网页版式上有虚有实,其中的留白艺术使图片和文字之间有了交流和呼应,营造出较强的空间感,赋予用户无限的创意和想象力,增强网页版面的韵律和呼吸感、可辨认性与可读性,能快速有效地帮助用户浏览,最终保持各元素之间的相对平衡[2]。依据内容的不同划分了不同的板块,字体的大小与密集度适合读者阅读,可使其浏览过程轻松且简单明了,并配合内容的文本增添了适量的图片作为点缀,降低了单一文字排版带来的视觉压迫感,增强了页面的丰富性,给用户非常舒适的观感。
图2 中国非物质文化遗产数字博物馆网站色彩
网站内容上全部都是与“中国非物质文化遗产”相关的内容,针对性强且内容全面,基本涵盖了全部种类的国内非遗文化相关知识。目标用户覆盖范围广泛,设置了非遗保护机构查询、非遗保护政策查询、非遗保护资讯、在列非遗清单、非遗文化资源、学术研究、非遗百科栏七大栏目,极大程度地满足了不同用户了解及研究我国非遗文化的不同需求,起到了很好的资源整合作用。
2.传统文化网(http://www.zhwh365.com)
以传统文化网为例(中国传统文化促进会主办),主页设计视觉排版十分美观,进入网站后一眼便可看到精心制作的banner轮播图。设计者在banner设计颜色上以干净的浅灰色为底色,与网页整体的白色总背景进行区分。带有光影渐变的朱红色人物背景与墨黑色书法的搭配衬托出海报上的戏曲人物,传递出浓郁的中国传统文化气息。跃出红色背景边框的人物轮廓和书法字样增添了活泼灵动的感觉,大气而时尚的文化自信感扑面而来。
网页版式上依旧是有虚有实,图片与文字的结合减少了用户面对大量文字寻找信息的枯燥感,疏密合宜的排版让页面看起来整齐有序,不会因为信息过于密集而使页面显得杂乱无章。
网站内容全部是与“传统文化”主题相关的信息,并将其按照朝代、民族、地域、文化、杂家分类整理,给用户提供了多重可选择信息筛查方式,帮助用户迅速满足信息查询需求。
(三)发现问题
在对三类传统文化艺术网站进行采样分析后笔者发现,诸多网站因疏于设计管理,且部分网站所有者为民间组织,人力物力投入不足,导致其无法紧跟现代网页设计的脚步,视觉效果体验差,功能性与美观性不统一,无法满足用户当下对传统文化艺术网站设计视觉效果的要求,尤其是在用户浏览了大量时尚美观的网页后再浏览这类网站会感觉其审美性较差。在将不同传统文化艺术网站在设计中表现出的问题归类统计后,得出以下6个共同的问题:
1.颜色搭配不突出、不协调
图6 传统文化网网站banner
颜色是网站内容属性最直观的体现。浏览者仅需90秒就可以对一个网站做出判断,而其中 60%～90%取决于色彩[3]。网页界面视觉设计评价标准不在于色彩数量的多少,而在于色彩能否正确完整地传达出网页主体的内涵,是否具有针对性[4]。我们不难发现,网页设计中色彩的搭配可以直观地向接受者传达出一种潜在的意识影响,如科技类网站往往会使用蓝色来凸显科技的理性感;奢侈品牌类网站往往会使用白色、黑色、金色来衬托品牌的档次感。在传统文化艺术网站采样分析中,很多网页缺乏美感是因为它们虽然大多都选择使用了类似砖红、鹅黄等与中国传统文化艺术相关的色彩。但在颜色搭配上,它们或使用一种颜色做底色贯穿整个网页,十分单调;或使用不协调的2-3个颜色,无法向用户展示中华传统文化艺术的美感。
2.符号性图形设计过少
网站内应添加符号性的图形设计,用有倾向性的图形语言向用户表达网站属性。根据界面中应有的信息内容有针对性地进行文化符号形态的选取、提炼和应用,才能让交互界面产品在保证可用性的前提下有效传达出其文化内涵[5]。如动漫网站会设计很多漫画形象安置在页面和链接按钮中;学习类网站会设计一些书本、课桌、老师形象等图标图形。在对传统文化艺术网站采样分析中,很多网站缺乏符号性的图形设计,不论是网页板块与板块之间的衔接穿插,或者是在一些导航性的交互链接点的指引符号,都使用了与传统文化艺术毫无关联的图形设计。而没有在图标图形上加以润色,仅以文字和图片做修饰的网站只会给用户留下僵硬死板的印象。
3.网页排版问题较多
网页的排版属于版式设计范畴,将版式设计与网页设计有机结合在一起,恰当地运用版式设计法则将各元素组织起来,可以使网页中的各种视觉元素进行科学合理的排列与组合,兼具思维逻辑性与艺术性[6]。其设计的目的在于使数据信息接受者的各种感官都可以体验到丰富的艺术美感,使其在精神上得到相应的满足[7]。精美良好的版式设计不但可以提升用户的阅读体验,也是一种更快更好的传播信息的手段,优秀的网页版式设计在其内容的分布上和大部分用户的操作习惯一定是完美结合的,对用户快速精准找寻所需求的信息有引导作用。版式也是能代表网站内容属性的外在体现之一,如与政务类网站相比,艺术类网站的排版设计会用大图、大留白、不对称等表达活泼个性的网站形象;而政务类网站排版设计就会稍显紧密规整,以表达其严肃的网站形象和严谨的工作态度。在对传统文化艺术网站采样分析中,发现很多网站页面排版中文字密度过高、图片过少、内容过于集中,版面缺乏空间层次和韵律,没有呼吸感,进而拉低了用户使用体验,影响用户对网站主题和其主办单位的印象。
4.主页配图简略
主页是网站的展示页面,其余页面都是依赖于主页辅助其进行内容拓展的功能页面,主页的设计决定了用户对网站的主观定位,包括对网站的专业性和学术性的主观认知。传统文化艺术类网站要想向用户清晰地表达自己的定位,主页的配图十分重要,因为文字远没有图片直观。在对传统文化艺术网站采样分析中,看到部分网站在主页的配图十分简略,多是未经处理的活动照片,虽体现了相关工作人员的辛勤工作,但因活动照片多为人物合影,在后期往往未添加相关传统文化艺术元素,不能清晰表达“传统文化艺术”的概念,因而不足以向用户展示网站在传统文化艺术领域的专业性和学术性。
5.主页内容过多,页面过长
图7 传统文化网网站排版
图8 传统文化网网站内容
因为网站主页的内容是对网站的整体介绍,因此我们在制作网页的时候不仅要考虑怎么将网站最好的一面表达给自己的用户,还要考虑表达的方式和侧重点,不能一锅端,都放在主页上,造成杂乱的形象[8]。网站主页应适度地放置网站主要内容,不宜过长,主页内容过多会显得繁琐,让用户无法快捷准确地捕捉到可用信息,浪费了用户浏览页面的耐心。过长的主页还会影响二级页面的设计,二级页面因为内容的拆分,可表现的部分就会大打折扣,过长过细致的主页会衬托出二级页面的简陋,打破网站整体设计的平衡。在对传统文化艺术网站采样分析中,可见部分网站事无巨细地将网站一半的内容都在主页上展示了出来,不但使展示的内容碎片化,而且因为内容过多导致衔接部分的突兀感强烈。
6.无关内容过多,信息筛选困难
网站的内容与功能应以其主要服务对象的需求为主,访问我国传统文化艺术网站的用户需求应以对传统文化艺术的求知、交流、合作为主。而在对传统文化艺术网站采样分析中,发现部分网站内广告过多,商业性太强,并在其中加入了诸多与传统文化艺术主题无关的元素,如便民类生活服务等,这背离了传统文化艺术的主题,也对用户的需求信息筛选造成了一定的困难。
三、传统文化艺术网站设计策略解析
(一)明确主题
一个网站的存在,必然有它所要展示的内容,这些内容并不是东拼西凑、毫无关联的,而是有着共同核心,这个共同核心就是该网站的主题。网站的视觉设计应围绕网站的主题展开,确立它所导向的目标用户。一个网站的视觉设计是为网站主题服务的,其设计的意义是为了更好地展示主题。经过对中国非物质文化遗产数字博物馆和传统文化网两个设计优秀的传统文化艺术网站的分析,我们不难发现,其在内容上和视觉上都紧密切合网站主题,便捷有效地向大众展示着传统文化艺术的现状。“突出主题”是网页艺术设计的根本原则和核心宗旨,设计师无论如何创新页面色彩、布局、文字等,都必须突出主题,以保障网页传播信息的目的[9]。
(二)营造氛围
传统文化艺术网站的主题就是传统文化艺术,我们应利用设计手段营造出传统文化艺术氛围,满足用户的视觉感受,明确感受到这是一个与传统文化艺术有关的网站。由于人们在观看网页时,常会被其中的民俗文化元素所传递的情感吸引,获得本土文化心灵上的认可[10]。在营造氛围时,色彩和元素的运用十分关键,颜色有固定的象征意义,元素则是网站身份的象征。传统文化艺术有其悠久的历史积淀,色彩在明媚中又透露出沉稳和大气,这类色彩都有其独特且美轮美奂的名称,如:胭脂、月白、竹青、黛、秋香、鸦青、檀、绾、黎、酡颜等。合理利用这类色彩进行协调搭配,使颜色有层次感、丰盈感,产生视觉上的冲击力,进而给用户带来民族艺术和传统文化相糅合的色彩暗示。在对元素的选择中,传统文化艺术有其固定的表达元素,如纹样、壁画、水墨、戏曲、书法等,选取这类元素配合传统色彩的组合设计,在用户浏览网站时极易引起其心灵共鸣。
(三)版式精美
版式是网站外在美最重要的体现形式,如果说色彩和元素的搭配是网站外观设计的“灵魂”,那么版式则是撑起灵魂的“躯壳”。随着美育的不断发展,用户审美能力逐渐提高,国内外网站的外观设计都在趋于类的同化,这一由繁到简的过程也代表了设计中的“断舍离”理念。以原研哉为代表的设计师都主张设计的简约和现代化,疏密合宜的留白给用户遐想的空间,文字与大图的结合也更具表现的张力。在传统文化艺术网站的设计中,做好对内容的分类,协调板块与板块之间的关系,突出重点,合理留白,丰富文字与图片、视频的排列方式,避免排版的琐碎、集中、单一是设计重点。除此之外,还可以配合排版添加合适的动效,增添网页的趣味性,添加视觉差、响应式、行为召唤等操作设计,使用户在浏览网页时有代入感,给用户带来耳目一新的观感和沉浸式的交互体验。综合来说,由于网站空间的虚拟性,网页设计中的视觉信息传达也要善于利用多媒体技术加工网页的视觉元素,丰富网页的内容,优化用户的观感体验[11]。
(四)操作便捷
网站的功能应围绕其主题,满足用户的浏览和查询等需求,不应添加过多繁琐的操作流程设计,降低用户的浏览效率。在传统文化网站的操作流程设计上,应对网站内容做好归类,以不同级别的页面和不同的板块形式进行相应的展现,做好Menu、Butten和banner的引导设计,增设关键字查询等查询框,下拉页面侧边或顶部菜单固定展示等,便于用户最快、最准确地找到自己想要的信息。减少无关功能设计,增强网站的专业性和学术性。
四、结语
在互联网时代发扬优秀传统文化艺术,利用新平台推动其创新性发展,既有助于国民树立文化自信,也是在向中华民族伟大复兴迈进。在传统文化网站的设计中,我们应利用设计给用户营造出传统文化艺术的氛围,向用户展示传统文化艺术的美感,传递传统文化艺术的概念,以凸显在互联网上搭建传统文化艺术网站的价值。传统文化艺术网站不仅是传统文化艺术在互联网上的一个展示门户,更是利用互联网连接世界的优势为广大文化爱好者、研究者、青少年学生等人群创造一个文化艺术学习的途径。先辈将对生活的热爱和渴望,对自然的尊重和敬畏揉进文化习俗和艺术作品里,而我们则在互联网新时代利用网站设计和关联的硬件设备将传统文化艺术中的美与思想发扬光大。传统文化艺术网站设计应基于传统文化艺术底蕴创作的具有传统文化艺术美感的现代化设计,应与时俱进,不断发掘中华优秀传统文化艺术背后的价值,在5G时代以新技术和新面貌向用户展现中华传统文化艺术新风采。
参考文献
[1]孙正广.非物质文化遗产网站设计分析——以萍乡渔鼓为例[J].萍乡学院学报,2017(3):82-84+89.
[2]胡萍,许睿.浅析用户体验式网页布局及应用[J].福建电脑,2018(8):145-147.
[3]宇澳,刘雅菲,邵妍妍.浅谈网页设计中的色彩心理[J].科技风,2020(6):119.
[4]王晓俊.基于用户体验的网页界面视觉元素设计研究[J].吉林工程技术师范学院学报,2019(1):71-73.
[5]曾军伟,布乃峰.传统文化符号在网页界面设计中的应用研究[J].包装工程,2016(14):165-168.
[6]张帆.版式设计在网页设计中的应用[J].哈尔滨职业技术学院学报,2019(6):129-131.
[7]樊歆.版式设计在网页艺术设计中的分析[J].辽宁丝绸,2017(4):40-41+58.
[8]龚项成.浅谈网页设计中视觉文化表现的差异性及设计策略[J].艺术科技,2015(10):206.
[9]樊歆.网页艺术设计在审美视角下的研究[J].黑龙江纺织,2017(3):18-20.
[10]陈绍华.民俗文化在平面设计中的应用研究[J].包装工程,2017(12):218-222.
[11]朱婷婷,蒋飞燕.网页设计的视觉信息传达分析[J].美术教育研究,2019(9):103-104+107.