网页设计中的视觉构成研究论文（样例5）

第一篇：网页设计中的视觉构成研究论文

摘要：随着社会向信息化方向的发展，各类高科技技术在蒸蒸日上地进步着，并有效地推动了各个领域的可持续进步，提升了我国的经济及生活的发展水平。特别是有关网页设计的方面，它与设计、美学、网络等方面的内容有关，所设计出来的内容要比平面设计全面，可以有效地提升人们的工作效率，给人带来一定的视觉享受，并为工作提供了便利条件。网页设计的关键是视觉构成，这是网页的主要构成部分，其相关人员要对其进行严格地分析，进而使网页更加完善。文章通过对网页设计内的视觉构成进行简单的陈述，并结合人们浏览网页的视觉行为习惯，探讨出如何在视觉构成上能更好、合理有效地把网页信息传达出去，进而推进网页设计技术的进步。

关键词：网页设计；视觉构成引言

网页设计的主要目的是把设计出的网页内容运用到各个领域，带给人们另类视觉享受，通过将各式各样的视觉元素形成艺术设计效果并传达给客户，满足他们视觉上的需求。而对视觉构成上的解析是把网页发展起来的关键，同时亦是网页设计的一个主要因素。所以，在进行网页设计时，设计者不单要考虑页面上所存的一些内容，还应结合顾客的审美观、思考方式、认知习惯、心理习惯等，在点、线、面、文字、图片、颜色等方面进行合理有效地搭配，最后给顾客呈现出一种令人满意的视觉效果，让他们能够下意识的接纳所设计出的网页，而后把该网页应用到实践活动中，进而把网页设计的目的发挥出来。

1基础概念概述

视觉构成主要讲求的内容是形式美、传播迅速及对视觉造成的冲击力，而避免人的意识、精神及传统文化等因素上的运用习惯。令人满意的视觉构成要知道怎样合理地运用各个视觉元素及功能的使用技巧，最主要的便是不管在何种领域或媒体中都能在设计的过程中把握设计的原则，才能认真地控制其意义的形成，让设计出的作品能够实现传播的效果及目的。网页设计若想达到很好的传播效率就必须很好地运用其内在的关键元素。视觉构成所遵循的主要原则有界定图框（是指把设计框架定好，也决定了视觉的表现范围、表现方式、水平构图方向或是垂直的）、视觉重量（主要是指心理的定势、图的大小、线条的比重、上下左右间的比重、颜色的深浅等等）、视线动向（指人们的阅读习惯及兴趣爱好而把视觉首先放在哪，但也可通过方向线条、色彩的深浅、动向来引导人们的阅读视线）、人们本能上对于一切美好事物的探求。视觉构成的设计目的主要有：构成心旷神怡的吸引力（只有吸引浏览者的关注力，才能引起他们的兴趣及好感，才能够达到更好的传播效果）、有利于意义的传播（具有针对性的网页设计，可使其意义能够更好地传达出去，降低无效的设计内容）、方便人们的阅读（尽量减少那些阻碍阅读的各个因素，使阅者能够顺畅的浏览）、中心思想的传达（通过各种设计或引导，来使阅读者能够把视线放在重点上）。网页设计中的视觉构成主要讲的内容是对整个版面的设计，它包含了点、线、面、色、字、图等的有效组合及搭配，怎样把它们有效地搭配在一块，做好这个版面的设计，给浏览者留下一个好的印象是探讨视觉构成的重点。网页中的文字、颜色及图片都是由各个点、线条及面构成的，它们在视觉构成中是相互依存的关系，不能以单独的形式存在，也不可能单独达成某一让人满意的视觉效果。因而，在进行网页设计时应将它们有效合理地结合在一起，并选取符合中心内容的文字、图片及颜色，从而把设计出的网站能够给人一种焕然一新之感。

2在视觉构成上提升网页设计视觉效果

通过以上所述，笔者已简要地了解到视觉构成的意义、所遵循的原则、设计目的以及在网页设计中的重要作用，也可以说视觉效果是判断网页设计效果的主要依据。所以，有关设计的专业人士要先对视觉构成有一个深入的了解，以及在网页设计中有哪些视觉构成，尽最大努力地在视觉构成上提升该网页所带给人们的视觉效果，进而推进网页设计这一行业的进一步发展。本文论述了点、线、面间的有效结合，图片、文字及色彩的合理搭配以及版面的本质特性与顾客的认识、了解习惯的相互结合等等，其具体内容如下：

2.1点、线、面三者间的有效结合视觉构成的主要组成部分便是点、线、面，而网页上的所有内容也都是由这三者进行合理、有效地搭配而成的，所以，要提升网页所要达到的视觉效果，就应先从这三者的相互结合上进行分析。比如：点的使用，设计者可通过把点进行聚合或分散处理，进而实现静动结合的效果，满足顾客的实用需求。此外，也可通过点间的相互结合构成线条，线与线间的交叉运用，线条的虚实结合、明暗渐变等等，把网页版面的大概外框绘画出来，以实现版面所要达到的最基础效果。

2.2图片、文字及颜色间的合理搭配

在进行网页设计时，图片、文字及颜色也是视觉构成的主要因素，而相同的图片、文字及颜色进行不同方式的搭配，所要达到的效果也是不同的，同时，不同的图文色彩所搭配出的网页效果也是截然不同。因而，设计者想要提升网页设计的视觉效果，就需把更多的时间及精力投入到图片、文字与颜色间的合理搭配之上。同时在进行选择时应与主题保持一致，并具有一定的代表性，能把网页的中心思想表现出来。如在对颜色的选择上，选出的颜色应符合科学道理。有关柔情的网站一般会选择暖色调，有关科学研究的网站一般会选用蓝色，有关环保的网站一般会选择绿色为主等来渲染所要表达的主题。此外，选择的颜色还应进行合理的搭配才能够表现出该网站的中心思想，如相同/相似的色调、拥有对比效果的色调、主辅色调等等的选择和搭配，设计者都应仔细斟酌，才能保证所选内容与网页主题相同，进而达到更好的视觉效果以吸引更多顾客的眼球。

2.3版面的本质特性与顾客的认识、了解习惯相结合顾客不同，他们的思维方式、审美观、理解习惯也将会有所不同，要想让他们每个人都对所设计出的网页满意，还需把他们的认识、了解习惯科学合理地运用到网页设计之中。设计者不单需要良好的职业素质，还应把顾客的需求、认识了解习惯运用其中，才能把各类网页设计内的视觉构成的必要因素系统科学地组合到一块，达成设计网页的良好效果，以此实现顾客的需求。

3结语

总而言之，要想把网页设计成功，对其视觉构成的探讨是至关重要的一个环节，我们应考虑到不同种类的视觉构成要素，把不同的颜色、静动效果、图片、认知习惯等等科学系统有效地综合在一起，才能够让他们从视觉上采纳所设计出的网页，并将其应用到工作的各个领域之中。因而，设计者在进行网页设计时，要结合其自身的视觉构成，在满足顾客需求的先决条件下，给他们另类的视觉享受。并且，我们还应更深层次的对其视觉构成进行研究，并把研究出的结果及时地落到实处，从而提升网页设计的办事效率，为我国互联网技术的发展做出努力，进而推进我国经济水平的提升。

参考文献

［1］霍俊燕.视觉效应在网页设计中的应用［J］.湖南大众传媒职业技术学院学报，2016（1）：58-60.［2］吴乃群,史耀军.网页界面设计中视觉传达的解读［J］.艺术研究，2007（3）：69-70.［3］鬲波飞.网页设计之视觉信息传达分析［J］.湖南大学学报：社会科学版，2001（S2）：187-189.［4］欧亚梅.网页设计中的视觉节省研究［J］.武汉工程职业技术学院学报，2012（4）：36-39.［5］古新良.论网页设计中艺术设计的视觉呈现［J］.计算机光盘软件与应用，2013（7）：262，264.

第二篇：论网页设计中的视觉传达范文

论网页设计中的视觉传达

摘要：通过对网页设计中信息的传达与审美需求，分析其各种视觉构成要素，如：文字、图片、颜色等，结合人们在浏览信息时的视觉习惯，探讨网页视觉信息如何更有效、更为合理的表现与传达。

关键词：网页设计；构成要素；视觉传达；审美需求

近年来，随着计算机技术的迅猛发展和人们生活水平的不断提高，互联网越来越广泛的深入到人们的日常生活、工作当中。与此同时，信息传播业也面临着一场深刻的变革。互联网代表着一种崭新的信息交流方式，它使信息的传播突破了传统的政治、经济、地域及文化的阻隔，使信息传达的范围、速度与效率都产生了质的飞跃。互联网络作为一种全新的大众传媒,具有迅捷、及时、价廉、交互性好、传播面广的特点,为视觉传达设计的传播提供了良好的条件。视觉传达设计以大众传媒为载体,两者之间具有紧密的联系。同时,基于互联网络传播的视觉传达设计又会受到互联网技术的制约，新工具、新媒体的发明和出现,对于设计来说,有着不言自明的重要意义。网页设计中的视觉规律

由于网页风格的不同，人们在浏览网页的同时会产生不同的视觉和心理感受，这种感受大部分来源于网页页面的视觉传达，为了使网页获得最大的视觉传达功能，使网络真正成为可读性强的媒体，设计师在进行网页设计时必须考虑到人们视觉流向的心理和生理特点，由此确定各种视觉构成元素之间的关系和秩序。因此，设计时应该研究各种视觉造型元素之间的关系，如距离、位置、面积等问题。

视觉规律的形成是由人类的视觉特性所决定的。浏览者的阅读行为在浏览不同性质的网站和肩负不同的阅读任务时候都表现出基本上恒定的习惯，首先是水平运动，常常是扫过网页内容的最上半部分，因此，上部和中上部被称为“最佳视域”，也就是最优选的地方。然后，向下移，浏览下面区域。最后，从网页左边的部分进行垂直扫描。

在网页设计中，灵活而合理地运用视觉流程和最佳视域，组织好自然流畅的视觉导向，直接影响网页传播的准确性与有效性。所以，在网页设计中，既要立足信息的传达，又要符合人们的视觉和思维习惯，设计网页时注意各种信息要素的合理分布，使各类信息要素的位置、间隙、大小保持一定的节奏感和美感。网页设计中的审美需求

人们对美的追求是不断深入的，网页设计同样如此。网页不光是把各种东西放上去，能看就行，更要考虑如何使受众能更好地和更有效率地接收网页上的信息。这就需要从审美的方面入手，制作出清晰、整体性好的页面,使人浏览起来产生愉悦感，更容易接受信息。在网页设计中，更多的是追求平面视觉传达效果，将各种元素有效的结合，这种结合要遵循一定的原则，如我们经常所说的变化统一、条理与反复、对比和调和、均齐与平衡等，以及对网页中文字、图形、色彩的设计。

2.1网页的内容与形式的表现必须统一和具有秩序

形式表现必须服从内容要求，当我们把大量的信息放到网页上去的时候，既要考虑整体感，又要注重细节的编排。这就要求设计师清晰的思考内容与形式如何最佳的结合，如何使页面看起来既整体，又丰富。

2.2突出主题要素

每个网页都应有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者，使

主题在适当的环境里被人们即时地理解和接受。

作为主题要素，必须注意编排的位置，使其成为人们浏览时的视觉焦点，从而产生深刻的印象。如果没有这个主题要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。网页设计中各构成要素在组合时，要注意其结构的轻重大小、虚实、多少等对比因素，加强视觉力度，以强化页面的整体吸引力。网页中的各构成要素

3.1风格定位

对于设计某个网站来说，要做的第一步工作就是确定网站整体的风格，不同的网站需要有不同的风格，其风格要与主题内容相统一。目前，网页的种类很多，较为常见的有：新闻机构类、政府机关类、科教文化类、娱乐艺术类、电子商务类、个性化网页类。这些不同性质的网页应体现不同的风格，比如，娱乐类网页风格应体现活泼生动一些，政府机关类网页应体现出比较庄重、严肃的感觉。在统一的风格页面中，添加图片、文字、动画等元素，来丰富页面内容，在添加这些元素的过程中也要注意色调的统一，这就需要设计师具备良好的美术修养。

3.2版面排版

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。但网页的排版与书籍杂志的排版又有很多差异。印刷品都有固定的规格尺寸，网页则不然，它的尺寸是由读者来控制的。这使网页设计者不能精确控制页面上每个元素的尺寸和位置。而且，网页的组织结构不像印刷品那样为线性组合，这给网页的版式设计带来了一定的难度。当我们确定了网页总体风格之后，我们要根据现有的图片、文字等素材进行页面划分，文字作为最原始、最有力的信息传递方式，在网页设计中也是至关重要的。

3.3色彩的运用

在网页设计中，好的色彩搭配是网页设计成功的一半。在一个色彩搭配具备专业水平的网站，即使只使用很少的图形，仍会带给浏览者深刻的印象和舒适的视觉感受。一般来说，色彩，在一个页面不应超过三个，其中择一为主色调；应恰当使用颜色蕴含的文化心理信息。色彩的运用遵循“总体协调，局部对比”的原则，也就是主页的整体色彩应该是和谐统一的，只有局部运用一些强烈的色彩对比。

不同网页的主题可以用不同的色彩来表现。以下为几种常用色系：

（1）蓝色，是商业宣传用色，能使网页显得非常有专业水准。体现出一种专业和正式氛围。蓝色往往也被用为严肃庄重的场合，体现出一种凝重和肃穆。（2）绿色，是自然色，给人以清新自然的感觉，可以大大舒缓视觉上的压力。绿色可以用于与环保相关的主题，如旅游风景区网站。（3）红色，是比较热烈的颜色，会使网页变得生机勃勃。红色也是运动的色彩，有很强的视觉感染力和号召力。（4）黄色系也是宣传色系中的一种。黄色给人轻松随意的生活气息，能够体现出一种友善和多维的效果。同时，黄色又是一种非常鲜明的色彩，它可以与许多种颜色搭配起来使用。

此外,我们还可以适当的运用一些黑、白、灰的颜色搭配使用，可以产生意想不到的效果。一个页面中尽量不要超过4种色彩，色彩太多找不到主题色，会显得没有主次，令人眼花缭乱。再者，需要注意的是文字的颜色与背景颜色的区分，对比太强或太弱都会影响浏览者的阅读。

除了以上论述的几种要素，还有页面的布局、框架的构成等也属于网页的构成要素。网页作为一种新的视觉表现形式，它的发展虽然没有多长时间，但它兼容了传统平面设计的特征，又具备其所没有的优势，成为今后信息交流的一个非常有效的途径。作为一种综合性的设计，这就要求设计师具备全面的专业素质，懂得如何处理好内容与形式的关系，如何设计出让浏览者过目不忘的优秀网页，使人产生美的共鸣。

参考文献

[1]鲁道夫·阿恩海姆.艺术与视知觉（新编）[M].长沙：湖南美术出版社，2008.[2]薛红艳.设计的视觉语言[M].北京：化学工业出版社，2006

[3]黄海燕、张辉.网页设计和平面设计[J].包装工程，2004（1）.[4]袁璐.论网页艺术设计的人性化[J].武汉科技学院学报，2005（11）.[5]苏玉苍.网页视觉艺术的探讨[J].甘肃科技，2005（3）.

第三篇：平面构成在网页设计中的运用

平面构成在网页设计中的运用

易 星

目前，中国互联网的发展已经形成相当规模，据中国互联网网络信息中心（CNNIC）报告显示，预计中国网民数量在未来5年后将要超过美国，互联网已是继报纸、广播、电视等之后的第六大媒介。

随着互联网的发展，各类网站有如雨后春笋般。然而，有的站点日访问量高达几千万人次，而有的站点访问者寥寥无几。究其原因，访问量大的站点，除资源丰富外，网站的策划和精美的外观也是吸引访问者的重要因素。所以将美的形式规律和平面构成的手法结合到网页设计中，是当前网页设计的重要理论依据。

一、当网页设计遇上平面构成

（一）了解网页设计

网页有如门面，小到个人主页，大到政府及国际组织等，是构成一个网站的最基本单位。而网页实际上只是一个纯文本文件，它通过各种标记对页面上的元素进行描述（如颜色、大小），网页上传到互联网之后再由用户的浏览器对这些标记进行解释并生成页面，于是便有了现在千姿百态、百花齐放的互联网络。

打开一个网站，首先映入眼帘的是该网页的界面，如按钮的摆放、文字的组合、色彩的应用等等，这些都是网页设计的范畴。其实在网络刚兴起时，没有太多视觉设计的概念，很多网站都是程序员用HTML语言设计出只有功能取向的网页，那时候网页无法一边写一边观看，只能写好后到浏览器上执行，所以程式设计常常无法和基本的美观结合在一起。然而，在一个个可视化的网页编辑器相继问世，特别是许多平面设计师投入网页设计的行列后，整个网页视觉设计的行业起了重大的变化！

随着这几年网络的飞速发展及人们对美的不断追求，网页设计逐渐受到人们的重视，形式了一门新兴的学科。简单的讲，网页设计就是从审美入手，结合平面设计的特点，运用平面构成中的基本形式到网页中，让网页更加富有美感。例如将平面构成中的节奏与韵律、骨格与肌理溶入到网页中，会使内容繁多的页面更加有条理、主次分明，因此对平面构成的掌握与了解是关系到网页成功与否的重要基础。

（二）了解平面构成

艺术设计是人类文明的重要部分，涵盖了当代人类生活的各个领域。构成是一个近代造型概念，含义是指将不同或相同形态的几个单元重新组合成为一个新的单元，是以研究视觉语言的特性、构成原理以及审美规律为目的，重在研究和分析视觉的形态、空间、运动、比例等因素的变化和形式。

平面构成的认识源于自然科学和哲学认识论的发展，是建立在量子力学基础之上的微观认识论，这种由宏观到微观认识的深化，逐渐影响了造型艺术的发展。构成观念早在西方绘画中就可见其影子，如立体主义绘画、俄国的构成主义、荷兰的新造型主义，到后来的德国包毫斯设计学院的不断完善发展，形成一个完整的现代设计基础的教学体系，奠定了构成设计观念在现代设计应用中的地位和作用。二十世纪七十年代以来，平面构成作为一门设计基础课程，已广泛应用于工业设计、建筑设计、平面设计等领域。

（三）何为网页平面构成

平面设计在网页设计中占有相当大的比重，而平面设计的重要理论基础则是平面构成，所以说，平面构成也是网页设计的重要理论依据和知识基础。

在一堆杂志中，人们往往会拿起色彩丰富、图片艳丽、结构清晰的那本。同样，一个布局合理、重点突出、富有美感的网页，它不但能吸引用户点击，更能够完美表达网页的创意思维。所以，平面构成的出现，不得不让我们对单调、乏味、缺乏美感的HTML页面进行反思，为了拓展网页设计的艺术视觉，丰富网页设计的思维及表现手段，我们引进了网页平面构成的理论，这有点类似于传统平面设计中的构成理论，一般包含风格策划、页面构图、布局与色彩等方面，我们不妨将平面构成理论作为网页设计的理论指导，即“网页平面构成”。把网页设计看成是平面设计的一种审美方式的延伸，而点线面作为平面构成中的基本元素，在网页中巧妙地互相穿插、互相衬托、互相补充构成最佳的页面效果，完美表达设计意境。因此，网页设计作为一种视觉设计，特别讲究编排和布局，虽然主页设计不同于平面设计，但它们有着许多相近之处，如：对比、渐变和节奏美、韵律美，图/底关系或通过文字与图形的组合形成空间上的立体感。所以，灵活运用平面构成中的各种手法，通过页面各元素之间的有序排列使浏览者达到某种共鸣产生一种和谐的美感。

平面构成是一种设计语言，已为当今社会各个艺术设计领域所应用，它以一个全新的造型观念，给我们的网页设计注入新鲜的血液。

二、为网页设计注入新的血液

（一）人性化的网页设计与策划

“人们总以为设计有三维：美学、技术和经济，然而更重要是第四维：人性。”------美国设计师普罗斯

人类的艺术设计是一种审美活动，设计的任务是要实现设计者或用户的意图。网页设计是指设计师将客户要表现的主题和达到的效果，组合页面元素，通过艺术手法创造出符合大众审美观的界面。开始进行网页设计前，需要做很多调查，如客户的需求、站点的性质等，这些要求的不同设计出的网页也会不同，用现在最时髦的话来讲就是更具有人性化。

在网络的虚拟世界，互联网提供了天下大同的机会，充斥着无数站点，然而大多数网站的设计都缺乏灵魂和主旨，页面结构都比较松散、混乱，其原因就在于缺乏有效的策划。因此要想使你的网站从那些数不清的站点中脱颖而出，就必须对整个站点作好统筹规划，对所有的内容进行斟酌，再合理组织页面结构与色彩。

首先，了解一下同类站点的风格、特色，吸取他们的长处，找出自己的优势，做好市场调查，明确自己网站的主题、规模、主要特色及主要受众目标，再确定整个网站的整体风格。其次，网页的制作，设计者先要在纸上用笔画出大概的设计草图，等待客户确认后，才用计算机绘图软件画出平面效果图（色彩与页面结构），之后才能投入实际的制作。

（二）网页平面构成手法

平面构成是一种视觉形象的构成，其形态的抽象性特征和产生不同视觉引导作用的构成形式，组成严谨而富有节奏和动感的画面，营造一种秩序之美、理性之美和抽象之美。其构成形式主要有重复、近似、浙变、变异、对比、集结、发射、特异、空间、分割、肌理及错视等等。它的研究对象主要是在平面设计中，如何构造形象，怎样处理形象与形象之间的关系，如何掌握美的形式规律，并按照美的形式法则，构成设计所需要的图形。

平面构成中最基本的形态要素是点、线、面，其构成要素有大小、方向、明暗、色彩等，以这些基本要素为条件，加以组合构成，便会创造出无数理想的抽象造型。

网页上的所有元素都可以看作构成的基本要素。在一幅成功的作品里，需要点、线、面的共同组合来构造整个页面。通过三者的组合，可以突出页面上的重要元素，突出设计的主题，增强美感，让访问者在感受美的过程中领会设计的主旨。

1、构成的基本元素点、线、面及其在网页设计中的运用

在页面构图中凡是表现视觉图形或文字，都可以简化或趋近于点、线、面的视觉感受。网页版面中的各种视觉元素正是以点、线、面的形式相互依存、相互作用，组合成各种视觉信息，形成千变万化的视觉空间和感受。因此，只有协调处理好点、线、面之间的相互关系，才能设计出最佳视觉效果的网页。

（1）点的运用

点是可见的最小的形式单元。在网页中，点是相互比较而言的，任何一个单独的细小的形象都可称之为点：按钮、字符、小色块等等。在网页中合理的安排点的布局，或者在页面设计中将某些视觉形象进行点化处理，并运用恰当的构成手法进行版面布局，不但可以协调画面，甚至可以起以画龙点 睛的作用。图1为个人主页，所以在形式上比较轻松活泼。网页中大面积的空白与中间的四个点形成强烈的对比，而且在点的处理上采用传统的中国水墨画的手法，更富有意境。在点的位置安排上也体现了一种节奏与韵律，形成视觉上的跳跃。

图１．点的运用（来自www.xiexiebang.com）

由这两个典型的例子可以看出，无论是什么样的法则都源自设计者本能的审美观的驱使，再应用到实际当中，当然在设计时不必十分刻意追求什么法则。应该从日常生活中，从自然界的事物中观察美的规律，培养构图的艺术美感。

（五）网页色彩构成

1、色彩的基础知识

“接天连叶无穷碧，映日荷花别样红。”-------杨万里

每次读这首诗，闭上眼睛仿佛就能看到：碧波万顷，微风吹拂，满塘荷叶轻轻摇曳，艳阳下的荷花鲜红欲滴。这句诗里的“碧”、“红”其实就是色彩。所以色彩对我们来讲是不陌生的，因为我们生活的世界中无处不存在着色彩。色彩以一种特别的方式传达信息，这些信息会影响观看者的心理和感受，左右他们的判断和选择，色彩对于设计而言实在太重要。

首先熟悉一下色彩的基本概念，三原色——红、黄、蓝，三间色——橙、绿、紫，三种间色互为“补色”。将图10中圆环中的任意一种颜色和黑色、白色、灰色按照不同比例混合就可以得到更多的颜色。例如，当色彩RGB值为（0，0，255）时为纯蓝色，饱和度100%。随着饱和度的逐渐降低，颜色会越来越接近灰色。

2、色彩心理

色彩，在不知不觉中作用于人的心理，据说伦敦泰姆士河附近有一座黑色的桥，它因每年在桥上自杀的人数惊人而著名，后来人们将 它改成了绿色，自杀人数剧减。有专家分析，如果将它改成粉红色、天蓝色等更明亮的色彩就可能使自杀人数将趋于零。图10．色环

当你看到色彩时，首先会勾引起对生活的联想与情感作用。蓝色来自天空和大海，它给人一种心胸开阔，文静大方的情操。绿色是大自然的颜色，它能令人充满青春活力。黄色饱含智慧与生命力，让人显得年轻有朝气。看到白色，使人觉得纯洁可爱，而紫色却有着神秘高雅的感觉，这些对于网页设计而言特别重要。我们经常说“第一印象最重要”，用户在访问网站时的第一印象实际上是来自整个网页的色彩！

所以色彩具有一定的含义和感情上的象征作用，人类确实存在色彩联想的共通性。在炎热的夏天人们更容易接收蓝色的“百事可乐”，而在较为冷的天气喝红色的“可口可乐”人是不是更多一点。在我们谈到这种象征印象时，不能过于主观、片面地看问题，人们对色彩的联想是相对，不同的色彩组合在一起也会起到不同的效果。

3、合理搭配色彩

色彩是艺术表现的要素之一。在网页设计中，设计师根据和谐、均衡和重点突出的原则，及色彩对人们心理的影响，合理地加以运用。将不同的色彩进行组合、搭配来构成丰富的页面。单纯的颜色 并没有实际的意义，和不同的颜色搭配，它所表现出来的效果也不同。比如绿色和金黄、淡白搭配，可以产生优雅，舒适的气氛。蓝色和白色混合，能体现柔顺、淡雅、浪漫的气氛。红色和黄色、金色的搭配能渲染喜庆的气氛。但也要考虑到网页的适应性，应尽量使用网页安全色。不同网站应当使用不同的色彩方案，与站点的主题相吻合的色彩方案决不仅仅可以让网站 “更加好看”，更重要的是在访问者心目中建立对这个网站的感性认识。所以，色彩方案的选择决不能草率，是网站建设的第一步。

按照色彩方案中色彩使用方式的不同，可以将色彩方案划分为几种常用类型，单色方案、相似色方案、对比色方案等。

（1）单色方案，是指在网页设计中使用一种基本颜色，通过调整这种基本颜色的灰度和亮度来得到更多的颜色。单色方案是一种比较稳重的方案，或者说比较保守的方案。给人整洁、经典的感觉，商业网站也比较适合使用此种颜色方案，使访问者容易建立对网站的信任感。

（2）相似色方案，在色彩圆环上彼此相邻的几种颜色构成的配色方案就是相似色方案。例如橙色、橙红色以及橙黄色就可以组成一个相似色方案。通常，相似色配色方案可以给人非常协调的感觉，因此在网站设计中非常实用。典型的运用方法就是，用一种颜色作为页面背景，而另外一种在颜色环中与其相邻的颜色作为前景色。

（3）对比色方案，把一个颜色和它补色的左右边的色彩配合起来，可以得到强烈的视觉效果。运用这种方式容易塑造活泼、运动的网页效果，在设计时要注意主体色彩的运用，即以一种或两种色彩为主，其他色彩为辅。

4、色彩构成在网页设计中的细节体现

-----中国移动网与MTV网之色彩比较

图11．中国移动网（来自www.xiexiebang.com）

图12．MTV网（来自www.xiexiebang.com）由两幅图比较可以看出，企业的不同性质决定了网页的用色，首先，中国移动是一家面向全国用户的大型企业，他所服务的对象决定了网页用色必须考虑到所有用户的接受能力，必须稳重大方，可以看出整个界面采用冷静开阔的蓝色调，但是页面色彩却不单调，当用户将鼠标移动到导航栏上，蓝色的横线变成了明快的翠绿色，就这一点小小的细微动作却增强了用户的交互性。但整体而言，色彩还是比较单一，稳重有余而活力不足，作为一家年轻的企业，应该要有年轻人的活力。所以在大片的蓝色中夹杂了鲜艳的橘红色作为点缀，立刻整个页面就会显得比较活泼，再用渐变色丰富了色彩的层次。整体来看是一个比较成功的功能与美感并存的企业网站。

另外再来看看第二幅图，感觉立即不一样了，全黑的底与白色的文字形成视觉上的冲击力，而页面中间被等分成四块，分别用了淡、浅、深三种灰色引起视觉上的分割。并且在色彩上明显比第一幅图丰富，有桔色、黄色、绿色、青绿色、紫色等等。这是一家以娱乐服务为主的网站，他所面向的用户是以年轻人为主，符合潮流，走在时尚前沿。在用色上也大胆出位，全黑色的底，象征年轻人的叛逆与不羁，以及时尚感较强的紫色和青绿色的搭配更能吸引人的视线。

在细节上的设计与处理最能体现一个网站是否成功，可以看出来两个网页都是比较注重在这方面 的用色，总的主色调不变，以丰富多彩的小色块点缀，起到画龙点睛的作用。所以一幅比较成功的网页在色彩的设计上也要独具匠心，充分合理的利用细节，结合色彩的感情，才可以使作品具有更加深刻的艺术文化内涵，才能够让网页设计的个性创造和审美意识得到淋漓尽致的展现，设计出的网页会更加富有生命力。

三、不同审美文化中的网页设计

（一）文化背景对网页设计的影响

美学(Aesthetics)，德文原义为“感性学”，是一门研究人类审美活动的学科。“审”者，看也。通俗地说，就是人们对现实生活中各种美好现象的感受和欣赏，是人类最基本的精神文化活动，因而也最通俗、最具大众化，在东西方都有着极为悠久的历史。

21世纪是一个经济飞速发展的时代，是一个时时事事讲求审美格调的时代，其实审美就是一个民族精神世界的流露。中国的审美观是中国人的人格、修养、品行、文化、艺术的高度统一的综合表现。具有时代的、民族的和阶级的烙印。也就是说不同时代、不同民族和不同阶级在文化艺术审美格调的追求上有着不尽相同的倾向和标准。且不说汉代人如何会在卢浮宫不屑一顾；古希腊人如何会在故宫拂袖而去，就是同为中国的唐汉两代对美的欣赏都不一致。所以说，各国的地域环境、气候条件、经济情况、人文思想不同所形成的审美观也会不同，从网页设计方面来看，各国都有自己的特色。

1、欧美风格的网页设计

欧美国家进行工业化比较早，经济相对比亚洲发达。美国早在二十年代就已经是世界上工业化程度化最高的国家，特别是二战后，更成为世界上的经济大国。随后进入90年代，计算机业迅速发展，高度的工业机械化对其网页设计也有一定影响，除注重实用性之外特别在细节元素上的处理更显精致，网页的艺术表现更是别具一格，其中肌理的表现形式独具特色。另外，美国是一个移民国家，有着一个多元化的社会，其短暂的历史，自由的人性，在网页设计中表现出丰富的幽默感与创造性。图13中所示：整个网页由机械化式的线条相互组合构成，刚强有力，将金属的质感充分的表现出来。

图13．欧美网页中肌理的表现形式（来自www.xiexiebang.com/fr）

德国则不同，气候干燥而寒冷，地形复杂多山的自然环境造就了严肃的德国人，因而，德国设计更加体现其科学性和逻辑性，德国网站设计也充分体现了 “实用”和“简洁就是美”的观点，如图15所示。

图15．简单实用的德国网页（来自www.xiexiebang.com）20），对字体、字型及字号的选择除要符合审美标准 外还要考虑到显示屏的大小，及整个页面结构的把握，是借助框架（也叫骨骼）或是其他，以及如何更有效的在手机上使用多媒体技术，使得网页艺术设计的表现力更加丰富。

在未来，网页的显示模式将会发生翻天覆地的变化，不论是在电脑、手机、手表抑或是电视上，我们看到的网页对美的追求会更加彻底，平面构成中的重复、变异、韵律、连续以及图/底关系处理等，是任何一种设计的基本原理，尽管处于不同文化背景中的设计师在运用这些视觉构成元素时都不经相同，但是，所有的文化都涉及到这些视觉基本要素，都离不开形式美的法则。美与技术并存将会在未来完美体现，所以，在未来网页设计将真正走进每个人的生活，设计将会不再不拘于形式，更加的灵活，看重的是网页设计的灵魂。因而，平面构成也就必然成为网页设计的重要基础。

五、主要参考资料

①．毛溪，2003．平面构成(第一版)．上海：上海人民美术出版社，122． ②．李凇，2000．中外美术对谈录（第一版）．中国工人出版社，2 ③．姜伟，2004．网页美工传奇（第一版）．机械工业出版社，2 ④．徐希景、陈笋，2003．网页平面构成的创意手法分析．福建商业高等专科学校学报，47 ⑤．刘永翔、唐良瑞，2004．网页设计中的视觉构成分析．北京工商大学学报，58 ⑥．杨萍，2005．抽象形、空间、肌理——平面构成在教学实践中的思考．黔南民族师范学院学报，78 15

第四篇：视觉设计论文

创新是视觉设计的灵魂

视觉设计是针对眼睛官能的主观形式的表现手段和结果。与视觉传达设计的异同：视觉传达设计属于视觉设计的一部分，主要针对被传达对象即观众而有所表现，缺少对设计者自身视觉需求因素的诉求。随着人类社会从工业化社会到信息化社会的发展，视觉设计经历了商业美术、工艺美术、印刷美术设计、装潢设计、平面设计等几大阶段的演变，最终成为以视觉媒介为载体，利用视觉符号表现并传达信息的设计。

创新是设计本质的要求，也是时代的要求。作为“为传达而设计”的视觉设计，如何正确充分地传达信息是每一个设计者始终要面临的中心问题。但是，在当今社会，仅仅把传达信息的关键词定位于正确和充分显然是不够的。必须要把视觉传达设计的创新重视起来，从设计理念、视觉语言和技术表现方式的创新入手，正确充分地传达信息。

江泽民同志曾经说过，“创新是一个民族进步的灵魂，是一个国家兴旺发达的不竭动力”。创新表现在人类社会历史发展的每一个方面。就视觉设计来说，创新同样也是灵魂，是本质要求。不论是纵观历史，还是着眼现实，一幅优秀的视觉传达设计作品，都是在创新的基础上，对其所表现设计主题的信息进行正确、充分地传达。没有创新的视觉设计，就千篇一律、失去内涵、底蕴，甚至毫无价值。对于视觉设计而言，创新就要做到：创新设计理念、丰富设计语言、美化表现形式、增强感染力，坚持人性化发展方向。唯此，才能赋予视觉设计以内涵、活力乃至生命力，推动视觉设计繁荣发展。

一、创新视觉设计理念

视觉设计的创新的根本是创新设计理念。在现代设计中,视觉设计的主要功能是调动所有平面的因素,达到视觉传达准确的目的,同时给观众以视觉心理满足。视觉传达的方式变得越来越复杂和发达,设计师在视觉设计中,应充分考虑受众群体的视觉心理,清醒地认识到信息接受者不是机械的、被动的受纳器,而是一个具有积极主动的内驱力的主体,只有在充分理解和掌握有关视觉心理的知识之后,才能更好地在更大的范围内发挥各种现代制作技术的优势。其中,观者的视觉经验对视觉信息的准确传达起着重要的作用。设计者应根据观者的视觉经验充分调动观者视觉心理的能动反应,使其“所看”与“所知”同时发生感觉,从而积极主动地参与到设计作品的理解和感悟之中,让观者通过欣赏与设计者的审美体验相沟通,以此来达到信息传达的目的。

一是对过去设计经验和知识进行创新。视觉设计应以一种开放性思维探索新的经验，以一种全新的观念看待熟悉的事物，从而创造出独特的形式。简言之，就是对过去的设计经验和知识的创新。创新根据性质、程度的不同可以理解为继承传统式的创新和激进式的创新，后者发展到一定程度上甚至成为一种否定和反叛，尤其是对于长期以来自我潜意识所形成的一种固定思维框架的否定和反叛。用马克思主义哲学观来看，创新就是事物螺旋式上升的运动。在信息时代，人类生存方式上新观念的介入，在思维的引导和情感的表达上，以往贯穿于视觉传达设计中运用的法则正逐渐被打破，人类在跨越世纪的里程中力求找到合理化的视觉空间。个性化、多元化、民族化、国际化、绿色设计、人性化设计„„，怎样才是好的新的视觉设计？视觉设计怎样才能正确体现未来的价值观？面对新技术革命的浪潮的冲击，面对设计的平庸化、程式化，设计师不得不面对现实，让自己的设计理念和思维接受信息化时代的洗礼。设计师只有始终以明锐的目光、独特的角度、多重的层面去观察生活，更深层次地挖掘对生活的体验与理解，在不断肯定与否定的思索中碰撞出设计的火花，并执着地坚持对设计理念的探寻，才能不断地创造出优秀的设计作品。

二是注重视觉设计的冲击力。我们所看到的视觉设计作品都是将各种元素整合在一起的视觉设计作品，然而在实际的设计工作过程中，它却是一个很复杂的过程。在此过程中，设计者要将所有创意分成若干个小的创意单元，然后添入图形、文字、符号、色彩等元素来提高其视觉冲击性。随着人们对于视觉设计审美标准的不断提高，设计师在突出视觉冲击性的同时，还应保持广告整体内部的各个组成语素的相互联系。注重突出色彩、形状、姿态之间的细节差异，来体现组成与结构形式的视觉冲击性。比如：如今使用较为广泛的大型户外广告而言，设计师通常更注重突出其视觉冲击性来吸引消费者的注意力。由于该种户外广告的特殊性，通常还会采用效果显著的表现形式来增强其连续感。在此过程中，设计师会更注重对于文案、图形以及色彩的变化来增强广告的空间层次感，以给消费者一种耳目一新的视觉冲击感。

三是追求新颖、奇特的创意。在现实生活中，大部分视觉视觉设计作品都是以视觉美感为基础，然后通过对于各种元素的概括、夸张或取舍来得以实现的。这种形式的视觉语言虽然具有一定的功能美，但在后期不断的使用过程中，消费者已经对其司空见惯，甚至存在着习以为常、视而不见的现象，这也就使视觉设计发挥不出其应有的功能。但是，如果能够在视觉设计中注入一些新颖、标新立异的元素，如一些与自然规律相悖的元素，便能够更好地吸引人们的关注。这种巧妙地利用消费者的好奇心理，通过新颖、奇特的表现画面来带给消费者微妙感觉的视觉传达方式已经成为现阶段广告设计的发展趋势。由此可见，对于视觉设计的创新，新颖、奇特的创意设计已经成为关键环节。

二、丰富视觉设计语言

视觉设计创新的重要途径是不断丰富设计语言。语言是人类交流思想的工具，是传达意义的媒介。从某种意义上讲，视觉设计就是“图形语言化”和“语言化图形”的过程。为了达到信息传达的目标，设计师需要始终不渝地寻找、挖掘并创造出最佳的视觉语言，借以表现传达自我的设计理念和艺术主张。19世纪和20世纪的很多艺术和设计运动都是以探索视觉语言新形式为基本目标的，一种新的形式往往就是由反传统的艺术通过反对过往时代的艺术而创生的，“工艺美术运动”、“新艺术”、“现代主义”、“波普设计”和“后现代主义”等流派的设计运动在形式方面的试验与革命，以及为寻找并获得体现时代特征的形式和视觉语言而进行的探索都说明了这一点。丰富视觉设计语言要做到：

一是找寻时代视觉语言，突出时代特色。视觉设计的各种视觉语言，具有不同的诉求职能，它们相辅相成共同建立起美好的形色世界，即视觉传达设计关系到各设计语言之间的美学性构成。对于设计师来说，每一种视觉元素都是其表现自己设计作品的功能与风格的基本要素，在选择这些视觉元素来传达信息时，应该突破一般视觉所习惯的东西，力求以简约化、符号化的形式表现最丰富、最深刻的内容。设计师要把握时代的脉搏，突出时代特色。经济在不断的飞速发展，设计要适应新环境，就必须丰富设计语言，找出设计语言的最新、最佳、最优设计方法来解决设计中的不断涌现出的问题，满足人们的物质需求和精神需求—审美、道德、文化、价值等等。因此，探索发现时代的经济、文化、观念的特征，找寻时代的视觉语言，突出时代特色必然成为新时期“好的设计”的着力点，所以要求设计师通过新颖独特的视觉语言和极具创意和内涵的构图秩序传达预想的意义。

二是开发和利用高科技的。视觉设计对于高科技的运用主要表现在对于新型材料和高科技技术产品的运用，同时在很大程度上也提高了视觉传达的科技水准。如对于全自动化操作的电脑彩色喷绘技术的利用，在增加广告视觉传达表现空间的同时，也使广告所突出的表现元素更为贴切、感人。同时，相关软件的开发和利用也有效提高了关高视觉传达的效果，设计师可以借此设计出图形准确、效果好的二维、三维作品。人类的每一次科技进步势必会给社会各个行业带来巨大的变革。数字化多媒体技术在视觉设计中的应用，也必然会给设计师带来更大的创作自由度与空间，从而使视觉设计作品重现出良好的艺术效果与视觉感染力，这也使视觉传达超出了其应有的范畴，从而迈向更为广阔的领域。因此，视觉设计也发生了由原来的静态化、平面化和单一化逐渐向动态、立体化方向发展的转变。同时，新思维、新技术以及新媒体的应用也为视觉传达提供了更为广阔的空间，借此设计师可以随心所欲地借用艺术视觉语言来反应现实。毋庸置疑，对于高科技技术的开发应用也已经成为丰富视觉设计语言，推动视觉设计创新的重要手段。

三、美化视觉设计表现形式

视觉设计的魅力在于视觉设计表现形式的美化，视觉设计与美学的有机融合。艺术品最终的功能在于重现美感经验，而设计除了捕捉美感，更注重实用与使用的功能。所以设计活动与设计作品，通常比起艺术品更加与生活密切结合，这也是设计中的美学愈显重要的根由。作为“为传达而设计”的视觉设计,如何正确充分地传达信息并将美学融会于设计中,是每一个设计者始终要面临的中心问题。

视觉设计表现形式的美化即视觉设计必须遵循美学的原则,还要坚持创新。第一，是提升美的感受能力以及由此所开拓的技术。第二，事、物、情的感受能力以及由此所开拓的技术。第三，美感与诗意的结合能力及由此所开拓的技术。设计要捕捉美感，特别是视觉设计。视觉传达设计擅以文字、符号、造形来捕捉美感，捕捉表达意象、意念与企图，进而达到沟通与说服的效果，因此视觉传达设计也可称为商业设计，这层领域还包括：广告设计、包装设计、企业识别设计、橱窗设计、展示设计、舞台设计等等，主要以传达讯息、注重“视觉”效果，以达说服消费者的目的。另一方面，视觉传达设计的发展对空间设计、产品设计有相当程度的影响。如舞台、景观设计与之相辅相成，以及同产品语意表达的敏感性等等。视觉设计过程中，除了对造型美的感受能力之外，如何从日常生活事件中，找出“着力点”，这种能力就是心眼的开发。视觉传达设计作品受到设计的目的性、材料性、沟通性的条件影响，设计者必须具有一种对于事务描述及沟通的能力，称为“心眼”，也就是巧思、想点子的能力。这些能力包括了：文学性、沟通性、两面性、生活性、议题性、语文性等。公益广告、竞选海报、立体包装等运用媒体电视、网际网站等的设计作品之共同因素，第一就是运用视觉媒体材料，第二就是以沟通、说服为目的。所以可以说，视觉传达设计是运用视觉因素来进行沟通、说服，视觉的要素，除了点线面体以及明度、彩度、色相的组合与探讨之外，还须有心理层面与文化知识层面的探讨。心理层面，即是指美感的捕捉，只是不同时期的定义不同而已。文化层面，需要运用受众的文化习俗里熟悉的文化代码来完成美感的捕捉，以实现视觉设计表现形式的美化。

四、增强视觉设计感染力

视觉设计的生命力在于视觉设计作品与受众的共鸣，得到受众的认可。视觉设计元素是否能引起观者视觉经验的共鸣,取决于刺激物的结构所拥有的力量与它唤起的有关记忆痕迹的力量相互作用的结果。因而,将视觉设计的视觉表现置于特定文化背景中来感染受众的精神世界的确是一个不错的选择。视觉设计在体现民族化、地域化的同时,还应利用传统的、地域的图形语言优势来表现现代的精神观念,用解构的民族化图形与现代设计思想相结合,创造一种既有传统文化元素又具现代意识的形象,以独特的个性参与世界文化的发展。中国人有对万物祈福的心理,并由此形成了特有的吉祥文化,希望事物朝着美好的方向发展,标志设计中有吉祥的寓意就容易被受众接受。例如：中国联通公司的标志设计，就是针对人们吉祥如意的心理期待,标志中的“中国红”是蕴含着中国人几千年情结的颜色,无形中又增加了企业形象的亲和力,进一步拉近了与观者的距离。香港著名设计师靳埭强的作品就具有浓厚的东方文化色彩。在作品中我们时时发现设计家对简约空灵的水墨语言精妙的阐释,还不时可见中国传统文人智慧与现代商业文明的和谐对话。如果一幅画、一个图形、一种抽象的形式可以唤起观赏者丰富的审美感受,那是视觉“调动”了观者兴趣，产生了共鸣。

因此，创新视觉设计，增强视觉设计的感染力、生命力,设计者必须感同身受，与观赏者所处的环境条件相适应,以观者的共有经验为根据,充分考虑到观赏者视觉心理的能动反应,与观赏者一道,把与传达信息有关的知、情、意等心理联系起来并统一到“一种经验”中,从而形成互动。

五、把握视觉设计人性化的发展方向

一是视觉设计要坚持面向大众化。随着社会市场经济体制由卖方市场逐渐向买方市场的转变，对于视觉设计，尤其是对于广告视觉传达的设计，越来越注重满足更多消费者的消费需求。因消费者的心理观念、消费观念等都会随着社会进程和外界环境的变化而发生变化，因此，在进行视觉设计时，应把握住影响消费者观念发生变化的因素，并借此来提高消费者对于广告视觉传达信息的认知程度。因此，对于广告视觉传达的设计应站在消费者的角度，以其消费心理为出发点，在充分把握消费者消费心理的情况下，积极为他们塑造出良好的视觉传达效果。值得一提的是，为使视觉设计满足社会不同群体消费者的消费需求，在对广告视觉传达方式选择时，应从不同人群的视角出发，以便于他们对于广告信息的接收和转化，从而使更多的消费者得到心理上的满足。

二是视觉设计要更加注重符号化、简洁化。在快节奏的现代化信息社会中，人们时时刻刻都面临着林林总总的视觉设计信息。因长期处于这样一种频繁的信息覆盖氛围中，人们已经疲倦了对于广告信息深层含义的挖掘，唯独等够感觉得到的是来自于感官上的短暂刺激。因此，在今后的视觉设计中，应充分发挥自己的想象力，采用简洁化的传达方式来准确完成信息的视觉传达。最好的办法是加强对于简洁文字、图形符号信息的利用来完善信息的视觉传达，并借助对于简洁图文符号的构建来引发人们对于信息的深入思考。这种简明的视觉传达方式能够有效刺激人们的视觉感官，同时也满足了当前社会环境下对于视觉传播形式的要求。这种将组成语素进行简化的视觉传达方式，能够将相对复杂的物理价值概念转化为简单的视觉符号元素，以实现消费者视觉感官与理性消费观念的有效结合，从而真正达到高效视觉传达的目的。

进入新世纪、新时代，技术正在重新构造我们的现实，它已经成为一种强大力量，在很大程度上控制和决定了社会、经济、文化及其未来的发展。计算机技术、网络信息技术、多媒体技术使人们直接面临“数字化生存”，与此同时，它们也冲击着传统的传达方式，视觉设计正在经历着一场数字化的革命。而这些先进的技术、先进的探索设备、先进的研究方法和手段，也为设计师观察事物的角度和思维方式提供了不断延伸和扩展的机会。因此，只有主动地迎接信息时代的洗礼，从设计理念、设计语言、表现形式、增强感染力等方面入手，牢牢把握人性化发展方向，才能推动视觉设计在创新中发展，在发展中创新。

参考文献：

［1］门德来．现代图形设计创意与表现［M］．西安： 西安交通大学出版社，2002．

［2］李砚祖，芦影．视觉传达设计的历史与美学［M］．北京：中国人民大学出版社，2000． ［3］尹定邦．设计概论［M］．长沙：湖南科学技术出版社，2003．(end)［4］熊琴琴.视觉传达设计艺术 [J]．艺术百家，2005（3）．

［5］李砚祖,芦影.视觉传达设计的历史与美学[M]．北京：中国人民大学出版社，2000． ［6］尹定邦.设计概论[M].长沙:湖南科学技术出版社，2003． ［7］王爱之.世界平面设计史[M].中国青年出版社，2002．9 ［8］何爽.网络多媒体技术与视觉传达设计[J].大众科学（科学研究与实践），2007（7）． ［9］余义虎.视觉传达设计多元特征与表现[J].甘肃联合大学学报（社会科学版）［10］曹方.视觉传达设计原理[M].江苏美术出版社，2005．1 ［11］朱胜甲.浅析现代广告的视觉传达特点[J].科技信息,2009,(10):223.

第五篇：网页设计论文

网页设计基础课程论文

摘要:随着互联网的不断发展和中国网络人口的日益增长，建立个人网站，不但可以更好的展示自己，而且可以提高自己在计算机应用方面的能力,网站越发普及，网站建设也有新的要求,网站已发展为一种工具，一个企业对外信息展示的工具.以前网站上常见的大幅图片，长达几十钟的flash动画，已悄然而逝，浏览者再也不用为了查找一些信息而必须等待动画的时间，可以简单方便的找到自己想要的东西，是浏览者主要的目的，也是网站设计时应该考虑的问题。以前只是一味的追求网站的外观，其实网站是一个公司的对外信息窗口，因此在考虑美观的同时也得考虑浏览者的感受，如有些色调是很亮丽，但是这些过于亮的色彩看的时间长了会让你的眼睛不舒服，这样浏览的人就不会长时间在网站上逗留，网站没把公司的信息完全的传达给客户． 关键词：网站网页设计发展趋势网站标准 正文：一:网页设计发展趋势: 1.更多的CSS3 + HTML5 这是期待已久的事情。在过去的几年设计师已经开始关注和使用CSS3+HTML5，但在以后CSS3+HTML5将会得到更广泛的应用。网页设计师最终会抛弃Flash。Flash不再是昔日的王者，新技术（指CSS3+HTML5）将会取而代之 2简单的配色方案

没有比纯色的背景更直观更简洁。纯色可以有很多种表达方式。不要老是黑白灰神马的，太不给力了。多点考虑绿、黄或者红作为你的网页主色调。当然，颜色最好保持使用2到3种。调整颜色的透明度，或许会给你意想不到的效果 3.移动互联网时代的到来

智能手机，ipad和上网本随处可见，将来这个将会更加明显。这意味着你的设计需要考虑更多的设备。4.Parallax Scrolling 先来解释下Parallax Scrolling，Parallax scrolling 是让多层背景以不同的速度移动，形成运动视差 3D 效果，虽然纯属视觉效果，但在内容滚动时形成的视觉体验仍然非常出色。2011年的网页设计趋势热点就是要创造这样的深度视觉效果。5.设计需考虑更多的触屏设备

触屏技术应用越来越广泛，触屏设备随处可见。这意味着，你的导航设计不再只是鼠标导航，你必须要要考虑你的设计适合触屏设备。6.深度判析

深度判析是关于在网页设计使用维数，这样可以使你的网页变得更加真实。如果运用得恰当，那将会是一个虚拟的3D效果，就像3D电影阿凡达那样。尽管3D技术还没有去到网站设计，你仍然尝试使用维数进行设计。7.大背景图

大背景图的网页设计应用在2011年将会更加明显。这些背景图像一般是高分辨率，覆盖这个网站。高清照片是一个迅速抓住你的读者的好方式，可以产生极具冲击力的视觉效果-游客的视线会不自觉地落在宽大的背景上。8.不拘谨于顶级域名

严格意义上这一点与网页设计无关，但这一点也是发展的趋势，将出现更多创造性的域名。.com域名的吸引力越来越少，主要是你很难再找到一个比较短的.com域名。2011年人们开始将视线慢慢转移到.me、.co和.cc等身上。想想域名的发展，抢先一步，不然你很可能再次错失先机。9.QR: Quick Response 如果你注意现在越来越多的名片、杂志或者其他地方出现方形条形码，证明你已经看到2011年的这个趋势热门

10.缩略图设计（Thumbnail Design）

Google已经向浏览用户推出它们的浏览预览技术。过去我们只能通过点击链接才能看到网页的内容，现在你只需点击放大镜然后将鼠标悬停在链接上就可以预览该链接的网页内容。11.持续联系/ Life Stream Lifestreaming, 一种在线记录个人日常活动的网络应用，包括直接通过视频feed或通过聚焦一个人的网络在线内容，比如博客日志，在社会性网络上面的更新，在线相册，聊天内容甚至只是一些喜欢的网站的链接等等.二:网站标准是在W3C（W3C.org）的组织下，商业公司（Netscape、Microsoft等）也认识到统一标准的好处。网站标准开始被建立（1998年2月10日发布XML1.0为标志），并在网站标准组织（webstandards.org）的督促下推广执行。

为什么要建立网站标准: 我们大部分人都有深刻体验，每当主流浏览器版本的升级，我们刚建立的网站就可能变得过时，我们就需要升级或者重新建造一遍网站。例如1996-1999年典型的“浏览器大战”，为了兼容Netscape和IE，网站不得不为这两种浏览器写不同的代码。同样的，每当新的网络技术和交互设备的出现，我们也需要制作一个新版本来支持这种新技术或新设备，例如支持手机上网的WAP技术。类似的问题举不胜举：网站代码臃肿、繁杂浪费了我们大量的带宽；针对某种浏览器的DHTML特效，屏蔽了部分潜在的客户；不易用的代码，残障人士无法浏览网站等等。这是一种恶性循环，是一种巨大的浪费。如何解决这些问题呢？有识之士早已开始思考，需要建立一种普遍认同的标准来结束这种无序和混乱。商业公司（Netscape、Microsoft等）也终于认识到统一标准的好处，因此在W3C（W3C.org）的组织下，网站标准开始被建立（1998年2月10日发布XML1.0为标志），并在网站标准组织（webstandards.org）的督促下推广执行。

采用网站标准的好处:

对网站浏览者的好处：

1、文件下载与页面显示速度更快

2、内容能被更多的用户所访问（包括失明、视弱、色盲等残障人士）；

3、内容能被更广泛的设备所访问（包括屏幕阅读机、手持设备、搜索机器人、打印机、电冰箱等）；

4、用户能够通过样式选择定制自己的表现界面；

5、所有页面都能提供适于打印的版本。对网站所有者的好处:

1、更少的代码和组件，容易维护；

2、带宽要求降低（代码更简洁），成本降低。举个例子：当ESPN.com使用CSS改版后，每天节约超过两兆字节（terabytes）的带宽；

3、更容易被搜寻引擎搜索到；

4、改版方便，不需要变动页面内容；

5、提供打印版本而不需要复制内容；

6、提高网站易用性。在美国，有严格的法律条款（Section 508）来约束政府网站必须达到一定的易用性，其他国家也有类似的要求。

参考文献： 一：温谦.HTML+CSS网页设计与布局从入门到精通[M].北京:人民邮电出版社,2010.3 二：http://www.xiexiebang.com

三：http://btgyjlbjx.nease.net(北极星网站域名）

课程论文

系院:土木工程学院

专业:建筑工程 姓名:王奎

学号:105140340043 网页设计基础