《浅谈视觉表现在网页设计中的应用》由会员分享，可在线阅读，更多相关《浅谈视觉表现在网页设计中的应用（13页珍藏版）》请在金锄头文库上搜索。
1、青岛科技大学毕业论文青 岛 科 技 大 学本 科 毕 业 论 文 （设 计）浅谈视觉表现在网页设计中的应用指导教师 胡 航辅导教师 胡 航学生姓名 葛传斌 学生学号 2001104124文学与艺术（学院）广告学专业011班2005年 6月 7日前言 将前言部分和1部分综合作为引言，这样就包含了研究背景、研究意义，需要补充研究方法和文献探讨（前人对相关领域的研究。）21世纪是信息化的世界，互联网正在全世界进行着越来越深刻的革命。网络打破了世界的界限，把地球变小，把每个人联系起来。不可否认互联网是一种先进的生产力，一种革命性的泡沫工具？。谁不用它谁就会落后，对个人如此，对国家亦然。互联网是由成千上
2、万的网站组成，而每个网站都是由诸多网页构成，故网页是构成互联网的基本元素。我国这两年的网络发展非常快，网站数量也以倍率增长，然而网页的设计却不容乐观。除了一些大的专业网站在版面的编排上比较讲究之外，其他很少见到界面设计考究、美术创意优秀的中文网站。其实谈到网页设计就不能不说到网络视觉信息的编排及归类，这是网页设计的特点，也是身处于信息化、数字化的当今设计者所必须具备的基本素质。因为网络本身就是一个处理信息的巨型平台，设计者必须充分认识网络，了解网络的特征，才能使设计更加适合于网络上的传播。同时好的设计不仅带给受众美的享受，更会提升网站形象，方便浏览，一样会为网站带来可观的经济效益。1 网页设计
3、的现状由于网站也是从无到有，从满足基本的功能需要到追求美的较为高层次的需要，这是一个循序渐进的过程。这使人不由得想起工业革命前夕，很多现代的产品那时候都没有，没有现成的模样可以参照，产品的设计都是满足基本的功能需要出发，所以做出来的产品非常粗糙，冷冰冰的，毫无生气。由于商业竞争和工业化大生产的结果，使得人们不断的改进产品的功能，更为重要的是改进产品的外观，是产品更符合美的需要和使用方便。从而使今天货架上出现了琳琅满目的漂亮的产品。我想网页同样也是如此，在满足了基本的功能的要求之后，为了突出自己的特色，突出自己的优势，必须从审美上入手。这是网站今后发展的趋势，也是我们今后必须引起重视的。可是目前
4、很多国内网站的现状是什么样子的呢？经常上网的网友可能会有所体会。目前的许多网页存在着诸多的不足，具体可概括为以下几点。（这几点都是网上的，而且看起来像是某人在发牢骚，论文写作应该使用客观、平实、科学、概括的语句，请仔细推敲）1.1 用一个字来形容，那就是“塞” 这是很多的网页都具有的特点，它将各种信息诸如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范化，条理化，更谈不上艺术处理了。导致浏览时会遇到很多的不方便，主要就是页面五花八门，不分主次，没有很好的归类，整体一个大的杂烩。让人难以找到需要的东西。 1.2 可用一个字“花”来形容 这类网站也有不少，显然这是很多不懂设计的人来
5、制作的。比较多是他们把页面做的很花哨，但是非常不实用，例如采用很深的带有花哨图案的图片作为背景，严重干扰了浏览，获取信息很困难。同时有些还采用了颜色各异，风格不同的图片、文字、动画。使页面五彩缤纷。没有整体感觉，尽管有些页面内容不多，但是浏览起来仍然特别困难。这种过度的包装甚至不如不加任何装饰的页面。不加装饰最起码不会损害其基本的功能的需求。所以这种网页属于粗制滥造的次品，是对自己的受众不负责任的表现。或许他们的初衷是好的，就是想把自己的页面做的漂亮，结果却是适得其反。 1.3 现在网页设计中的误区就是千篇一律，缺乏自己的特色 当我们打开电脑，上网一看，好像哪个网站都是一样的。从标题的放置，按
6、钮的编排到动画的采用都是如此。用色时随心所欲，只要能区分开文本和背景就达到目的。造成这种原因就是网页设计师本身的原因，他们没有充分的利用自己的知识，分析自己网站的优势，发挥自己的网站的特点，而是采用的走捷径的方式，就是用大众化的方法去做，做起来当然很容易了，但是失去了自己特点的网页就像流水线上下来的产品，好像随便看哪一个都一样，这样就不能起到网页设计的目的。至少不能算设计。这也是对自己的用户不负责任的表现。当然这里不是片面的唯美主义，不能只是看中页面的漂亮而不顾受众的使用的不方便。例如有些网页将按钮溶入到页面的图片中去，倒是比较漂亮了，整体感强了。但是受众有时候却找不到按钮，造成困难。这同样是
7、不可取的。2 网页设计中的视觉流程（可以适当增加）一个网站的建立需要很多方面的条件，服务器，网络、域名等很多方面的内容。我不想多谈，在此仅从设计的角度来简单谈一谈网页的页面。网页是通过视觉元素的引人注目而实现信息内容的传达，网页把各种信息以最快捷、方便的方式传达给受众。人们对美的追求是不断深入的，网页设计同样如此。网页不光是把各种东西放上去，能看就行，这是远远不够的！要考虑如何受众能更多的和更有效率的接收网页上的信息，从而使他们对给网站留下很好的印象，那就更能促进自己网站的运作。为了使网页获得最大的视觉传达功能，使网络真正成为可读性强而且新颖的媒体，网页的设计必须适应人们视觉流向的心理和生理的
8、特点，由此确定各种视觉构成元素之间的关系和秩序。因此，设计时应该研究各种视觉造型元素之间的距离、位置、面积和视觉流程的问题。视觉流程的形成是由人类的视觉特性所决定的。因为人眼晶体结构的生理构造，只能产生一个焦点，而不能同时把视线停留在两处或两处以上的地方。人们在阅读一种信息时，视觉总有一种自然的流动习惯，先看什么，后看什么，再看什么。视觉流程往往会体现出比较明显的方向感，它无形中形成一种脉络，似乎有一条线、一股气贯穿其中，使整个版面的运动趋势有一个主旋律。心理学的研究表明，在一个平面上，上半部让人轻松和自在，下半部则让人稳定和压抑。同样，平面的左半部让人轻松和自在，右半部让人稳定和压抑。所以平
9、面的视觉影响力上方强于下方，左侧强于右侧。这样平面的上部和中上部被称为“最佳视域”，也就是最优选的地方。在网页设计中一些突出的信息，如主标题、每天更新的内容等通常都放在这个位置。当然视觉流程是一种感觉而非确切的数学公式，只要符合人们认识过程的心理顺序和思维发展的逻辑顺序，就可以更为灵活地运用。在网页设计中，灵活而合理地运用视觉流程和最佳视域，组织好自然流畅的视觉导向，直接影响到传播者传达信息的准确与有效性。所以在网页的编辑设计中，视觉导向是一个要点，网页的设计是一种创造，首先要立足信息的传达，但又要符合人们较为普遍的思维习惯，做到视觉流程自然、合理、畅快。成功的视觉流程安排，能使网页上的各种信
10、息要素在一定空间内合理分布，能使页面上各信息要素的位置、间隙、大小保持一定的节奏感和美感。3 网页设计视觉传达的原则视觉的传达是有原则的，无论使用何种手法对画面中的元素进行组合，都一定要遵循五个大的原则：统一、连贯、分割、对比及和谐。（这些也是直接从网上copy的，可以用，但是最好再结合网页设计来谈）统一，是指设计作品的整体性，一致性。设计作品的整体效果是至关重要的，在设计中切勿将各组成部分孤立分散，那样会使画面呈现出一种枝蔓纷杂的凌乱效果。连贯，是指要注意页面的相互关系。设计中应利用各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格的一致性，实现视觉上和心理上的连贯，
11、使整个页面设计的各个部分极为融洽，犹如一气呵成。分割，是指将页面分成若干小块，小块之间有视觉上的不同，这样可以使观者一目了然。在信息量很多时为使观者能够看清楚，就要注意到将画面进行有效的分割。分割不仅是表现形式的需要。换个角度来讲，分割也可以被视为对于页面内容的一种分类归纳。对比就是通过矛盾和冲突，使设计更加富有生气。对比手法很多，例如：多与少、曲与直、强与弱、长与短、粗与细、疏与密、虚与实、主与次、黑与白、动与静、美与丑、聚与散等等。在使用对比的时候应慎重，对比过强容易破坏美感，影响统一。和谐是指整个页面符合美的法则，浑然一体。如果一件设计作品仅仅是色彩、形状、线条等的随意混合，那么作品将不
12、但没有“生命感”，而且也根本无法实现视觉设计的传达功能。和谐不仅要看结构形式，而且要看作品所形成的视觉效果能否与人的视觉感受形成一种沟通，产生心灵的共鸣。4 网页设计的审美需求从视觉传达角度考虑，网页设计的审美需求是对平面视觉传达设计美学的一种继承和延伸。两者的表现形式和目的都有一定的相似性，把传统平面设计中美的形式规律同现代的网页设计的具体问题相结合起来，运用一些平面设计中美的基本形式到网页中去，增加网页设计的美感和大众的视觉审美需求。我们经常所说的如变化和统一、条理与反复、对比和调和、均齐与平衡等，对网页中文字、图形、色彩的设计都是十分有效的视觉规律。首先，网页的内容与形式的表现必须统一和
13、具有秩序，形式表现必须服从内容要求，网页上的各种构成要素之间的视觉流程，能自然而有序地达到信息诉求的重点位置。在我们把大量的信息塞到网页上去的时候，考虑怎样把它们以合理的统一的方式来排布，使整体感强同时又要有变化。怎样使它们脉络清楚又富有清晰的视觉效果等等。这样使页面更丰富，更有生气，看起来就不感到枯燥。其次，突出主题要素，必须在众多构成要素中突出一个清楚的主体，它应尽可能地成为阅读时视线流动的起点。如果没有这个主体要素，浏览者的视线将会无所适从，或者导致视线流动偏离设计的初衷。网页设计中各构成要素在组合时，要注意其结构的轻重大小、虚实、多少等对比因素，加强视觉力度，以强化页面的整体吸引力。作
14、为形式美的法则，随着时代的不同而不断发展进步，特别在生活节奏如此快的互联网时代，由于追求目标的变化，人们的审美观念也在不断地变化，但是美的本质是一样的，同时随着技术的发展，很多目前不容易实现的审美形式也逐渐被克服，突破带宽的瓶颈，就会给网页设计的自如发展带来一片新的天地。5网页中各构成要素分析（引用过多，缺乏实例、数据，显得很单薄）对于网页设计来讲，其信息内容的有效传达是通过将各种构成要素的设计编排来实现的。网页的构成要素包括文字、图形、图像、标志、色彩等造型要素及标题、信息菜单、信息正文、标语、单位名称等内容要素。5.1 版面的编排 主页的设计首先涉及到的是页面的版面编排问题。“版面编排”实
15、际上就是中国古代画论中的“经营位置”。主页作为一种版面，既有文字，又有图片。文字有大有小，还有标题和正文之分；图片也有大小，而且有横有竖之别。图片和文字都需要同时展示给观众，总不能简单地罗列在一个页面上，这样往往会搞得杂乱无章。因此必须根据内容的需要，将这些图片和文字按照一定的次序进行合理的编排和布局，使它们组成一个有机的整体，展现给广大的观众。可以依据如下几条来做： 1.主次分明，中心突出。在一个页面上，必然考虑视觉的中心，这个中心一般在屏幕的中央，或者在中间偏上的部位。因此，一些重要的文章和图片一般可以安排在这个部位，在视觉中心以外的地方就可以安排那些稍微次要的内容，这样在页面上就突出了重
16、点，做到了主次有别。 2.大小搭配，相互呼应。较长的文章或标题，不要编排在一起，要有一定的距离，同样，较短的文章，也不能编排在一起。对待图片的安排也是这样，要互相错开，造成大小之间有一定的间隔，这样可以使页面错落有致，避免重心的偏离。 3.图文并茂，相得益彰。文字和图片具有一种相互补充的视觉关系，页面上文字太多，就显得沉闷，缺乏生气。页面上图片太多，缺少文字，必然就会减少页面的信息容量。因此，最理想的效果是文字与图片的密切配合，互为衬托，既能活跃页面，又使主页有丰富的内容。 5.2 文字的编排与设计文字作为信息传达的主要手段目前也是网页设计的主体，文字是网页中必不可少的元素，也是网页中的主要信息描述要素，所以网
