论文部分内容阅读
摘 要:互联网已经成为人们获取并传递信息的必要途径,并逐渐深入到人们的日常生活、工作当中。但是现今的许多网页设计作品依然存在着不足。例如:色彩与艺术手法不当使用;网页之间的过分“借鉴”造成网页设计的千篇一律,从而造成自己特色的缺失。一些“网站”,从标题的放置、导航的模式、按钮的排序甚至到动画的采用上都有很多相似之处,就像批量生产的产品,缺失了自己的特点。本文结合网页设计中的阅读习惯以及视觉心理在网页中的体现,充分考虑网页设计的审美需求,研究视觉艺术语言在网页设计实践中的运用与体现。
关键词:网站界面;视觉传达;设计
人们不断追求完美,网页设计亦是如此。它要考虑如何使受众能更多更高效的接受信息从而使他们对网站留下很好的印象。古往今来,关于形式美的规律被很多艺术家和学者所提出,因此,在网页设计过程中,设计者必须去研究,并主动地掌握并运用这些规律去发现美。当然,各个时代审美观念和美学特征不同。在信息高速发展的今天,新的审美需求随之产生。将网页设计推向了更高层次的境界,这也是网页设计发展的必然趋势。这就要求设计师们遵循条理与反复、变化与统一、均齐与平衡、对比和调和、节奏与韵律等原则,以及对网页中文字、图形、色彩的设计的规律,创造优秀的网页作品。
1.网站界面文字设计的原则和方法
1.1文字设计要与网站界面中的信息内容相符合。主要指文字设计的风格与内容相符合。例如,政府部门网站界面中的文字要庄重、规范、大方有序,才符合政府部门庄严的性格;公司的网站界面可以根据企业理念和行业性质的特点,追求字体编排的活力感;个人主页则可以根据自己的兴趣爱好,进行别出心裁的设计。
1.2网站界面中以阅读为目的的文字要考虑用户的视觉特点。
句子不能太长,一句保持在 25-30 个汉字,段落简短,正文字体大小一般在 14pt左右,标题稍大,即要照顾整个页面的效果,也要便于阅读,在屏幕上阅读不像在书本上阅读那样舒服,如果次序不清、视觉疲劳,就失去了文字表达的机会。要考虑不同年龄段用户视力的特点,例如,目标用户是老年人,有必要相应放大字号,用户的近视、远视等问题都会影响信息的获取。要适合打印,有些用户不喜欢对着屏幕阅读,想将其打印到纸上,采用无衬线的字体更适合打印,打印出来清晰适合阅读。
1.3传达信息是文字的主要功能,装饰位于次要位置。必须确保文字设计效果能够给用户清晰的视觉印象,避免页面杂乱;有艺术感的文字固然有助于给用户带来良好的体验,但是不能过分,尽量去掉不必要的装饰和变化,保证用户易读、易认[1]。不能为了编辑造型,忽略文字本身表达信息、传达内容的作用。
1.4避免繁多的字体种类,保证风格统一。由于计算机内有很多种类的字体,所以设计网站界面的时候,没有特别的需要,设计师不需要自己设计字体,虽然如此,同一网站界面上字体的选择与搭配,对设计师来说也是一种考验,其难度不亚于字体设计。
2.網站界面图形设计的原则和方法
不少网站界面只重视视觉冲击力,而忽视了图形传达信息的内涵。有些网站上过多动感的图片,不仅干扰了用户的浏览速度,也影响了信息的传达,没有真正考虑到用户体验。图形设计是一项高技术含量的工作,设计师需要在信息内容和设计美感之间寻找平衡,做到既清晰的传达信息,又体现出设计的创意[2]。基于用户体验的图形设计的方法总结如下:
2.1保证图片清晰的情况下,尽量缩小图片大小。普通图片压缩到几十 KB,有的甚至十几 KB,以免浪费不必要的下载时间。但是也有另外一种情况,如果某个图片有“一图值千字”的效果,花点时间下载是完全值得的。用户等待的时候设置进度条,等待进度条可以减轻用户烦躁的心情,使用户耐心浏览页面。
2.2进行合理的图文结合。根据网站界面信息内容的需要,确定该页面的主体是文字还是图片,如果以图为主体,需要将其设计在明显的位置上,吸引用户视线;如果以文字为主体,图形就需要起到良好的衬托作用。注重视觉的主次关系,避免给用户带来错乱感。
2.3动态图形要合理使用。与网站的内涵相符,才能够起到事半功倍的效果,否则只会变成技术的演练。
2.4图片的选择要体现网站的主题。图片在网站界面设计中要起到传达信息的作用,而不仅仅是装饰点缀,选择正确的图片有助于帮助用户理解想要表达的内容。图片具有内容多样和范围广泛的特点,图片的选取要与网站的风格、定位、内容相符,不能盲目选取,选择有代表性的图片,才能体现出网站的特点。
2.5重视背景的选择。到底用颜色还是有变化的图片做背景,不仅仅是由页面效果决定,还要考虑背景的加载速度,因为颜色做背景要比图片做背景加载速度快得多,同时也能充分体现页面主体物的外观,所以有些页面采用颜色做背景。如果用有变化的纹理或图片做背景,可以采用 gif、png 格式,将背景图形的尺寸要所在 20k 以内,平铺成精心构造的形状,使之成为重要的界面组成部分。
3.网站界面色彩设计的原则和方法
3.1色彩倾向与用户需求一致。网站界面色彩设计要把握用户的心理,根据目标用户的特点进行设计,不同行业对色彩有不同要求,色彩基调与网站界面设计风格一致,才能起到帮助用户完成目的的作用[3]。
3.2色彩的性格与网站界面的信息内容一致。色彩有很多性格,用形容词描述主要:有智慧、诚信、自然、健康等。
3.3网站界面与界面之间的色彩关系要统一。一个网站是由很多界面组成的,这些界面中的色彩在时间和空间的不同分布,会给用户不同的体验。一般有气氛统一和动态两种。整套网站界面统一的方法有:布局和色彩都统一、布局统一色彩跳跃和布局不同色调统一。
3.4合理利用色彩的关联性。同一种色彩可以代表积极的一面也可以代表消极的一面。比如橙色可以代表时尚、现代,也可以代表色情、淫欲等。到底能够表达积极还是消极,就取决于怎样运用周围的颜色,以及网站本身的内涵。
伴随着互联网信息时代的发展,网页艺术设计必然成为一个新兴的艺术设计门类。“互联网+”概念的提出,特别是移动终端的高度发展,网页艺术设计进入越来越多人的视野,越来越多的行业需要通过网页艺术设计来提高企业知名度,推广他们的品牌,推销他们的产品。这给网页艺术设计的发展带来了新的契机,但同时也给网页艺术设计师提出了更高的要求。
参考文献
[1] 曹世峰.浅析网页设计中视觉表现的多样性特征 [J].美术教育研究.2011(11):87.
[2] 涂杰.视知觉在网页设计中的表现 [J].艺海.2010(02):74.
[3] 孙晓娟.基于 Web 标准的网站布局的设计与实现 [J].科技信息.2010(01):44.
作者简介
梁宏昌(1981-),男,新乡学院艺术学院讲师,硕士
(作者单位:新乡学院艺术学院)
关键词:网站界面;视觉传达;设计
人们不断追求完美,网页设计亦是如此。它要考虑如何使受众能更多更高效的接受信息从而使他们对网站留下很好的印象。古往今来,关于形式美的规律被很多艺术家和学者所提出,因此,在网页设计过程中,设计者必须去研究,并主动地掌握并运用这些规律去发现美。当然,各个时代审美观念和美学特征不同。在信息高速发展的今天,新的审美需求随之产生。将网页设计推向了更高层次的境界,这也是网页设计发展的必然趋势。这就要求设计师们遵循条理与反复、变化与统一、均齐与平衡、对比和调和、节奏与韵律等原则,以及对网页中文字、图形、色彩的设计的规律,创造优秀的网页作品。
1.网站界面文字设计的原则和方法
1.1文字设计要与网站界面中的信息内容相符合。主要指文字设计的风格与内容相符合。例如,政府部门网站界面中的文字要庄重、规范、大方有序,才符合政府部门庄严的性格;公司的网站界面可以根据企业理念和行业性质的特点,追求字体编排的活力感;个人主页则可以根据自己的兴趣爱好,进行别出心裁的设计。
1.2网站界面中以阅读为目的的文字要考虑用户的视觉特点。
句子不能太长,一句保持在 25-30 个汉字,段落简短,正文字体大小一般在 14pt左右,标题稍大,即要照顾整个页面的效果,也要便于阅读,在屏幕上阅读不像在书本上阅读那样舒服,如果次序不清、视觉疲劳,就失去了文字表达的机会。要考虑不同年龄段用户视力的特点,例如,目标用户是老年人,有必要相应放大字号,用户的近视、远视等问题都会影响信息的获取。要适合打印,有些用户不喜欢对着屏幕阅读,想将其打印到纸上,采用无衬线的字体更适合打印,打印出来清晰适合阅读。
1.3传达信息是文字的主要功能,装饰位于次要位置。必须确保文字设计效果能够给用户清晰的视觉印象,避免页面杂乱;有艺术感的文字固然有助于给用户带来良好的体验,但是不能过分,尽量去掉不必要的装饰和变化,保证用户易读、易认[1]。不能为了编辑造型,忽略文字本身表达信息、传达内容的作用。
1.4避免繁多的字体种类,保证风格统一。由于计算机内有很多种类的字体,所以设计网站界面的时候,没有特别的需要,设计师不需要自己设计字体,虽然如此,同一网站界面上字体的选择与搭配,对设计师来说也是一种考验,其难度不亚于字体设计。
2.網站界面图形设计的原则和方法
不少网站界面只重视视觉冲击力,而忽视了图形传达信息的内涵。有些网站上过多动感的图片,不仅干扰了用户的浏览速度,也影响了信息的传达,没有真正考虑到用户体验。图形设计是一项高技术含量的工作,设计师需要在信息内容和设计美感之间寻找平衡,做到既清晰的传达信息,又体现出设计的创意[2]。基于用户体验的图形设计的方法总结如下:
2.1保证图片清晰的情况下,尽量缩小图片大小。普通图片压缩到几十 KB,有的甚至十几 KB,以免浪费不必要的下载时间。但是也有另外一种情况,如果某个图片有“一图值千字”的效果,花点时间下载是完全值得的。用户等待的时候设置进度条,等待进度条可以减轻用户烦躁的心情,使用户耐心浏览页面。
2.2进行合理的图文结合。根据网站界面信息内容的需要,确定该页面的主体是文字还是图片,如果以图为主体,需要将其设计在明显的位置上,吸引用户视线;如果以文字为主体,图形就需要起到良好的衬托作用。注重视觉的主次关系,避免给用户带来错乱感。
2.3动态图形要合理使用。与网站的内涵相符,才能够起到事半功倍的效果,否则只会变成技术的演练。
2.4图片的选择要体现网站的主题。图片在网站界面设计中要起到传达信息的作用,而不仅仅是装饰点缀,选择正确的图片有助于帮助用户理解想要表达的内容。图片具有内容多样和范围广泛的特点,图片的选取要与网站的风格、定位、内容相符,不能盲目选取,选择有代表性的图片,才能体现出网站的特点。
2.5重视背景的选择。到底用颜色还是有变化的图片做背景,不仅仅是由页面效果决定,还要考虑背景的加载速度,因为颜色做背景要比图片做背景加载速度快得多,同时也能充分体现页面主体物的外观,所以有些页面采用颜色做背景。如果用有变化的纹理或图片做背景,可以采用 gif、png 格式,将背景图形的尺寸要所在 20k 以内,平铺成精心构造的形状,使之成为重要的界面组成部分。
3.网站界面色彩设计的原则和方法
3.1色彩倾向与用户需求一致。网站界面色彩设计要把握用户的心理,根据目标用户的特点进行设计,不同行业对色彩有不同要求,色彩基调与网站界面设计风格一致,才能起到帮助用户完成目的的作用[3]。
3.2色彩的性格与网站界面的信息内容一致。色彩有很多性格,用形容词描述主要:有智慧、诚信、自然、健康等。
3.3网站界面与界面之间的色彩关系要统一。一个网站是由很多界面组成的,这些界面中的色彩在时间和空间的不同分布,会给用户不同的体验。一般有气氛统一和动态两种。整套网站界面统一的方法有:布局和色彩都统一、布局统一色彩跳跃和布局不同色调统一。
3.4合理利用色彩的关联性。同一种色彩可以代表积极的一面也可以代表消极的一面。比如橙色可以代表时尚、现代,也可以代表色情、淫欲等。到底能够表达积极还是消极,就取决于怎样运用周围的颜色,以及网站本身的内涵。
伴随着互联网信息时代的发展,网页艺术设计必然成为一个新兴的艺术设计门类。“互联网+”概念的提出,特别是移动终端的高度发展,网页艺术设计进入越来越多人的视野,越来越多的行业需要通过网页艺术设计来提高企业知名度,推广他们的品牌,推销他们的产品。这给网页艺术设计的发展带来了新的契机,但同时也给网页艺术设计师提出了更高的要求。
参考文献
[1] 曹世峰.浅析网页设计中视觉表现的多样性特征 [J].美术教育研究.2011(11):87.
[2] 涂杰.视知觉在网页设计中的表现 [J].艺海.2010(02):74.
[3] 孙晓娟.基于 Web 标准的网站布局的设计与实现 [J].科技信息.2010(01):44.
作者简介
梁宏昌(1981-),男,新乡学院艺术学院讲师,硕士
(作者单位:新乡学院艺术学院)