HI,欢迎来到学术之家,期刊咨询:400-888-7501  订阅咨询:400-888-7502  股权代码  102064
0
首页 精品范文 网页设计艺术

网页设计艺术

时间:2022-12-08 01:47:34

网页设计艺术

第1篇

设计活动中包含着主观和客观两方面的因素,它涉及的具体内容很多,本文着重从网页艺术设计的原则和特点谈一些观点。

一、网页艺术设计的原则

1.主题突出

视觉设计表达的是一定的意图和要求,有明确的主题,并按照视觉规律和形式将主题生动地传达给观赏者。视觉设计不但要单纯、简练、清晰和精确,而且在强调艺术性的同时,更应该注重通过独特的风格和强烈的视觉冲击力,来鲜明地突出设计主题。

2.强调整体性

网页表达的是一定的内容、主题和意念,它以满足人们需求为目标。设计时强调其整体性,可以使浏览者更快捷、更准确、更全面地认识它,并给人一种内部有机联系、外部和谐完整的美感。

3.内容与形式相统一

一个优秀的设计必定是形式对内容的完美表现。一方面,网页设计所追求的形式美必须适合主题的需要,这是网页设计的前提。另一方面,要确保网页上的每一个元素都有存在的必要性,不要为了炫耀而使用冗余的技术。只有通过认真设计和充分的考虑来实现全面的功能并体现美感,才能实现内容与形式的统一。设计者可以对其进行形式上的适当变化,从而丰富整个网页的形式美。

二、网页艺术设计的特点

1.多种媒体的综合性

目前网页中使用的多媒体视听元素主要有文字、图像、声音、视频等,随着网络宽带、光纤的增加、芯片处理速度的提高以及跨平台的多媒体文件格式的推广,必将使设计者综合运用多种媒体元素来设计网页。目前国内网页已经出现了模拟三维的操作界面,在数据压缩技术的改进和流技术的推动下,互联网上出现了实时的音频和视频服务。因此,多种媒体的综合运用是网页艺术设计的特点之一。

2.持续、交互性

网页不同于传统媒体之处在于信息的动态更新和即时交互性。即时的交互性是web成为热点的主要原因,也是网页设计时必须考虑的问题。持续的交互性,使网页艺术设计不像印刷品设计那样,发表之后就意味着设计的结束。网页设计人员必须根据网站各个阶段的经营目标,配合网站不同时期的经营策略以及用户的反馈信息,及时地对网页进行调整和修改,不断创作出新的网页设计作品。

3.多维性

多维性源于超链接,它的出现使网页的组织结构更加丰富,浏览者可以在各种主题之间自由选择,从而打破了以前人们接收信息的线性方式。例如,可将页面的组织结构分为序列结构、层次结构、网状结构、复合结构等。但页面之间的关系过于复杂,不仅给浏览者检索和查找信息增加了难度,也给设计者带来了一定的困难。为了让浏览者在网页上迅速找到所需的信息,设计者应考虑快捷而完善的导航设计。

4.版式设计的不可控制性

所谓网页的版式设计,是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合,是一种具有个人风格和艺术特色的视听传达方式。它在网页的艺术设计中有着重要的地位,在传达信息的同时能产生感官美和精神享受。网页的排版与平面媒体排版有很大差异。后者都有固定的尺寸,而前者的尺寸是由浏览者来控制的,这使设计者不能精确控制网页上每个元素的尺寸和位置。同时,网页的结构也不像印刷品那样为线性组合。由于计算机仍处在发展之中,没有制定出统一的标准,从而导致网页版式设计的不可控制性,网页设计者无法控制页面在用户端的显示效果,但这也是网页设计引人入胜之处。

5.技术与艺术结合的紧密性

设计是主观和客观共同作用的结果,设计者不能超越自身已有经验和所处环境提供的客观条件限制,优秀设计者正是在掌握客观规律的基础上得到了完全的自由。网络技术主要表现为客观因素,艺术创意主要表现为主观因素。网页设计者应该主动地掌握现有的各种网络技术,注重技术和艺术的结合,这样才能充分展现技术之长,实现艺术之想象。

第2篇

【论文摘要在互联网飞速发展的今天,网络已成为人们生活中不可缺少的一部分,无论是在商业、工业还是政府部门中都早已普及开来,如今就连教育事业也都承载着网络这四通八达的命脉迅速的发展起来。网站建设越来越接近于一门艺术而不仅仅是一项技术。网页界面艺术设计,日益被网站建设者所注重。结合自身的经验,阐述了如何制作一个完整的丰富多彩的页面,主要从色彩、框架,布局、优化这几个大方面对页面设计进行描述,对网页界面艺术设计的文字、图形、色彩、多媒体四个要素做了具有特色的分析和归纳,最后对其艺术设计风格进行了深入的分类和阐述,这一部分的重点是对网页界面艺术设计风格的探究。网页作为新兴媒体,有着比报刊、杂志、广播、电视等传统媒体更多的构成要素,如文字、图形、声音、图像和动画等。最后得出页面设计需要时间和耐心去钻研,才能做出好的网页界面艺术设计这一观点。

网页界面艺术设计是伴随着计算机互联网络的产生而形成的艺术设计新课题,是网页设计者以所处时代所能获取的技术和艺术经验为基础,依照设计目的和要求自觉地对网页的构成元素进行艺术规划的创造性思维活动,必然要成为设计艺术的重要组成部分,并随着网络技术的发展而发展。表面上看,它表面上看,它不过是有关网页版式编排的技巧和方法,而实际上,它不仅是一种技能,更是艺术和技术的高度统一。?网页设计包括风格定位、版面编排、色彩处理、浏览方式、链接功能等诸多方面,其中色彩处理有着举足轻重的功能。色彩既是网页作品的表述语言,又是视觉传达的手。所以首先要了解一个新问题那就是摘要:

1制作网页包括具体都包括哪几部分呢?

1.1图形、图像处理制作网页界面艺术设计,提到界面还有艺术,那在网页上插入一些精美、适当的图片是必要的,否则,不会有人去浏览你的页面,因此,在设计网页之前,就应搜集或制作一些好看、适用的图片。提到图形、图像处理,大家都会想到的软件是Photoshop这个软件,对,这个软件是进行图形、图像处理的软件,但是,它不是专门的处理网络图像的软件,Photoshop这个软件会用到去进行一些平面的图形图像,我们网络的图形、图像处理用的是Fireworks软件,它可以制作出传输较快的gif格式的图片,占的空间也比较小,一般大小也就是KB,而Photoshop制作出来的是jpg格式的位图,并且是有损压缩,象素大了图像就清楚,但这样的话上传到网上会影响浏览速度,象素小了就会出现模糊或者马赛克小方格,所以我们采用的是Fireworks软件进行处理图形、图像。

1.2动画制作网页界面艺术设计,肯定也少不了动画的加入,并且还要有艺术气息在里面,这就要求我们的设计者要有艺术修养和对颜色的综合把握了,在没有FLASH软件之前,用的是Golive这个软件,再后来就用传统的做法,在html中嵌入Java程序编写的动画,但这要求设计者要对Java语言熟悉。随着软件的发展,如今有了许多制作动画的软件,二维的、三维的等等,如现在我们用的FLASH软件,用它制作的动画,小巧迷人,只需作为一个.swf格式文件导出,再导入到网页编辑器里就可以了。

1.3文本的编写一般是采用在网页中用html语言中的标签编写,也可以用网页编辑工具的“所见即所得”功能直接写入文字,如摘要:Dreamweaver软件或者Frontpage软件等都可以进行文本的编写。还有一点要注重的就是,显示文本的时候,设计者的机器上装了很多漂亮的字体,设计的时候采用了,但是等上传到网上以后,别人在浏览的时候,假如别人机器上没有安装字体,那就显示不出来我们采用的漂亮样式字体,因此,在考虑网页界面艺术设计的基础上,我们是把文字提前在Photoshop或Fireworks可以将字体先选择自己喜欢的样式,然后转换栅格化图片再用切片切成小块,分别进行优化。输出的格式可以为gif或jpeg,再导入到Dreamweaver进行具体编辑,做链接可以用图片特有的属性进行热区链接,这样就完成我们想要的字体样式效果了,就不会出现字体样式显示不出来的情况啦。

1.4框架的应用框架是网页的常用形式,它可以使网页更为清楚,可以把不同的页面超链接到同一框架中,使的页面更加紧凑。一般框架用在小说浏览页面,或者介绍图书章节的部分,或者教学网页用到的的框架比较多。

1.5表格的应用表格是网页中用处最广泛的,可以布局,定位等等,它是网页中最活跃的元素。它的应用可以使用网页更加灵活。表格(br)是页面中的重要元素,是页面排版的主要手段。我们可以设定表格的宽度、高度、边框、背景色、对齐方式等参数。很多时候,我们将表格的边框设为0,以此来定位页面中的元素,或者籍此确定页面中各元素的相对位置。我们知道摘要:浏览器在读取网页html源代码时,是读完整个br才将它显示出来的。假如一个大表格中含有多个子表格,必须等大表格读完,才能将子表格一起显示出来。我们在访问一些站点时,等待多时无结果,按“停止”按钮却一下显示出页面就是这个原因。因此,我们在设计页面表格的时候,应该尽量避免将所有元素嵌套在一个表格里,而且表格嵌套层次尽量要少。在使用Dreamweaver制作网页时,会自动在每一个td内添加一个空字符。假如单元格内没有填充其它元素,这个空字符会保留,在指定td的宽度或高度后,可以在源代码内将其删去。

2色彩的运用

网页界面艺术设计离不开色彩的应用,当打开一个网站的时候,给用户留下第一印象的既不是网站丰富的内容,也不是网站合理的布局,而是网站的色彩,尤其是在体现界面的时候,色彩对人的视觉效果非常明显,一个网站设计的成功和否,在某种程度上取决于设计者对网页界面设计颜色的运用和搭配。

网页界面设计是一种审美活动,成功的设计作品一般都很艺术化。但艺术只是设计的手段,而并非设计的任务。设计的任务是要实现设计者的意图,而并非创造美。网页界面页面设计的任务,是指设计者要表现的主题和要实现的功能。站点的性质不同,设计的任务也不同。从形式上,可以将站点分为以下三类摘要:第一类是资讯类站点,像新浪、网易、搜狐等门户网站。这类站点将为访问者提供大量的信息,而且访问量较大。因此需注重网页界面设计页面的分割、结构的合理、页面的优化、界面的亲和等新问题。第二类是资讯和形象相结合的网站,像一些较大的公司、国内的高校等。这类网站在设计上要求较高,既要保证资讯类网站的上述要求,同时又要突出企业、单位的形象。第三类则是形象类网站,比如一些中小型的公司或单位。这类网站一般较小,有的则有几页,需要实现的功能也较为简单,页面设计的主要任务是突出企业形象。这类网站对设计者的美工水平要求较高。

3网页界面的优化

在页面设计中,网页界面的优化是较为重要的一个环节。它的成功和否会影响页面的浏览速度和页面的适应性,影响观者对网站的印象。

在资讯类网站中,文字是页面中最大的构成元素,因此字体的优化显得尤为重要。使用css样式表指定文字的样式是必要的,通常我们将字体指定为宋体,大小指定为12px,颜色要视背景色而定,原则上以能看清且和整个页面搭配和谐为准。在白色的背景上,我们一般使用黑色,这样不易产生视觉疲惫,能保证浏览者较长时间地浏览网页。一般我们网页默认的字体是宋体。为了体现站点的“和众不同”和特有风格,我门可以根据需要选择一些非凡字体。例如,为了体现专业可以使用粗仿宋体,体现设计精美可以用广告体,体现亲切随意可以用手写体等等。当然这些都是个人看法,你可以根据实际情况,选择更贴切的字体。目前常见的中文字体有二三十种,常见的英文字体有近百种,网络上还有许多专用艺术字体下载,要寻找一款满足的字体并不算困难。需要说明的是摘要:使用非默认字体只能用图片的形式,因为很可能浏览者的PC里没有安装你的非凡字体,那么你的辛劳设计制作便将付之东流。

网页的适应性是很重要的,在不同的系统上,不同的分辨率下,不同的浏览器上,我们将会看到不同的结果,因此设计时要统筹考虑。一般我们在800×600下制作网页,最佳浏览效果也是在800×600分辨率下,在其它情况下只要保证基本一致,不出现较大新问题即可。现在我们设计网页,一般要考虑800×600和1024×768两种分辨率,因此我们的表格一般为居中的770左右的表格,表格的宽度最宽不要超过778。事实上,"做网页"不是单纯意义上的"制作网页",假如想让自己制作的网页美观大方,就必须要考虑"设计网页"的过程,一个好的作品,不通过仔细的"设计"就成形是绝对不可能的。

我国的网页界面页面设计水平总体上不及韩国,创新的页面极少,基本都是一种风格,这也是因以前我国的宽带水平跟不上有原因,一个漂亮的页面,必然体积会比较庞大,网络比较慢的话打开的速度也就可想而之,打开速度慢正是网页的一个最大杀手,所以我国以前的页面基本都是以框架式居多。随着我国宽带的普及,我们也迅速括起了一阵韩风,很多大胆创新的页面出现,这是一个好现象,但是一味的模拟韩国也不行,我们也要有自己的特色,不能一味的拿来主义。

第3篇

艺术设计专业的网页设计课在教学上普遍注重技术而忽略艺术,我们迫切需要在教学模式、内容和评价方式上寻求改革,培养学生的艺术审美和感受力,更加注重实践应用能力,为社会培养一大批高素质艺术设计人才。

关键词

艺术设计;网页设计;课程教学;实践

一、艺术设计专业的网页设计课程的教学现状

目前,艺术设计专业在网页设计课程教学实践中普遍存在着缺乏专业优势、偏离学生就业需求等问题,这种教学与计算机专业的网页设计课大同小异,误导学生以为这门课程就是一个技术课,掌握了操作技术就可以独立完成网页设计和制作,极大地忽视了其艺术性。因此,我们需要对教学模式、教学内容和考核内容等进行改革,以真正发挥艺术设计专业在培养人才的优势。

二、教学改革的目的

通过教学改革,力图解决以下两个问题:一是学生设计网页缺乏美感,版式、色彩等语言和设计理念滞后;二是单独靠一个软件就来完成网页设计与制作。通过以上两个问题的解决,充分考虑艺术专业的特性和学生就业的社会市场需求,综合运用多软件培养学生的美工设计能力、动画设计能力、版式设计能力、界面设计能力,全面提高学生的想象能力、感受能力、创新能力和审美能力,为社会培养一大批高素质艺术设计人才。

三、教学改革的创新点

1.寻找艺术与技术的平衡点。避免学生成为技术的奴隶,教学方案中增加艺术素养训练,充分体现专业特色,致力于培养学生的艺术设计和艺术审美和创新能力,通过研究性学习和网页设计的具体实践使学生有效地掌握网页艺术设计的精髓,为将来步入社会更好地满足市场需求从事网页设计、美工、界面设计等工作做好准备。

2.基于多媒体网络教学,合理构建教学内容。构建既具有实用性又具有艺术性的教学内容,实现软件课与艺术设计课的整合,在学会软件应用的基础上,将其恰到好处地运用于艺术设计;实现理论课和实践课的整合,利用示范教学提高学生将理论应用于实践的能力,提升教学效果。

3.深化教学内容,开拓教学视野。适用互联网技术的发展,不断加快教学内容的更新,做好教学信息的收集工作,实现教学内容的深化,保证教授给学生最前沿的知识。教学中运用多媒体充分调动起学生的视觉和听觉,激发学生的学习积极性。

四、主要改革与实践的方面

1.改革教学模式。第一,采用项目教学。为了锻炼学生的实践能力,保证学生现场制作、解难和评析的参与度,实现课程理论和网页设计的有机融合,可以在教学中加大实用项目的引进,让学生参与到整个项目制作过程,包括初期的初稿设计、中期的客户反馈到最后的定稿。第二,采用跨学科教学。实现多学科整合的互动教学,将计算机专业和艺术设计专业的网页课程结合起来,让学生可以综合考虑到设计与程序的结合,依托于程序的可实现性设计出具有创意的网页方案。

2.改革教学内容。第一,增加手绘创意草图教学环节。注重创意期的思维训练,通过这一教学内容帮助学生明确设计意图,培养学生的快速创作意识和能力。第二,增加版式设计构图教学环节。引导学生充分应用版式设计原理进行网页的整体布局,在有限的空间融合进了最多的视听多媒体元素,基本信息、导航、和正文结构安排合理美观,凸显设计者的理性思维、艺术个性和个人风格。第三,增加色彩运用训练环节。色彩的运用决定了网页的整体色调,训练学生在不同网站功能和风格下对色彩的准确把握。第四,增加创意字体教学环节。引导学生正确地运用字体设计方法,根据不同网页布局选择大小、颜色、色彩合适的字体,运用设计软件实现多样化字效和创意字体的设计。第五,增加网页交互功能教学,引导学生充分运用按钮和其他辅助设计以及页面之间的链接,从而实现网页的交互功能。第六,增加多软件综合运用教学,引导学生在网页设计中综合运用不同的软件,灵活掌握不同软件主要功能的基础上通过综合运用以实现丰富的效果。

3.改革考核内容。第一,根据当堂内容布置对应的课堂练习和上机操作,及时发现学生学习中的盲点,教师适时调整课堂进度,此部分成绩占40%。第二,根据课程的教学目标布置综合作业,结合实际让学生自主选择设计一个政府网站、企事业网站、娱乐网站或者个人网站,对学生网站设计的总体布局和色彩、版式、功能等进行综合评价,此部分成绩占60%。

五、艺术设计专业的网页设计课程教学的趋势

第一,总结和探索艺术设计专业的内在规律,建立网页设计的跨学科教学模式。讲授理论知识的同时要培养学生调动多学科知识的能力,培养学生的创造力和想象力,提高学生的实践应用能力。第二,注重网页设计的主体风格,培养学生的企业品牌意识,企业品牌的形象设计依靠网页的展现和塑造,好的企业网页可以让企业品牌形象深入人心,教学中必将更加重视对学生品牌整体风格的把握和品牌意识的培养。

六、结语

目前,艺术设计专业的网页设计课程存在着偏重技术而忽略艺术素养训练的问题,教学改革就是要培养学生的艺术审美和艺术素养,力求寻找到艺术与技术的平衡点,基于多媒体网络教学,合理构建教学内容,开拓教学视野。教学模式上采用项目教学和跨学科互动教学,内容上增加创意草图、版式设计、色彩设计、字体运用、交互功能和多软件组合使用等教学环节,评价上更加注重实践动手能力,其发展趋势是追求技术和艺术的完美结合,培养学生的企业品牌意识。

作者:许特 郝爽 单位:长春市第一中等专业学校 吉林司法警官职业学院

参考文献:

[1]刘妤.艺术设计专业的网页设计课程教学改革与实践[J].包装世界,2011,(04):72-73.

[2]周小丽.“网页设计与制作”课程教学改革实践探究[J].教育与职业,2013,(08):127-128.

第4篇

1.1网页整体性与艺术性的搭配是主流

何为网页的整体性,即在网页艺术设计的过程中既要遵循网页设计的基本诉求,将主题凸显出来,将内容与形式进行完善的搭配;同时,网页的整体画面感、形式美要艺术性要合理搭配,形成整体效应。这样,网页的基本内容能够一目了然,同时艺术性和美感也得以提升。因此,从整体角度衡量和操作设计,才是新时期网页艺术设计的主流。例如,在版式设计上,要将页面中各视觉要素作通盘考虑,以周密的组织和精确的定位来获得页面的秩序感,即使运用“散”的结构,也是经过深思熟虑之后的决定。所以,从细节看到整体、从版式看到画面,这才是当下网页艺术设计的基本态势,也是优秀设计师必须遵循的准则。主要凸显出网页的整体性,其艺术性才能表现出来,网页的整体水准和质量才能得以提升。总之,规范的运用网页艺术设计的操作技巧,统筹整体性与艺术性,这显然是当前网页艺术设计的主流走向。

1.2行业的发展催生了设计师的队伍壮大

很明显,相比于传统的网页设计,网页艺术设计更加注重网页的艺术性特征与美感的表现,更能吸引访问者与受众的注意,因此格外受到重视。可以看到,单就网页设计这一个行业来看,运用艺术设计的思维和元素已经是大势所趋。在行业急剧的变化和发展过程中,网页艺术设计师的队伍正在逐渐壮大,这正是依附于网页艺术设计的蓬勃兴起。不难想象,未来的一段时期内,更多技能过硬、思维活跃和技巧多元的网页艺术设计师将“登堂入室”,进一步推动网页艺术设计行业的快速发展,这一点毋庸置疑。

2网页艺术设计的发展趋势探究

前面就网页艺术设计的发展现况进行了简要的分析,同时也穿插着对网页艺术设计的原则、特点进行了剖析。展望未来,网页艺术设计的发展还是很具生命力和影响力的。

2.1多种要素的交互与综合运用

很明显,未来随着计算机技术、多媒体技术的综合、快速发展,网页艺术设计必然受其波及,产生剧烈的变化。其中,设计过程中多元要素的交互与综合性运用能够增加网页的艺术性,提升网页的观感美感度,拓展网页的辐射力与影响力。未来,网页艺术化设计中诸如视频、音频、新型静态媒体、流媒体、自媒体等多种要素的综合交互是基本的趋势,也必然带动网页艺术设计的再一次变革。

2.2移动互联网和全媒体的趋向

第5篇

1网页设计中有效的艺术创新实施方法

1.1 基于网页设计中艺术色彩方面的创新方法随着网页艺术设计的快速发展,色彩作为设计过程中的主要元素,给人更加直观的印象和感受,易于影响到人们的情绪和心情。那么在设计中运用不同的色彩往往更能凸显出艺术的冲击力,给人更为新颖的感觉,因此,关于在色彩方面的加工与设计显得尤为重要。而其中最为重要的两种表现形式是选用的自由化模式和色彩的简约模式。前者倾向于对色彩的集中度突显、自由化组合,使得网页的个性特征得以体现,让网页风格不同于常见的形式,以恰当的色彩组合设计,给不同的客户带来有益的影响。需要注意的是,设计者在艺术色彩的设计与选用的过程中,要以访问者的角度给予情感和心理方面的情绪变化融入,进而形成独特的艺术魅力;后者则强调在色彩选用和设计的过程中遵循简约的风格,让网页设计效果让人看起来更加舒服、美观。尤其在近年来的网页艺术设计发展当中,这项创新理念的发挥已经逐渐成为众多设计者首选的方式,其优势在于能够实现很多繁杂艺术设计无法体现的朴素、极简风格,让设计者拟定的主题更加清晰和显著。例如:在网页设计中,如何合理搭配与运用色彩,使其与艺术动态网页文字相呼应和匹配,为访问者呈现出更有层次感和对比效果的变化,将设计者想要表达的心理感受体现出来。如图所示的操作界面中,为了匹配“2004高雄表演艺术”中心主题,设计者需使用100%纯度的黑色作为主色彩,以达到形成和背景巨大反差的目的,同时在底色方面以透明灰色镂空形式来表现“mityhaircutsdesign”等字体,更具吸引力,呈现出动态变化的特征。

1.2 保证留白的合理性在网页艺术设计的过程中,很多设计者认为要充分利用每一块空间位置,才能呈现出最佳的效果。事实上并非如此,优秀新颖的网页设计不必非要利用到每一个位置,适当的留白处理更能为访问者留下好的印象和感受。留白旨在突显出艺术作品中虚实结合、相得益彰的良好成效,它的科学合理性设计,不仅能在视觉呈现方面显得平衡感十足,保持动静结合、虚实相应的观感体验,而且简洁、合理的内容分布,则有效提高了访问者的效率,有助于相关工作处理获得便捷,进而无形中促使更多的访问者加以浏览和关注,增强整体的网页设计效果。此外,将Flas运用到网页设计当中,突显出一些广告等信息的新颖性,增强吸引效果,借助Flash自身的动画特效优势和特点,表现出设计者寄予的思想和感情,像网页中诸如旗帜与按钮类型的广告设计,均能够利用Flash的动画效果来呈现。

2总结

总之,由于网络媒体在社会发展以及人们的日常生活中发挥出越来越大的作用,作为网站建设中极为关键的环节,网页艺术设计显然至关重要。而创新理念的不断推广,要求网页设计者应该将设计技术和艺术元素有效融合到一起,从网页的艺术设计的基本内容扩展、新颖元素引入、设计方法的调整等各个方面进行创新与改革,将网页设计的价值上升到艺术魅力的高度,这样才能更好地促使网页设计中艺术创新水平的提高。

作者:黄河 单位:贵州省内贸学校

第6篇

关键词:网页艺术设计;色彩搭配;情感内涵

中图分类号:G712 文献标识码:A 文章编号:1002-7661(2012)14-266-01

随着社会的进步,网络的发展,人们的文化层次和审美层次的提高,网页艺术设计在艺术规律和美学指导下,也增加了情感的注入。

在这个感性的时代,色彩是最强有力的、高刺激的设计元素。在网页艺术设计中,色彩是网页艺术设计的重要情感语言之一。拥有漂亮的色彩的页面,不但可以给人留下深刻的印象,通过色彩产生的好的视觉效果可以打动观者的心。网页艺术设计中,完美的色彩搭配总能使人们浏览的页面更加充满活力,引起人们一系列的心理活动,激发人的想象,在感情上产生共鸣。

然而,色彩本身是客观的,人们的联想、想象、风俗、生活经历给色彩注入了情感内涵,人们在积累的许多视觉经验中,一旦知觉经验与外来的色彩刺激发生一定的呼应时,就会在心理上引出某种情绪,并由此引发对不同颜色的好恶,使色彩具有了情感的象征性。创作中色彩所能表达需要的感情,就依赖于设计者的感觉、经验和想象力。

在整个页面的设计中,网页的背景、文字、图标、边框、超链接……内容含义,等网页的各部分要素,都要考虑色彩运用的整体和部分、均衡和比例、主页到尾页界面的秩序和规则。首先,考虑传达信息的标题部分的可读性,这是网页界面的基本任务。这就需要选择色彩应该充分满足两点,即视觉上易看到和易读懂。为突出主题就要充分发挥色相和色调、的作用了,下面简单介绍一下不同的颜色带给浏览者不同的心理感受:

红色——是以通过能量来激发观察者的可见光谱中长波末端的颜色。代表着吉祥、喜气、热烈、奔放、激情、斗志、革命。有刺激效果,能使人产生冲动、愤怒、热情、活力的感觉。

黄色——是明度最高的一种颜色,给人轻快,透明,辉煌,充满希望和活力的色彩印象。黄色是一个高可见的色彩,因此它被用于健康和安全设备以及危险信号中。

蓝色——是三原色之一,是最冷的色彩。是最具冷静、理智、安详与广阔的色彩。在商业设计中,强调科技,效率的商品或企业形象。

绿色——在光谱中介于蓝与黄之间的那种颜色,显得和平、宁静、自然、环保、生命、成长、生机、希望、青春、安全的感觉。

橙色——界于红色和黄色之间的混合色。橙色是欢快活泼的光辉色彩,是暖色系中最温暖的色。具有明亮、华丽、健康、兴奋、温暖、欢乐、辉煌、以及容易动人的色感。

白色——白色是一个中立的颜色,寓意公正、纯洁、端庄、正直、少壮、超脱凡尘与世俗的情感。

黑色——黑色是一个很强大的色彩,适合和许多色彩作搭配。具有深沉、神秘、寂静、悲哀、压抑的感受。

灰色——具有中庸、平凡、温和、谦让、中立和高雅的感觉。是有点单纯,有点寂寞,有点空灵,捉摸不定的,奔跑于黑白之间,像极了人心,是常变的,善变的,却是最像人的的颜色。

不同的颜色有自己的情感象征内涵。每种色彩在饱和度,透明度上略微变化也会产生不同的感觉。以绿色为例,黄绿色有青春,旺盛的视觉意境,而蓝绿色则显得幽宁,阴深。不同的颜色搭配,表现出来的效果也不同,比如,红色、金色、黄色搭配,能渲染喜庆的气氛;绿色、灰白搭配,可以产生优雅、舒适的气氛;蓝色、白色搭配,体现柔顺、淡雅、浪漫的气氛。

了解过色彩带来的不同心理感受,再了解一下网页艺术设计的主题确定构思计划。第一阶段是访问者的设定。最好具体到职业、年龄、性别、喜好等。接着找到能够表现构思的形容词,然后就可以开始用这些形容词联想色彩了。在根据布局、面积等,设定主色彩,辅助色彩和强调色彩。

网页色彩搭配的基本原理:

1、色彩的鲜明性。网页的色彩要鲜艳,容易引人注目。

2、色彩的独特性。要有与众不同的色彩,能给大家留下强烈的印象。

3、色彩的合适性。就是说色彩和你表达的内容气氛相适合。如用粉色体现女性站点的柔性。

第7篇

网页界面设计是一将艺术与技术相结合的一门学科,早期人们会有一种误解,认为网页设计主要体现在“技术”的应用上,而忽视了“设计”的层面,导致许多网页布局不合理、页面平淡无奇、内容杂乱无章等。因此,在充分传达内容和信息的基础之上,网页界面还必须具备一定的艺术特征,这种艺术是基于功能性之上,并且为其服务的。

(一)以功能性为主网页界面设计和平面设计一样,必须遵循一定的设计原则,在必须具备平面设计特征的同时,网页设计还具有其特有的基本特性。网页界面设计应时刻围绕“信息传达”这一主题来进行。因此,它是一种以功能性为主的设计。主要体现在以下两个方面:1.信息传达的功能网页界面设计以信息传达为主要功能,并且信息必须准确、清晰明了,具有明确的受众对象和宣传目标,注重时效性。2.一定的审美功能网页界面的审美功能具有一定的综合性。以内容为主,艺术为辅,除了界面布局合理,色彩搭配美观,有清晰的导航功能,内容吸引人等,还必须考虑到用户操作的简易性和信息接受心理等因素。

(二)形象明确,易于接受格罗佩斯在他的《艺术家与技术家在何处相会》一文中提到:“如果物体的形象很适合于它的工作,它的本质就能被人看得清楚明确。”明确地指出了“形象”在信息传递和接纳过程中所起到的重要作用。人们在接触外界事物的时候,总是先通过视觉来接受信息,从而触发一系列的心理活动。例如:看到天空飞翔的小鸟,会联想到自由,看到长城、故宫,会联想到中国传统文化。因此,在设计网页界面的时候,必须以通俗易懂的形象来传递信息,同时,也要考虑到网页受众的年龄、职业、文化层次、兴趣的差异性,尽可能地使用简单的宣传形式来满足所有层次的受众。在可口可乐的网页中,用户可以从水珠、人物等形象中充分联想到活力四射、清凉的感觉,形象通俗易懂,传达的信息易于接受,具有良好的传达效果。

二、网页界面设计的视觉构成要素

网页无论其类型、大小、功能,风格,其具备的基本要素都是一致的,与平面设计相比,除了图像和文字之外,网页界面包含更多的要素,如声音、视频、动画等多媒体要素,以及由Javascript、VBscript等动态语言实现的网页特效和交互功能。

(一)网页界面中的文字设计文字是网页界面的主体,也是传达网页信息的基本载体,虽然在今天多媒体元素的种类繁多,但文字依然占据它不可取代的地位,因为文字具有存储空间小、易于下载和显示的功能。网页界面中的文字分为两种:ASC文本和像素文本。网页中大部分文字都是直接在HTML代码中编写,或者在dreamweaver设计窗口中自行输入,这部分文字主要以ASC码存储,占取空间小,易于修改和编辑,在排列文字样式的时候,一定要结合CSS样式表来排版,CSS样式表的强大功能可以同时对文字的字体、字形、大小、颜色、间距、边距和特殊效果等进行精心的设置,以达到较好的浏览效果。但是如果在网页中使用特殊字体,不同的用户可能由于未安装此字体而无法正常显示,所以,有的时候我们可以把文字在photoshop或者fireworks等图像图像处理软件中保存为jpg或gif格式的图片切片,再应用到网页界面中,这样就可以达到任意想要的艺术效果了。像素文本主要应用于网页界面中的标题、LOGO、Banner或者广告的部分。

(二)网页界面中的图形图像设计图形在网页界面中占据着十分重要的地位。在上网浏览时,图形图像往往比文字更容易吸引用户的眼球,因为它可以最直观、最形象地表达网页的主题,其给人的视觉印象往往比文字要强烈得多。图形必须要符合网页的主题,每张图片都必须要有其存在的价值,善用图形,可以生动形象直观地表达网页的主题,增强网页的宣传力、号召力和感染力,吸引浏览者的注意和兴趣。网页中的图形格式主要有:JPG、GIF和PNG三种。JPG具有压缩比高、压缩质量好、色彩连续性强的特点,因此,使用最为广泛。GIF虽然色彩数目不如JPG,但是可以制作透明背景,以及动态图像,也被大量应用于网页界面中。PNG是Fireworks的默认图像文件格式,集前者的优点于一身,可以对图像进行全面的优化并且导出任何想要的格式。所以,根据图形图像的使用功能,合理地采用这三种格式,是网页设计人员必须掌握的技能。

(三)网页界面中的色彩设计1.色彩设计的基本作用色彩对于事物的表现能力有着其它形式无法比拟的超强效果。作为一个网页设计师,只有掌握色彩的原理,熟知各色彩间的相互关系及各种色彩的生理或心理作用,结合自己所具备的平面构成知识,在网页设计中准确用色,才能实现传达特定信息和渲染页面的效果的目的。色彩在网页设计中起着重要的作用。首先,彩色网页较单色网页更具吸引力;其次,色彩本身具有象征作用,浏览者易于产生联想;第三,彩色网页具有赏心悦目、装饰性强等特点。2.网页界面中色彩搭配的技巧用一种色彩。这里是指先选定一种色彩,然后调亮度、透明度或者饱和度,生成新的色彩,用于网页。这样的页面看起来色彩统一,有层次感。用两种色彩。先选定一种色彩,然后选择它的对比色。比如当我们需要突出橙色的主体内容时,使用蓝色作为背景是最好的。这样整个页面色彩丰富但不花稍。用一个色系。简单的说就是用一个感觉的色彩,例如淡蓝,淡黄,淡绿;或者土黄,土灰,土蓝。用黑色和一种彩色。比如大红的字体配黑色的边框感觉很“跳”。在网页配色中,忌讳的是:不要将所有颜色都用到,尽量控制在三种色彩以内。背景和前文的对比尽量要大,(绝对不要用花纹繁复的图案作背景),以便突出主要文字内容。

(四)网页界面中的版式设计在进行版式设计时,仍然需要应用到前面提到过的Photoshop或者Fireworks等图形处理工具,直观地看到网页的版面效果,在Photoshop或者Fireworks中画好网页布局后,先切片,再导出切片,然后在dreamweaver中使用DIV+CSS集成网页,这是目前主流的网页布局方式。根据视觉流程和网页版式的实例,可以总结出以下版式构成的类型:水平分割、垂直分割、水平—垂直交叉分割、中轴型、倾斜型、曲线型、重心型、反复型、点散型等。通过这些划分方式,我们可以把一个平淡的界面划分成若干个视觉区域,增强界面的层次感和空间感。

(五)网页界面中的多媒体设计1.音频音频在网页界面中主要用于背景音乐、按钮提示音等。另外,某些以音乐为主的网站还提供在线音乐下载和播放的功能。音乐成为网页与浏览者进行交互的一种重要手段。网页中的音频格式主要有:MIDI、WAV、MP3、ra、ram、rpm等,各具特点,应区别对待。2.动画网页中的动画主要分为:FLASH动画、GIF动画、交互动画等。FLASH动画具有体积小、整体性强的特点,主要用于banner、导航等。GIF动画可以做成一些小图标,而交互动画主要是通过Javascript、VBscript等动态脚本语言结合HTML语言来实现网页的一些特殊效果,如:鼠标跟随、幻灯片切换、动态导航等。3.视频视频由于其体积大的特点,在网页中用得相对较少,但它具备其它网页元素都没有的特点—信息丰富,传达便捷,对浏览者的文化水平、年龄层次要求也不高,具有较强的吸引力。常用的文件格式有:AVI、RM等。

第8篇

互联网技术的深入发展,为中国的新闻事业带来了生机与活力,对于新闻网页设计的重要性和原则的深入浅出的分析,能够帮助相关行业探究新闻网页的设计价值。中国网页设计的美学原理要求能够结合版式设计原理,进行丰富多样的传播和发展。改革开放促进了新闻媒体开通专业的新闻网站,网站的网页排版、色彩搭配和内容布局,可以直接影新闻阅读受众的阅读兴趣,新闻网页的排版与其他网页的综合排版模式是一样的,所设计的网页和排版编排之间的关系,需要结合色彩搭配和艺术设计信息流动之间的各个要素来统一进行布局。同时新闻网页还有自身的独特性,这是因为新闻网页先天的严谨性,需要设计者对内容严格负责,并使内容引发关注。陈高雅所著《版式设计原理》(2016年8月机械工业出版社出版)一书,共分8章。全书的重要工作是深入浅出地介绍版式设计之间的基本概念,这些概念和版式构成了整个书的主要结构,而书中的重点对于艺术设计在新闻排版中的作用,主要是运用了视觉流程和不同版式等的设计形式的连接,这样就可以配合大量非常经典的图例来进行集中的展示,并且能够分析艺术设计在新闻报刊排版过程中的重要作用。在现代化的新闻网络工作发展的过程中,人们发现大量的网络信息和新闻网站一起,作为一股强大的信息流正在影响着人们的生活,新闻和大型事件的浏览者,对于网页设置和排版的艺术性都会有非常明显的关注,不同风格和内容的网站以各自独特的艺术设计效果迎合着网站浏览者的审美取向。因此,相关工作者将新闻网页设计的艺术感和相关技巧的研究提到了一个重要的层面,本书出版的重要意义就是希望能够通过科学合理的新闻网页排版设计和具有艺术性的感官刺激性的新闻网页设计方法,力图增强新闻信息传播过程中的情感体验性,以鲜明个性化的新闻信息传播方式,使新闻浏览者能够获得更好的网络新闻浏览体验。

《版式设计原理》一书指出,随着科学发展日新月异,人们可以通过网络的形式读书、看报,接受各类新信息。这种网络信息的传播更加迅捷,而且可以节省大量的阅读时间,可以随时随地利用琐碎的时间通过移动客户端来提升阅读效率。因此,新闻网页作为新闻的重要载体,必须考虑到网页设计和手机端阅读的各类网页特点,这些精心设计和制作的网页,在艺术设计上得以完美呈现,不仅可以影响客户的浏览欲望,而且可以影响新闻的传播速度。艺术设计,是网页设计的重要核心,艺术设计具有综合性和创新性,在新闻网页的整体设计和改编过程中,艺术设计可以帮助设计者更好地把控新闻的具体内容和展示方式,对于版面以及图片的科学设计和艺术化处理,都可以通过一系列的技术和手段,更好地展现给读者。由于新闻的严谨性和真实性以及新闻的相关评价,决定了新闻网页的制作与一般网页制作的不同,在艺术设计方面要求更加严谨和专业,因此,新闻类网页艺术设计作为一门非常独立的艺术学科,具有极强的综合性,这种综合性是由新闻的特点决定的,涉及社会文化和市场的各个方面,体现了设计者的表现张力、想象力和陈述能力。

从布局角度看,《版式设计原理》一书亦有其独到之处,它格局清晰,条例清楚。前言、导读、第1章“了解版式设计的概念”、第2章“不可缺少的构成元素”、第3章“色彩与网络的基本运用”、第4章“版式设计的基本原则”、第5章“版式设计的视觉流程”、第6章“版式设计中的文字设计”、第7章“图片与图形的版式设计原理”、第8章“不同形式的版式设计”。通过关联有序的章节处理,能够科学而有效地说明整个新闻网页设计过程中的所有问题,从而能够让不同阶段的新闻网页设计学习者都能够获得领悟自身所需要的设计知识。同样地,作为有效的传播形式,在新闻的版式设计过程中,必须考虑到受众的浏览过程以及对于新闻信息筛选的习惯,在新闻网页的设计过程中,必须要与传播策略相互连接。新闻网页的设计通常是简明大方、整体陈列。陈高雅《版式设计原理》在第3章“色彩与网络的基本运用”中指出,在某些新闻与商业性网页和个人网页相结合的过程中,可能会将素材展现和冲击力融入其中,目前我国重点开发的新闻网站,都开始进行排版色彩的改革,由黑白色调变成具有鲜明内容特色的个性化色彩基调,进行整个新闻网页的VI视觉设计。陈高雅《版式设计原理》在第4章“版式设计的基本原则”中指出,新闻网页为了保证内容的充实和丰富,以及首页内容和多种不同设计风格之间的结合,必须突破网页布局设计的框架局限,新闻的网页布局和设计内容在遵循读者为上帝的原则之下,就可以将各类广告和绿色的频道栏用导航栏的形式进行科学巧妙的设置,在清晰醒目的前提之下,注重所要求服务之间的互动性,借鉴其他同类平面媒体的设计经验,将新闻网页布局设计得更加紧凑。设计布局是比色彩基调更加重要的新闻排版要素,布局和内容之间的交互性,可以为阅读者,也就是网络新闻的浏览者提供更多的便利。国内大型新闻门户网站,都会将各类广告设置和频道导航栏之间进行醒目的区分,这种清晰的浏览设置,是为了能够让浏览者更加便捷地从新闻网页的布局中找到自己所需要的内容,减少浏览者在选择方面所浪费的大量时间。将新闻网站的网页设计模式,以平面媒体的布局和设计进行相互关联,以结构的形式将标题的位置进行形化的处理,并且对于新闻图片的内容做更加合理的创新性、突破性设计,这样就可以最大化地为用户提供多样化的新闻信息服务,并且充分利用网站每一个网页的有效专业化设计,来版式设计完善填充空间。

通过对本书的阅读,可以看出书中的观点非常清晰,明确这种图文并茂的积极作用,并且采用大量的实例来进行展示的方式,非常适合于结合专业的版式设计。也就是说,版式设计在有效地冲击人们的视觉和心理的情况下,在各个领域能够很好地重视到艺术设计在新闻创作过程中的应用,就可以将大家头脑中所获得的资讯,尽可能最大化地活学活用到基本的元素设计过程中。当然,书中对于艺术设计的每一个知识点都有更加详尽和深入的描绘。

书中对常见的知识点进行了很细致的描述,这种讲解和扩展分析可以将理论性和知识性的知识要点与实用性的知识技巧紧密结合,这样就可以使网页的版式设计思路更加清晰、明确,换句话说,就是对于知识要点进行更加细致的讲解,扩展和分析版式设计和版式效果。网络新闻用户不仅浏览静态的文字和图片,而且可能会对主色调与视频之间的关联产生非常强烈的兴趣。通过例证说明大型新闻门户网站所采用的一般是简洁大方的设计风格,这种设计风格正是因为其简洁快速。经过一定的特殊个性化处理,就可以使用艺术设计的手法,从而使得新闻网页的表达效果更加生动和鲜明,这种强烈的视觉冲击,会使新闻浏览者在浏览不同新闻信息的过程中,获得丰富的情感体验。

该书通过简明易懂的实例作品,对新闻网页的版式设计理论进行了非常清晰的讲述,这种鲜明而直观的呈现版式设计理论的写作方式,对新闻工作者网页设计的实际工作发挥,能够起到很好的指导作用。本书的创新之处在于将新闻媒体的版式设计的一般性原理,用简洁明了的方式呈现给广大读者,尤其是对于相关工作者来说是一本深入浅出的教科书。书中认为,新闻网页设计过程中,网页布局和标志设计都是非常重要的组成部分,特征鲜明、个性化明显的标志能够为新闻网页增强生命力,读者可以浏览到静态图片和文字,也可以以视频的方式及时浏览快节奏的新闻报道。同时配合新闻网页中重要的文字设计,将新闻形式以更加具有可读性、亲和力的方式直观地展现给读者。陈高雅《版式设计原理》一书中明确提出,作为新闻网站的网页设计,文字的设计因素是非常重要的艺术特征要素之一,因为新闻网页主要是借助图片和文字的组合,来提升浏览者的页面视觉感官度。这就要求新闻网页的设计要将文字的内容和文字的设计作为表现力的基础,对于文字的设计不能出现凌乱和繁琐的现象,要能够言简意赅地让读者快速地领会中心思想,字体的设计要考虑到整体的设计原则,注重每一种不同字体的风格和所能表达出的艺术气息,行与行之间的间距和字体之间的搭配以及字号的大小,都必须符合大众的浏览习惯和审美需求。尤其值得一提的是,近年来,新闻网页的设计非常注重文字的图形化,以及图文之间巧妙的排列组合,使图文之间有了更加活跃的互动关系,图文的组合以及文字的图形化特点,可以构造生动有趣的画面,提升浏览者的阅读兴趣,激发浏览者的共鸣。

《版式设计原理》还详细描述了新闻网页设计过程中的图像设计、文字设计、版式布局、色彩设计等一系列要素组合,注重在新闻网页设计过程中相对重要的内容和相对次要的内容之间的版式设计以及色彩分布。从以上几个方面注重了网页设计的整体效果和各要素之间特别的协调性,注重了图像图形和文字之g的设计,通过版面的合理布局和分布使得新闻设计网页的各个部分之间的艺术元素相得益彰。在今天新闻媒体竞争日益激烈的情况下,新的媒体技术和手机客户端的快速更新,注定了新闻媒体的创新性和发展性需求,新闻网页设计必须充分意识到艺术设计的重要性和使用技巧,为新闻网页浏览者呈现出别具一格的新模式,从而全面提升新闻的传播效果,本书力图通过相关的论证和举例,总结和归纳实用性较好的新闻网页的设计规范和技巧。本书观点明确、图文并茂,通过采用大量的案例展示,结合案例涉及的特点,来提升使用者的审美感,对所有需要进行排版领域学习的人群有非常大的帮助,可以作为相关专业的教材进行新闻艺术排版专业课的培训使用,也可以作为自学参考书普及相关知识。

(司纪中/硕士生,仲恺农业工程学院何香凝艺术学院讲师)

第9篇

关键词:计算机网页设计 图形设计 处理运用

中图分类号:TP317 文献标识码:A 文章编号:1007-9416(2012)11-0222-01

1、引言

网页设计技术的产生促使网页设计图形艺术领域快速地发展,在整个设计过程中离不开技术,设计的需求也是促进技术水平不断提高的过程中。因此,计算图形艺术设计的设计师需要正视设计与技术的结合,能够正确掌握设计艺术与计算机程序设计和多媒体技术相结合的方法,能够正确运用网页设计图形艺术的表现形式,针对其特点设计出更多更好的作品。

2、图形艺术与网页设计的改革

虽然在视觉传递这一层面上网页设计的图形艺术较之以往的网页图形艺术设计非常相似,但技术方面的应用也有很大的差别。对网页的设计艺术与图形艺术结合在一起是视觉表达的一种技术,它是综合了计算机网页图形艺术及网络技术运用。

2.1 艺术理念的传递

和以往的计算机网页图形艺术作品相同,对网页设计也要求具备一定形式的艺术感染效果。因为毫无章程、平庸无奇、没有美感的网页很难吸引到浏览者的,更不会使访问者去打开页面上的其它窗口。要知道第一印象很重要,直接影响访问者能否再次光顾改网页。

传统计算机图形艺术作品在设计的过程中看重的是页面元素的组成、色彩的搭配、版式的布局与空间表达形式等等,这些元素对图形艺术设计作品很重要,每一个网页设计作品都是将以上提到的因素结合到一起。通过各个方面有机的结合,在视觉传达方面给观看者一种审美的享受,网页设计艺术最终的目的就是满足观看者的审美心理。

2.2 介质的差异

传统的艺术设计作品的表达方式是印刷品,人们更愿意将美好的艺术设计打印出来保存,而现代艺术设计作品的表达方式是通过计算机显示器来表现出来,并且在传输的过程中受到带宽的限制。计算机图形设计师在设计时就会发现,打印的作品的原理是色素减法原理,而设计作品的模式是以CMYK模式出现,而电脑显示器的色彩工作原理则是RGB模式。

传统与现代的分辨率有很大的区别,过去计算机图形艺术的表现形式是印刷品作为表达介质,精度越高所要表达的效果也是约好,在正常的情况下,图形设计作品的设定值是360dpi,而网页设计艺术的图形分辨率的设定值是图形设计作品的五分之一。由于介质的不同,在艺术设计着色的时候需要慎重,不能将传统图形艺术表达的技巧直接应用到现代网页艺术中去。

2.3 功能的异同

传统计算机图形艺术的作品的作用是通过作品向外界传递一些信息资源,而现代网页设计艺术不仅仅具备这些功能,还会增加了一些导向和链接。现代网页艺术设计中超链接是非常重要的一个功能,以一个页面超链接,点击它们会就进入到链接的任何一个页面。链接的方式是以文字、图片、按钮等某种信息表现出来。无论是那种表达方式对页面的整体设计与布局都会有一些影响,对浏览是否方便也会产生影响。

3、规范布局网页图形艺术界面设计

在网页设计图形艺术中,布局规范、流畅,使视线融会贯通是完善设计的关键所在。网页艺术设计的设计师在设计的过程中需要将重要信息表达在网页最醒目的区域,视觉流程的停留点设计也需要设计在一目了然的位置。网页设计先关人员可以依照具体信息资源的传递的需求,画面所呈现不同的着重点,需要根据其位置进行合理的安排,在网页艺术设计中,视觉传达效率比较重要,为提高视觉传递的功能,必需要掌握以下几个要点:(1)设计醒目的导航栏;(2)掌握浏览者的视觉习惯方式;(3)完善页面的主从功能关系;(4)消除人的视觉疲劳感;(5)科学设计视觉流程。

在进行网页设计图形艺术时还应注重动态方面的设计,这就要求网页应该具有闪变化的色彩、烁的文字以及Flas。不仅如此,在网页之间的链接设计方面,应该能够设计出使人们具有访问更深层次页面的倾向,这就需要建立合理的导航系统来引导访问者的视觉流程,将网站的信息、文件以及说明更加醒目、清晰地处于视觉可及范围之中,从而使引访问者能够进一步地观赏网站。网站的导航系统应该运用简短、便于理解,导航系统能够体现出网站的各个视觉方向,这也就要求在网站设计的过程中,导航功能的应用要清楚、自然,简便、新颖。通过网站导航系统的设置,为使用者提供方便,根据导航提示随意从一个页面跳转带其他页面。

4、图形艺术的界面处理

网页图形艺术设计的新颖特点能够吸引浏览者的目光,而创意独特、设计完美、布局规范的操作也是提高网页浏览回头率的必胜法宝。一个设计完美的网页可以促进浏览者提高点击网页的欲望和爱好,因此这也就要求网页设计图形艺术可以根据一切科学技术手段来完善页面完整度。保证页面效果能够更迷人,更吸引人,给客户一种视觉冲击的感觉,保证每一个网页都具有较强的统一性与个性。当然,当我们在运用各种设计方法、科学的软件以及先进技术方法的同时,要做到收放自如。将图形设计信息的高效资源传递给浏览者,这才是网页设计的最终目标。因此,设计过程中结合各种软件工具的应用,在配上一些有声的音乐,这样就能够为浏览者提供更便捷、舒适的服务。网页设计所要表达是信息的传递,而图形设计的意义就在与保证访问者能看到一个丰富多彩、舒适流畅的网站设计,全面提升企业的整体形象。

5、结语

正如建筑艺术最初的目的仅仅是为了满足人们最基本的生存需求一样,网页中图形设计业是一样,目前已经告别了仅仅使用HTML和JAVA语言来实现网页的设计,这些设计的完成者全部都是技术性人才,但这些仅仅能满足最为基本的传递功能,设计不到艺术层面,而现代的网站表达,艺术设计更为重要,现今,Macromedia Dreamweaver、Microson Froltpage等软件的产生使数字化艺术设计变得更加方便。我相信,网页图形艺术设计将会发展得越来越好,展现在浏览者眼前的是艺术与技术的结合。

参考文献

[1]刘瞳.网页设计之管见[J].中国科教创新导刊,2009.

第10篇

网页设计开题报告怎么写呢?又有哪些具体要求呢?网页设计开题报告就是用文字来体现的论文总构想,虽然文章篇幅无需太多,但还是需要把如何研究、计划研究的课题、理论适用等主要问题说清楚。以下是学术参考网小编为您搜集整理的网页设计设计开题报告,欢迎阅读借鉴。希望可以帮助到各位~

一、网页艺术设计的内容

设计活动中包含着主观和客观两方面的因素,在确立了网页主题之后,首先要明确和熟悉设计的对象和构成的要素。网页艺术设计涉及的具体内容很多,可以概括为视听元素和版式设计两个方面。

1、视听元素

这里所说的视听元素,主要包括:文本、背景、按钮、图标、图像、表格、颜色、导航工具、背景音乐、动态影像等。无论是文字、图形、动画,还是音频、视频,网页设计者所要考虑的是如何以感人的形式把它们放进页面这个“大画布”里。多媒体技术的运用大大丰富了网页艺术设计的表现力。

以上各视听元素大多数浏览器本身都可以显示或收听,无需任何外部程序或模块支持。比如,大部分浏览器都可以显示gif、jpeg图形和gif89a动画。还有些多媒体文件(如mp3音乐)需要先下载到本地硬盘上,然后启动相应的外部程序来播放。另外,在浏览器使用插件(plug-in)可以播放更多格式的多媒体文件。微软推出ie浏览器后,提供了基于ole的activex技术,用来在网页中播放多媒体。目前activex已经成为热门技术。另一种播放多媒体的技术是javaapplet。它是用java语言编写的应用于网页之中的小应用程序,相比于插件和activex,javaapplet具有更大的灵活性和良好的跨平台能力,因此具有很好的发展前景。总之,技术的不断发展使多媒体元素在网页艺术设计中的综合运用越来越广泛,使浏览者可以享受到更加完美的视听效果。这些新技术的出现,也对网页的艺术设计提出了更高的要求。

2、版式设计

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处,它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计,是在有限的屏幕空间上将视听多媒体元素进行有机的排列组合,将理性思维个性化的表现出来,是一种具有个人风格和艺术特色的视听传达方式。它在传达信息的同时,也产生感官上的美感和精神上的享受。

但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸,网页则不然,它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且,网页的组织结构不像印刷品那样为线性组合,这给网页的版式设计带来了一定的难度。

二、网页艺术设计的原则

网页作为传播信息的一种载体,同其他出版物如报纸、杂志等在设计上有许多共同之处,也要遵循一些设计的基本原则。但是,由于表现形式、运行方式和社会功能的不同,网页设计又有其自身的特殊规律。网页的艺术设计,是技术与艺术的结合,内容与形式的统一。它要求设计者必须掌握以下三个主要原则:

1、主题鲜明

视觉设计表达的是一定的意图和要求,有明确的主题,并按照视觉心理规律和形式将主题主动地传达给观赏者。诉求的目的,是使主题在适当的环境里被人们即时地理解和接受,以满足人们的实用和需求,这就要求视觉设计不但要单纯、简练、清晰和精确,而且在强调艺术性的同时,更应该注重通过独特的风格和强烈的视觉冲击力,来鲜明地突出设计主题。

根据认知心理学的理论,大多数人在短期记忆中只能同时把握4到7条分立的信息,而对多于7条的分立信息或者不分立的信息容易产生记忆上的模糊或遗忘,概括起来就是:较小而分立的信息要比较长而不分立的信息更为有效和容易浏览。这个规律蕴含在人们寻找信息和使用信息的实践活动中,它要求视觉设计者的设计活动必须自觉地掌握和遵从。

作为视觉设计范畴一种的网页艺术设计,其最终目的是达到最佳的主题诉求效果。这种效果的取得,一方面通过对网页主题思想运用逻辑规律进行条理性处理,使之符合浏览者获取信息的心理需求和逻辑方式,让浏览者快速地理解和吸收;另一方面通过对网页构成元素运用艺术的形式美法则进行条理性处理,更好地营造符合设计目的的视觉环境,突出主题,增强浏览者对网页的注意力,增进对网页内容的理解。只有两个方面有机地统一,才能实现最佳的主题诉求效果。

优秀的网页设计必然服务于网站的主题,就是说,什么样的网站,应该有什么样的设计。例如,设计类的个人站点与商业站点性质不同,目的也不同,所以评论的标准也不同。网页艺术设计与网站主题的关系应该是这样:首先,设计是为主题服务的;其次,设计是艺术和技术结合的产物,就是说,即要“美”,又要实现“功能”;最后,“美”和“功能”都是为了更好地表达主题。当然,有些情况下,“功能”即是“主题”,还有些情况下,“美”即是主题。例如,雅虎作为一个搜索引擎,首先要实现“搜索”的“功能”。它的主题即是它的“功能”。而一个个人网站,可以只体现作者的设计思想,或者仅仅以设计出“美”的网页为目的。它的主题只有一个,就是——美。

只注重主题思想的条理性而忽视网页构成元素空间关系的形式美组合,或者只重视网页形式上的条理而淡化主题思想的逻辑,都将削弱网页主题的最佳诉求效果,难以吸引浏览者的注意力,出现平庸的网页设计或使网页设计以失败而告终。

要使网页从形式上获得良好的诱导力,鲜明地突出诉求主题,具体可以通过对网页的空间层次、主从关系、视觉秩序及彼此间的逻辑性的把握运用来达到。

2、形式与内容统一

任何设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和,是设计存在的基础,被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指它的主题、形象、题材等要素的总和,形式就是它的结构、风格或设计语言等表现方式。内容决定形式,形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。正如黑格尔所说:“工艺的美就不在于要求实用品的外部造型、色彩、纹样去摹拟事物,再现现实,而在于使其外部形式传达和表现出一定的情绪、气氛、格调、风尚、趣味,使物质经由象征变成相似于精神生活的有关环境。”(黑格尔<美学>第三卷)

一方面,网页设计所追求的形式美,必须适合主题的需要,这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容,或者只求内容而缺乏艺术的表现,网页设计都会变的空洞而无力。设计者只有将二者有机地统一起来,深入领会主题的精髓,再融合自己的思想感情,找到一个完美的表现形式,才能体现出网页设计独具的分量和特有的价值。另一方面,要确保网页上的每一个元素都有存在的必要性,不要为了炫耀而使用冗余的技术。那样得到的效果可能会适得其反。只有通过认真设计和充分的考虑来实现全面的功能并体现美感才能实现形式与内容的统一。

据有关资料所做的保守估计,目前在上网页数据传输平均以每秒1、5k的速度到达客户端。假设某个网页为了丰富其艺术性而追赶时髦地大量使用图像或其它多媒体元素等,虽然达到了其静态形式美的效果,却造成多达几十k甚至更大的网页数据,使浏览者必须等待很长时间才能看到“庐山真面目”,这样的网页就不是一个优秀的网页,因为它不符合网页传播信息的突出特性之一——快捷性,使网页内容不能很快地到达访问者,影响了访问效果和质量,损害了访问者的情趣和积极性,这种技术要素影响了传达信息的效果,因而不是形式与内容的完美统一。

网页具有多屏、分页、嵌套等特性,设计者可以对其进行形式上的适当变化以达到多变性处理效果,丰富整个网页的形式美。这就要求设计者在注意单个页面形式与内容统一的同时,更不能忽视同一主题下多个分页面组成的整体网页的形式与整体内容的统一。

因此,在网页设计中必须注意形式与内容的高度统一。

3、强调整体

网页的整体性包括内容和形式上的整体性,这里主要讨论设计形式上的整体性。

网页是传播信息的载体,它要表达的是一定的内容、主题和意念,在适当的时间和空间环境里为人们所理解和接受,它以满足人们的实用和需求为目标。设计时强调其整体性,可以使浏览者更快捷、更准确、更全面地认识它、掌握它,并给人一种内部有机联系、外部和谐完整的美感。整体性也是体现一个站点独特风格的重要手段之一。

网页的结构形式是由各种视听要素组成的。在设计网页时,强调页面各组成部分的共性因素或者使诸部分共同含有某种形式特征,是求得整体的常用方法。这主要从版式、色彩、风格等方面入手。例如:在版式上,将页面中各视觉要素作通盘考虑,以周密的组织和精确的定位来获得页面的秩序感,即使运用“散”的结构,也是经过深思熟虑之后的决定;一个站点通常只使用两到三种标准色,并注意色彩搭配的和谐;对于分屏的长页面,不可设计完第一屏再考虑下一屏。同样,整个网页内部的页面,都应统一规划,统一风格,让浏览者体会到设计者完整的设计思想。

从某种意义上讲,强调网页结构形式的视觉整体性必然会牺牲灵活的多变性,“物极必反”就是这个道理。因此,在强调网页整体性设计的同时必须注意:过于强调整体性可能会使网页呆板、沉闷,以致影响访问者的情趣和继续浏览的欲望。“整体”是“多变”基础上的整体。

三、网页艺术设计的特点

第11篇

网页是信息传递和表达的新形式,由于界面设计缺失,容易造成信息表达不足,本文结合网页设计中的设计思路和技术手段两个方面探讨信息视觉传达有效性的问题。

关键词:

网页界面设计;信息;有效视觉传达

一、造成网页界面设计信息无法有效视觉传达的原因浅析

(一)设计布局问题设计布局混乱是造成网页界面设计中信息无法有效表达最为常见的问题。造成设计布局混乱主要有两方面的原因:其一,是由于对于网页风格定位不明确;其二,是由于做不到技术与艺术的高度统一。可见优秀的网页设计布局既对设计者的艺术技法有一定的要求,还要求设计者熟练地运用HTML,JavaScript,HTML5等相关网页设计语言,做到艺术表现力与实施设计的高度统一。除此之外,网页设计布局对于浏览者的视觉习惯考虑不足也有一定的关系,这是由于网页信息传递的公开性特点,网页设计不能很好地符合公众的审美特点,过于艺术化的展现可能会造成大众审美困难,进而导致信息不能有效传达。

(二)颜色、字体、图片等网页搭配问题除了布局方面的问题外,造成网页界面信息无法有效传达的另一个常见问题在于网页元素搭配不足,常见的网页元素包括文字、图片、声音、视频等,就文字而言,网页中过多字体格式的滥用、字体大小和颜色的不合理混搭严重影响视觉美感及信息的有效传达;图片的选择不符合文字和网页的整体风格,图片尺寸大小,选取的不合理会造成网页信息的杂乱,声音和视频也是如此。可见对于具体信息传递载体———网页元素的搭配问题,是造成信息传达有效性缺失的重要方面。

(三)广告及其他内容过度植入一些网站为了盈利等方面的因素,在网页中植入广告或者其他内容,这本无可厚非,但是由于诸如此类内容的过度植入往往产生喧宾夺主的尴尬问题,浏览者无法有效地阅读或者浏览网页,导致信息传达有效性的不足,这是值得网站运营和界面设计需要关注的。

二、如何做到网页界面设计中信息的有效视觉传达

(一)网页风格定位鉴于上述设计不足,要做到信息的有效传达首先要搞好网页的风格定位。风格定位应更注重艺术及美学方面的内容,如政治新闻类的网页应做到庄严大气,简洁明晰;而娱乐性的网页,则应突出“娱乐”特性,力争在活泼、有趣方面有所突破。当然,在风格定位的时候,还应考虑到网页的公开性特点,一定程度上迎合浏览人群大众化的实际情况,在艺术美和大众化之间达到相应的平衡。总之,网页风格定位是进行网页界面设计最关键的一步,需要设计者具备一定的艺术底蕴,同时也应考虑大众的审美特点。

(二)网页界面版式设计如果网页风格定位工作中艺术美学功底发挥了举足轻重的作用,那么在网页界面版式设计工作中,对于网页编制的技术语言功底的要求则更突出。版式设计是设计者将艺术元素与网页编程进行高度统一的过程,通过编程的方式进行美感艺术的传递。因此,在网页界面设计展开时,应首先遵循网页风格定位,制定相对统一的界面版式设计(一个网站通常是若干网页的集合),保证设计的一致性。另外,对于一些不确定或者后期可能需要完善的内容,在进行版式设计时应做好流余设计工作。总之,网页界面版式设计工作是通过具体的技术手段展现设计之美的过程,做好版式设计是搭建网页整体框架的环节,为信息的有效传递奠定基础。

(三)网页元素的合理填充和搭配网页元素的合理填充和搭配工作是网站界面设计的最后环节,再次文本建议在文字方面设计的时候遵循相对统一的样式,例如网页整体采取统一的样式,各级标题采取相对统一的样式,避免字体样式的滥用,尽量做到清晰简洁;在图片搭配的时候,修饰类图片应较好的符合网页的风格定位及版式设计内容,而说明类配图则应更好地服务于网页文字内容,提升文字的可读性及吸引力;而声音和视频类型的网页元素的选择,则应根据网页具体内容进行合理的选择。可见网页元素的填充过程是网页设计的画龙点睛之笔,应做到与前期工作的高度一致,提升信息传达的有效性。需要说明的是,网页界面设计的各个环节并不是绝对孤立的,本文只是按照网页界面设计的一般步骤进行相应的阐释,设计者应结合具体的设计环境进行合理的选择和取舍。

(四)合理运用富客户端技术随着计算机网页技术的发展,富客户端的应用为网页界面设计的多样性提供了更多的选择。常见的富客户端技术有,Flex,Laszlo等,这类技术将网页元素的展现形式及与用户交互能力提升到一个新的高度,甚至一定程度上与传统的C/S架构的软件在客户端方面都不相上下。因此,网页设计者合理地利用一些新的富客户端技术,对于提升信息传达的有效性有一定的作用。

三、结语

信息传达视觉有效性是网页设计工作的重要方面,本文分析了当前信息传达有效性常见的问题,包括设计方面、网页元素组合方面及广告和其他内容的过多植入等方面的原因,并以此给出了解决上述问题的思路,通过提升网页风格定位、加强板式设计、网页元素的合理搭配及合理运用富客户端技术等手段共同提升网页在信息视觉传达有效性方面的功能。

参考文献:

[1]李婵.网页界面设计中信息的有效视觉传达[D].河北师范大学,2014.

[2]李静.基于视觉体验的网页界面极简主义设计[D].中国地质大学,2013.

[3]郑强伟.网页界面设计中信息的有效视觉传达研究[J].大众文艺,2015,06:135.

第12篇

一、网页设计中的色彩应用

1.体现风格,突出主题

一个网站的特点与风格要得到展示,除了要使页面内容与形式之间有机结合,还要使不同色彩有机结合。每一种颜色都有它所特有的个性,设计人员可以借助色彩心理学表达色彩的情感效果,以便更好地突出主题。

2.网页区域划分应有统一的风格

网站内容丰富,信息量大,设计师要对网页界面进行视觉区域划分。网页信息的分类布局,可以使用不同的色彩划分内容主次,规划视觉流程,统一网页的整体风格,给浏览者以完整的、易读的、富有导向性的视觉印象。

3.引起人们的关注,加深印象

网页设计或优雅含蓄,或动感强烈,或时尚新颖,或简单抢眼,能吸引观众的注意,是设计人员充分利用色彩的魅力来优化页面的成果,这种页面的色彩设计极大地提高了网页的艺术性,是提高访问率和网站知名度的关键。

二、网页设计中色彩搭配的原则

平面设计和网页设计最重要是色彩的搭配。当人们离屏幕较远时,第一眼看到的是页面颜色,而不是具体的图片与文字排版。因此,设计者在网页设计中除了要考虑突出网页内容的理性要求,也要遵循感性的艺术规律,从而设计出性格独特的网页。

1.特色鲜明

一个网页必须有自己独特的色彩风格,以使看起来个性鲜明,给观众留下深刻的印象。

2.合理搭配

一种色彩的应用:将选择的颜色调整透明度或饱和度,产生新的颜色。这种色彩的运用使页面看起来更统一,主次更分明。两种色彩的应用:在选择一种色彩后,然后选择其对比色。一个色系的应用:将一个感觉的色彩放在一起使用,如浅蓝、浅黄、浅绿,或者土黄、土灰、土蓝,等等。

3.艺术性

网页设计含有艺术的成分,是一种艺术活动,有其艺术规律需要遵循,而网页设计师在考虑内容的同时,也要根据艺术的形式、特点、原则进行大胆的艺术创新,在符合网站要求的同时让网页各有特点。

三、色彩搭配要注意的问题

第一,在网页设计时,设计师一般会避免使用单一的颜色,以防使人产生单调的感觉。如果仅使用一种颜色且希望产生丰富的变化,可以通过调整它的饱和度和透明度达到整个网页色彩的分层。

第二,黑色是一个特定的颜色,在设计中使用得恰当、合理,同样会产生非常强烈的视觉效果。黑色通常作为背景色,与不同纯度的颜色搭配使用。

第三,将多种色彩用于一个网页往往使页面很“花”,使网页缺乏整体感和内在美。实践证明,网页设计中用色并不是越多越显得丰富、有个性,一般在三种颜色内通过调整其各种属性来产生丰富的色彩变化。