网页设计与制作0421.ppt

网页设计与制作 网络信息中心 康金辉 副教授 2005 kangjinhui@ 如何正确的审识一幅优秀的网页作品 存在问题： 第一个可以用一个字来形容，那就是“塞”。 它将各种信息诸如文字、图片、动画等不加考虑的塞到页面上，有多少挤多少，不加以规范化，条理化，更谈不上艺术处理了。导致浏览时会遇到很多的不方便，主要就是页面五花八门，不分主次，没有很好的归类，整体一个大的杂烩。让人难以找到自己需要的信息，更谈不上效率了。这种网页没有考虑采用一种美的形式来使页面上的信息以更整体性的方式来体现。所以这种网页的设计含量是相当低的。不仅仅从功能上分析。从审美上看，这种页面太满、太堵，没有给读者一点空间，所以毫无美感可言。  如何正确的审识一幅优秀的网页作品 存在问题： 第二也可用一个字“花”来形容 这类网站也有不少，显然这是很多不懂设计的人来制作的。比较多是他们把页面做的很花哨，但是非常不实用，例如采用很深的带有花哨图案的图片作为背景，严重干扰了浏览，获取信息很困难。同时有些还采用了颜色各异，风格不同的图片、文字、动画。使页面五彩缤纷。没有整体感觉，尽管有些页面内容不多，但是浏览起来仍然特别困难。这种过度的包装甚至不如不加任何装饰的页面。不加装饰最起码不会损害其基本的功能的需求。所以这种网页属于粗制滥造的次品，是对自己的受众不负责任的表现。或许他们的初衷是好的，就是想把自己的页面做的漂亮，结果却是适得其反。是网页设计中的一大忌。 存在问题： 第三也可用一个字“同”来形容 第三个现在网页设计中的误区就是千篇一律，缺乏自己的特色，当我们打开电脑，上网一看，好像哪个网站都是一样的。从标题的放置，按钮的编排到动画的采用都是如此。用色时随心所欲，只要能区分开文本和背景就达到目的。至少不能算设计。这也是对自己的用户不负责任的表现。 如何正确的审识一幅优秀的网页作品 存在问题： 第四也可用一个字“炫”来形容 还有一类站点的网页是一种纯技术化的网页，在这种网页上，充斥了许多的纯为了炫耀技术的东西，如多个风格迥异的动画（缺乏美感甚至是与主体无关的动画），还有大量的利用javascript和动态HTML的技术，然而始终没有把握住整体这个中心，造成页面的混乱。　 如何正确的审识一幅优秀的网页作品 如何正确的审识? ■变化和统一。 变化是各个组成部分之间的区别，统一是个部分之间的内在关联。完美的图形设计，形式上要丰富有条理（即对图形的大小、方圆、动静、强弱等方面的处理；组织上要有秩序而不单调，不混乱。即图形的主从关系，叙事关系，呼应关系等方面的处理）。在图形设计中运用变化与统一的规律，是处理形象和组织的对立统一过程 如何正确的审识一幅优秀的网页作品 如何正确的审识? ■条理与反复， 其中反复是有规律的连续与延伸，有组织的变化与扩展并加以归纳，概括而富于条理化，。条理与反复的原则是图形构成整体的秩序美的基础，是变化中的统一，也是运动发展中求得协调一致的表现方式，由他可以演化出多种多样的图形变化。这种在很多较为优秀的网站中运用较多，同时应用得也比较自如，这时由于很多网站丰富，信息含量大，不得不运用一定的方式将其条理化，同时又在一定程度上加以归纳后重复的利用，使网页较为整齐，脉络清楚，读起来也能着重点。当然，内容较少的网站同样需要条理与反复，以达到更为富有变化和清晰的视觉效果。如文字的合理编排，图片和文字的结合。如何呼应等等。 　　 如何正确的审识一幅优秀的网页作品 如何正确的审识? ■对比和调和。 对比是指在质或量方面相互差异甚大的两个要素同时配置在一起时，两者之间有相互作用的性格，更加令人感到彼此强烈地相互衬托。对比是为了使主题画面具有变化和生气而运用的方法。而调和是构成美的对象在部分与部分之间的相互关系。合理的利用对比的因素，例如文本的排布、字体的大小、粗细、颜色，图片的宽窄、比例的反差、透明以及位置的放置等等，最终达到的目的就是如何取得较为强烈的视觉效果；不光如此，还要恰如其分的找到调和的因素，即构图的联系点，使整体感觉突出，不至于仅仅因为对比而造成割裂的感觉。只有做到对比和调和的相辅相成，才能使网页页面鲜明、突出，更好的传达出设计者的意图。 　　 如何正确的审识一幅优秀的网页作品 如何正确的审识? ■均齐与平衡， 要求图形整体结构严谨，形态安定整齐，平衡。 均齐偏于静止的形式美感，而平衡却显得灵活多变，带有动感。在网页设计中，在充分的考虑整体的页面上所有的图形、文字的基础上，如何比较整个页面上的组又两边的量与质？是一个设计师自身经验的积累。页面上的平衡是一个动态的平衡，因为页面上两边的配置不会总是一样的，即左边一个图右边就一个图，那是不多的。更多的时候是图和文字以及大块的颜色轻的图和小块的颜色重的图的平衡，以及与文本