论文部分内容阅读
摘 要 网页作为一种信息载体,为设计者提供了新的设计领域和设计课题。随着计算机网络技术的迅速发展和普及,人们的生活、工作、学习等各方面变得更加便捷自由。网页设计的视觉元素就成为网络信息传达的重要组成部分,网页设计作为平面设计在现代社会生活中的发展和延伸,在视觉元素的应用上同平面设计有很多相同之处。本文从网页设计中视觉元素对网页视觉风格的影响做出具体分析,阐述了网页设计中平面视觉元素对网页整体视觉效果的影响。
关键词 平面视觉元素 网页设计 运用
一、平面视觉元素的内容
艺术规律的共性是相同的形式元素。点、线、面是网页设计和印刷类平面设计中共同拥有的基本形式元素,在利用点、线、面进行设计时网页设计与印刷类平面设计都具有相同的艺术规律。点是一切造型的基础。是具有空问位置的视觉单位。康定斯基说:“点本质上是最简洁的形”。点是网页设计中非常重要的元素,是最基本的元素。在网页设计中这些元素相辅相成,最终合理搭配才能形成一个完美的界面。其中最为基本的平面视觉元素就是文字、图形、色彩、版式。
二、平面视觉元素在网页设计中的运用
(一)文字设计在网页设计中的运用
网页设计师首先要对所要设计的网站进行全面的了解,包括企业文化、发展史、产品特点、受众信息等,然后进行综合分析,对网站的整体风格进行准确把握,以及对技术的精确掌握和对艺术的表达及创新。营造出与网站风格相适应的氛围,不同的主题网站有着不同的设计思路,引起思想、情感、形式等各方面的不同。使文字在整体环境的衬托下有效地传达信息。随着科技的发展,图片、视频、动画等虽然扮演着越来越重要的角色,但文字是不可替代的,特别是在一些新闻、科技、信息类的网站中,大量的文字信息更是不可缺少的组成部分。文字在网页中起着举足轻重的作用,是记录语言的符号,网站信息基本上是由文字组成的,它的作用是其它任何元素都代替不了的,文字设计的好坏直接影响到整个网站的视觉传达效果。
网页中的文字具有两方面的作用:一是实现字意与语义的功能,二是美学效应。所谓文字的图形化,即是强调它的美学效应,把记号性的文字作为图形元素来表现,同时又强化了原有的功能。作为网页设计者,既可以按照常规的方式来设置字体,也可以对字体进行艺术化的设计。无论怎样,一切都应围绕如何更出色地实现自己的设计目标。将文字图形化、意象化,以更富创意的形式表达出深层的设计思想,能够克服网页的单调与平淡,从而打动人心。
文字的整体编排。页面里的正文部分是由许多单个文字经过编排组成的群体,要充分发挥这个群体形状在版面整体布局中的作用。从艺术的角度可以将字体本身看成是一种艺术形式,它在个性和情感方面对人们有着很大影响。在网页设计中,字体的处理与颜色、版式、图形等其他设计元素的处理一样非常关键。从某种意义上来讲,所有的设计元素都可以理解为图形。
(二)图形设计在网页设计中的运用
随着网络和网站技术的产生和迅猛发展,图形设计在网页设计中变得尤为重要,网页设计图形艺术不但拥有传统媒体的优点,而且使传播变得更为直接和有效。纵观各类网页,我们不难发现,图形设计是网页设计中不可缺少的重要元素。网页设计师依照设计目的和要求,对网页的构成元素进行艺术规划和创造性思维活动。技术是设计的基础,设计根据需求提出更高的技术要求,促进技术的发展。一个好的页面设计是网页设计师思想、素养、对设计的理解及其表现技术的综合表现。我们要更为有效地发挥网页设计图形艺术的表现性和可操作性,加强网页设计图形艺术技术与艺术的统一。
1.视觉传达效果
网页设计图形艺术需要一定的艺术感染力,网络中的网页成千上万,数不胜数,如何在这网页的海洋里给人留下深刻的印象,是值得每一个网页设计师值得思考的问题。一个杂乱无章,毫无美感可言的网页是不会得到访问者的青睐的,与之相关的网页链接当然也就没有心思去点击了。一旦给访问者留下不好的第一印象,访问者能否再次光顾也就很难说了。
网页设计图形艺术设计中页面元素的构成、板式布局、色彩搭配、空间表现等都要符合受众的审美心理。使受众拥有强烈的视觉冲击和艺术美感。网页设计中的图形拥有重要的导向和链接功能,具有很强的可操作性,如页面中的连接,点击它们则可以进入到其它的页面和站点,这些链接可以是文字也可以是图片按钮,它们的位置安排不仅影响到整个页面的布局,还影响到人们浏览是否方便。如何在网页设计艺术中将这一独特功能充分展示出来,且和网页设计有机结合,也是网页艺术设计师们的一项重要任务。
2.网页图形艺术界面设计的合理布局
在浏览网页时,人们的视线通常垂直地落在计算机屏幕的中心,,然后再向四周游动,网页设计师应考虑将重要信息或视觉流程的停留点安排在注目价值高的最佳视域,使整个网页的设计主题一目了然。在界面中,不同的视域给人浏览的感觉是不同的。网页设计师应根据视觉流程图合理安排适度的位置,突出重心,提高视觉表现力。我们应把握住以下几点:第一,符合人的视觉习惯;第二,避免产生视觉疲劳;第三,强化页面的主从关系;第四;合理安排视觉流程;第五,注重清晰的导航。另外,在进行网站设计图形艺术作品的创作中,为了吸引访问者进一步观赏网站,使网站的信息、说明和文件更加清晰地呈现在浏览者眼前,而不是模糊看不清,就需要建立导航系统来引导访问者的视觉流程。网站的导航系统应该运用简短、易于理解的方式来呈现网站的诸多视觉方向。一个好的网站设计应该让其导航看起来简单自然、明确清晰、新颖别致,通过站点的某个地方跳转到其它层次的页面。
(三)色彩设计在网页设计中的运用
一个好的网页设计会给用户带来记忆深刻,好用易用的体验。从网页设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对网站的最初感觉,而在这些内容中,色彩的配色方案是至关重要的,网站整体的定位、风格调性都需要通过颜色,给用户带来感官上的刺激,从而产生共鸣。 色彩是平面设计中不可缺少的视觉元素。颜色的感觉依靠眼的功能,是生理现象,同时通过感觉的冲击对心理起作用。每一种颜色都代表不同的含义。例如:红色代表温暖、激动和刺激;冷色,如绿色和蓝色表示平静和满意感;黑色可使物体变得感觉较为沉重;而浅色可使物体变得更加轻盈;当黑色意味处于麻烦状态时,黄色则可能反映烦恼的对立状态。当然,并不是对所有人来说颜色都意味着相同和固定的含义,每一个人都有自己的理解和认识。黄色可能意味廉价,绿色可能意味金钱和贪欲,黑色则可能意味高雅或死亡。颜色的合理使用已经成为一门科学,它将是区分自己产品和他人产品的重要标识之一。
不需要描述性的文字,颜色就能赋予网站以意义。无论你是否打算为他们加上某种意义,颜色本身就有许多特定的印象。用户浏览网页时,颜色帮助转移用户的视线,指引用户怎么去浏览一个页面。在许多企业的网站中可以看出,颜色表达了情感和价值观,向用户展示着他们的公司是怎样的、他们所售卖的产品是怎样的。仔细挑选补色能让你更好地运用颜色,一旦选定后你想要表达的意义也就显示出来了。配对色的运用能改变一个网站的意义。给以柔和的蓝色为色调的、表达出平静网站配上明亮的橙色,就能让它变成让人更多感受到兴奋和趣味的网站。也许你的客户认为你所设计的网站深灰色过多、太过严肃,加上柔和的蓝色能让你的网站有平静、平和的基调。
(四)版式设计在网页设计中的运用
网页版式是视觉传达的重要手段。版式设计是网页设计的第一步,关系到一个网页的成败与否。虽然网页种类繁多,但都有一定的设计规律。任何设计都要遵循审美原则来设计,网页设计也不例外,充分合理地利用视觉元素,将会令网页充满生气,事半功倍。网页不仅是信息发布的重要媒体,还要让浏览者通过版面的阅读产生美的遐想和共鸣。网络在人们的生活中发挥的作用越来越大,在各种形形色色的网页中,普通的网页已经不能满足人们的审美要求,网页必须在发挥基础功能的基础下赋予艺术的元素。
1.网页版式的基本类型
骨骼型,网页版式的骨骼型是一种规范的、理性的分割方法,类似于报刊的版式。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。这种版式给人以和谐、理性的美。几种分栏方式结合使用,既理性、条理,又活泼而富有弹性;满版型,页面以图像充满整版。主要以图像为诉求点,也可将部分文字压置于图像之上。视觉传达效果直观而强烈。满版型给人以舒展、大方的感觉。随着宽带的普及,这种版式在网页设计中的运用越来越多;分割型,把整个页面分成上下或左右两部分,分别安排图片和文案。两个部分形成对比:有图片的部分感性而具活力,文案部分则理性而平静。可以调整图片和文案所占的面积,来调节对比的强弱;中轴型,沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列。水平排列的页面给人稳定、平静、含蓄的感觉。垂直排列的页面给人以舒畅的感觉;曲线型,图片、文字在页面上作曲线的分割或编排构成,产生韵律与节奏;倾斜型,页面主题形象或多幅图片、文字作倾斜编排,形成不稳定感或强烈的动感,引人注目;对称型,对称的页面给人稳定、严谨、庄重、理性的感受。对称分为绝对对称和相对对称。一般采用相对对称的手法,以避免呆板。左右对称的页面版式比较常见。四角型也是对称型的一种,是在页面四角安排相应的视觉元素;焦点型,焦点型的网页版式通过对视线的诱导,使页面具有强烈的视觉效果;三角型,网页各视觉元素呈三角形排列。正三角形(金字塔型)最具稳定性,倒三角形则产生动感。侧三角形构成一种均衡版式,既安定又有动感;自由型,自由型的页面具有活泼、轻快的风格。
2.网页版式设计的基本内容
网页的标题设计:标题设计是整个网页的点睛之笔,引领着网页的整体风格。一般位于网页的上方,是由文字组成,左右贯穿整个网页。打开网页,首先映入我们眼帘的是标题,它在网页设计中的重要作用显而易见,往往设计师会花很多心思在这一块。文字图形化是比较常用的方式,添加与之相适应的材质。背景可以使用动态或静态的图片,这一点是由网络的交互式特性所决定的。
文字的编排:文字是网页设计的主要元素,所以文字的编排可以说是版式设计的主体设计。文字设计讲究整体布局,在网页设计中,首先要将文字进行整体规划,合理布局,文字的色彩搭配与网页的背景,图片等颜色需协调一致。由点到线,由线及面,使整个页面结构合理,构图具有美感。
图文的结合:网页设计中,只用文字不适合人们的阅读习惯,文字和图片相互搭配,共同构成了生动活泼的页面。图文结合有两种形式,一种是文字配图形,这里的图形是网站的主题,文字是辅助存在的,比如一些新闻类的网站,图不能表明一件事情的始末;另一种是图形配文字的形式,在这里要把握图形和文字的关系,根据不同类型的网站进行灵活搭配。
页面的节奏韵律:不同的网站类型因其属性不同,节奏韵律不一样。一个娱乐性的网站它的节奏应该是轻松活泼的;一个新闻类的网站它的节奏是快速律动的;一个军事类的网站它的节奏是严肃紧张的。当然也不能为了节奏而设计,那样的话会适得其反,应该结合网站风格,设计出具有自己风格特点的优秀页面。
三、结语
网页设计中视觉元素的应用研究,对我国网页设计发展及审美具有“旗舰”的作用。它不仅从自身出发,而且还会吸取其它视觉传达设计领域的优势,为其所用,达到相互渗透与补充。网页设计需要综合多方面的学科知识,坚持以浏览者为中心。本课题就是从一个艺术设计者的角度,了解视觉元素在网页设计中发展及创新。在网页设计发展的近些年,网页的视觉表现己经从当初文字编排的单一样式,发展到多种视觉元素的综合运用,而新媒介下的网页设计更是成为了视觉传达的新门类。由此,网页设计中视觉元素的应用就成为了一个非常值得研究的课题。
参考文献:
[1]徐珂等.网页视觉与设计[M].北京:人民邮电出版社,2003
[2]张宪荣等.设计色彩学.北京:化学工业出版社,2005
[3]张金霞.网页设计参考手册.北京:清华大学出版社,2009
关键词 平面视觉元素 网页设计 运用
一、平面视觉元素的内容
艺术规律的共性是相同的形式元素。点、线、面是网页设计和印刷类平面设计中共同拥有的基本形式元素,在利用点、线、面进行设计时网页设计与印刷类平面设计都具有相同的艺术规律。点是一切造型的基础。是具有空问位置的视觉单位。康定斯基说:“点本质上是最简洁的形”。点是网页设计中非常重要的元素,是最基本的元素。在网页设计中这些元素相辅相成,最终合理搭配才能形成一个完美的界面。其中最为基本的平面视觉元素就是文字、图形、色彩、版式。
二、平面视觉元素在网页设计中的运用
(一)文字设计在网页设计中的运用
网页设计师首先要对所要设计的网站进行全面的了解,包括企业文化、发展史、产品特点、受众信息等,然后进行综合分析,对网站的整体风格进行准确把握,以及对技术的精确掌握和对艺术的表达及创新。营造出与网站风格相适应的氛围,不同的主题网站有着不同的设计思路,引起思想、情感、形式等各方面的不同。使文字在整体环境的衬托下有效地传达信息。随着科技的发展,图片、视频、动画等虽然扮演着越来越重要的角色,但文字是不可替代的,特别是在一些新闻、科技、信息类的网站中,大量的文字信息更是不可缺少的组成部分。文字在网页中起着举足轻重的作用,是记录语言的符号,网站信息基本上是由文字组成的,它的作用是其它任何元素都代替不了的,文字设计的好坏直接影响到整个网站的视觉传达效果。
网页中的文字具有两方面的作用:一是实现字意与语义的功能,二是美学效应。所谓文字的图形化,即是强调它的美学效应,把记号性的文字作为图形元素来表现,同时又强化了原有的功能。作为网页设计者,既可以按照常规的方式来设置字体,也可以对字体进行艺术化的设计。无论怎样,一切都应围绕如何更出色地实现自己的设计目标。将文字图形化、意象化,以更富创意的形式表达出深层的设计思想,能够克服网页的单调与平淡,从而打动人心。
文字的整体编排。页面里的正文部分是由许多单个文字经过编排组成的群体,要充分发挥这个群体形状在版面整体布局中的作用。从艺术的角度可以将字体本身看成是一种艺术形式,它在个性和情感方面对人们有着很大影响。在网页设计中,字体的处理与颜色、版式、图形等其他设计元素的处理一样非常关键。从某种意义上来讲,所有的设计元素都可以理解为图形。
(二)图形设计在网页设计中的运用
随着网络和网站技术的产生和迅猛发展,图形设计在网页设计中变得尤为重要,网页设计图形艺术不但拥有传统媒体的优点,而且使传播变得更为直接和有效。纵观各类网页,我们不难发现,图形设计是网页设计中不可缺少的重要元素。网页设计师依照设计目的和要求,对网页的构成元素进行艺术规划和创造性思维活动。技术是设计的基础,设计根据需求提出更高的技术要求,促进技术的发展。一个好的页面设计是网页设计师思想、素养、对设计的理解及其表现技术的综合表现。我们要更为有效地发挥网页设计图形艺术的表现性和可操作性,加强网页设计图形艺术技术与艺术的统一。
1.视觉传达效果
网页设计图形艺术需要一定的艺术感染力,网络中的网页成千上万,数不胜数,如何在这网页的海洋里给人留下深刻的印象,是值得每一个网页设计师值得思考的问题。一个杂乱无章,毫无美感可言的网页是不会得到访问者的青睐的,与之相关的网页链接当然也就没有心思去点击了。一旦给访问者留下不好的第一印象,访问者能否再次光顾也就很难说了。
网页设计图形艺术设计中页面元素的构成、板式布局、色彩搭配、空间表现等都要符合受众的审美心理。使受众拥有强烈的视觉冲击和艺术美感。网页设计中的图形拥有重要的导向和链接功能,具有很强的可操作性,如页面中的连接,点击它们则可以进入到其它的页面和站点,这些链接可以是文字也可以是图片按钮,它们的位置安排不仅影响到整个页面的布局,还影响到人们浏览是否方便。如何在网页设计艺术中将这一独特功能充分展示出来,且和网页设计有机结合,也是网页艺术设计师们的一项重要任务。
2.网页图形艺术界面设计的合理布局
在浏览网页时,人们的视线通常垂直地落在计算机屏幕的中心,,然后再向四周游动,网页设计师应考虑将重要信息或视觉流程的停留点安排在注目价值高的最佳视域,使整个网页的设计主题一目了然。在界面中,不同的视域给人浏览的感觉是不同的。网页设计师应根据视觉流程图合理安排适度的位置,突出重心,提高视觉表现力。我们应把握住以下几点:第一,符合人的视觉习惯;第二,避免产生视觉疲劳;第三,强化页面的主从关系;第四;合理安排视觉流程;第五,注重清晰的导航。另外,在进行网站设计图形艺术作品的创作中,为了吸引访问者进一步观赏网站,使网站的信息、说明和文件更加清晰地呈现在浏览者眼前,而不是模糊看不清,就需要建立导航系统来引导访问者的视觉流程。网站的导航系统应该运用简短、易于理解的方式来呈现网站的诸多视觉方向。一个好的网站设计应该让其导航看起来简单自然、明确清晰、新颖别致,通过站点的某个地方跳转到其它层次的页面。
(三)色彩设计在网页设计中的运用
一个好的网页设计会给用户带来记忆深刻,好用易用的体验。从网页设计的版式、信息层级、图片、色彩等视觉方面的运用,直接影响到用户对网站的最初感觉,而在这些内容中,色彩的配色方案是至关重要的,网站整体的定位、风格调性都需要通过颜色,给用户带来感官上的刺激,从而产生共鸣。 色彩是平面设计中不可缺少的视觉元素。颜色的感觉依靠眼的功能,是生理现象,同时通过感觉的冲击对心理起作用。每一种颜色都代表不同的含义。例如:红色代表温暖、激动和刺激;冷色,如绿色和蓝色表示平静和满意感;黑色可使物体变得感觉较为沉重;而浅色可使物体变得更加轻盈;当黑色意味处于麻烦状态时,黄色则可能反映烦恼的对立状态。当然,并不是对所有人来说颜色都意味着相同和固定的含义,每一个人都有自己的理解和认识。黄色可能意味廉价,绿色可能意味金钱和贪欲,黑色则可能意味高雅或死亡。颜色的合理使用已经成为一门科学,它将是区分自己产品和他人产品的重要标识之一。
不需要描述性的文字,颜色就能赋予网站以意义。无论你是否打算为他们加上某种意义,颜色本身就有许多特定的印象。用户浏览网页时,颜色帮助转移用户的视线,指引用户怎么去浏览一个页面。在许多企业的网站中可以看出,颜色表达了情感和价值观,向用户展示着他们的公司是怎样的、他们所售卖的产品是怎样的。仔细挑选补色能让你更好地运用颜色,一旦选定后你想要表达的意义也就显示出来了。配对色的运用能改变一个网站的意义。给以柔和的蓝色为色调的、表达出平静网站配上明亮的橙色,就能让它变成让人更多感受到兴奋和趣味的网站。也许你的客户认为你所设计的网站深灰色过多、太过严肃,加上柔和的蓝色能让你的网站有平静、平和的基调。
(四)版式设计在网页设计中的运用
网页版式是视觉传达的重要手段。版式设计是网页设计的第一步,关系到一个网页的成败与否。虽然网页种类繁多,但都有一定的设计规律。任何设计都要遵循审美原则来设计,网页设计也不例外,充分合理地利用视觉元素,将会令网页充满生气,事半功倍。网页不仅是信息发布的重要媒体,还要让浏览者通过版面的阅读产生美的遐想和共鸣。网络在人们的生活中发挥的作用越来越大,在各种形形色色的网页中,普通的网页已经不能满足人们的审美要求,网页必须在发挥基础功能的基础下赋予艺术的元素。
1.网页版式的基本类型
骨骼型,网页版式的骨骼型是一种规范的、理性的分割方法,类似于报刊的版式。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向的通栏、双栏、三栏和四栏等。一般以竖向分栏为多。这种版式给人以和谐、理性的美。几种分栏方式结合使用,既理性、条理,又活泼而富有弹性;满版型,页面以图像充满整版。主要以图像为诉求点,也可将部分文字压置于图像之上。视觉传达效果直观而强烈。满版型给人以舒展、大方的感觉。随着宽带的普及,这种版式在网页设计中的运用越来越多;分割型,把整个页面分成上下或左右两部分,分别安排图片和文案。两个部分形成对比:有图片的部分感性而具活力,文案部分则理性而平静。可以调整图片和文案所占的面积,来调节对比的强弱;中轴型,沿浏览器窗口的中轴将图片或文字作水平或垂直方向的排列。水平排列的页面给人稳定、平静、含蓄的感觉。垂直排列的页面给人以舒畅的感觉;曲线型,图片、文字在页面上作曲线的分割或编排构成,产生韵律与节奏;倾斜型,页面主题形象或多幅图片、文字作倾斜编排,形成不稳定感或强烈的动感,引人注目;对称型,对称的页面给人稳定、严谨、庄重、理性的感受。对称分为绝对对称和相对对称。一般采用相对对称的手法,以避免呆板。左右对称的页面版式比较常见。四角型也是对称型的一种,是在页面四角安排相应的视觉元素;焦点型,焦点型的网页版式通过对视线的诱导,使页面具有强烈的视觉效果;三角型,网页各视觉元素呈三角形排列。正三角形(金字塔型)最具稳定性,倒三角形则产生动感。侧三角形构成一种均衡版式,既安定又有动感;自由型,自由型的页面具有活泼、轻快的风格。
2.网页版式设计的基本内容
网页的标题设计:标题设计是整个网页的点睛之笔,引领着网页的整体风格。一般位于网页的上方,是由文字组成,左右贯穿整个网页。打开网页,首先映入我们眼帘的是标题,它在网页设计中的重要作用显而易见,往往设计师会花很多心思在这一块。文字图形化是比较常用的方式,添加与之相适应的材质。背景可以使用动态或静态的图片,这一点是由网络的交互式特性所决定的。
文字的编排:文字是网页设计的主要元素,所以文字的编排可以说是版式设计的主体设计。文字设计讲究整体布局,在网页设计中,首先要将文字进行整体规划,合理布局,文字的色彩搭配与网页的背景,图片等颜色需协调一致。由点到线,由线及面,使整个页面结构合理,构图具有美感。
图文的结合:网页设计中,只用文字不适合人们的阅读习惯,文字和图片相互搭配,共同构成了生动活泼的页面。图文结合有两种形式,一种是文字配图形,这里的图形是网站的主题,文字是辅助存在的,比如一些新闻类的网站,图不能表明一件事情的始末;另一种是图形配文字的形式,在这里要把握图形和文字的关系,根据不同类型的网站进行灵活搭配。
页面的节奏韵律:不同的网站类型因其属性不同,节奏韵律不一样。一个娱乐性的网站它的节奏应该是轻松活泼的;一个新闻类的网站它的节奏是快速律动的;一个军事类的网站它的节奏是严肃紧张的。当然也不能为了节奏而设计,那样的话会适得其反,应该结合网站风格,设计出具有自己风格特点的优秀页面。
三、结语
网页设计中视觉元素的应用研究,对我国网页设计发展及审美具有“旗舰”的作用。它不仅从自身出发,而且还会吸取其它视觉传达设计领域的优势,为其所用,达到相互渗透与补充。网页设计需要综合多方面的学科知识,坚持以浏览者为中心。本课题就是从一个艺术设计者的角度,了解视觉元素在网页设计中发展及创新。在网页设计发展的近些年,网页的视觉表现己经从当初文字编排的单一样式,发展到多种视觉元素的综合运用,而新媒介下的网页设计更是成为了视觉传达的新门类。由此,网页设计中视觉元素的应用就成为了一个非常值得研究的课题。
参考文献:
[1]徐珂等.网页视觉与设计[M].北京:人民邮电出版社,2003
[2]张宪荣等.设计色彩学.北京:化学工业出版社,2005
[3]张金霞.网页设计参考手册.北京:清华大学出版社,2009