第二章网页布局和色彩搭配ppt课件.ppt

《第二章网页布局和色彩搭配ppt课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第二章网页布局和色彩搭配主讲人：XXX电话：XXXXXX邮箱：XXXXXX学习目标本节教学目标：本章重点介绍“网站建设流程”中的“具体设计”阶段中所使用到的相关知识，为实际动手建站打好基础。了解网页的基本元素，根据视觉流程原理，依据构成原理来进行网页版式设计（网页中放什么？怎么放？）本节重点和难点：了解视觉流程原理学习构成原理在网页中的应用认识网页的基本元素学习网页版式设计网站的颜色搭配视觉流程原理视觉流程的概念人类的视觉流程习惯是由人类的眼晶体结构的生理构造决定的，人眼只能产生一个焦点，不能同时将视线集中在一处以上，所以人在阅读信息的时候总有流动的习惯，先看这些再看那

2、些。视觉流程是人的视线在被观察物上的运动过程设计中合理的运用视觉流程对于信息的有效传达极为重要，但同时又是很容易被网页设计者忽视的因素。视觉流程原理阅读习惯：人们阅读材料时习惯按照从左到右，从上到下的顺序进行。浏览者的眼睛首先看到的是页面的左上角，然后逐渐往下看。所以注意价值最大的上部、左侧、左上与中上又被称为最佳视域。最佳视域视觉流程原理视觉心理学研究表明人在看一个平面内的信息时，上半部分让人轻松，下半部让人稳定，左侧让人自在而右侧让人压抑。这些心理特点都影响着人类的阅读习惯。结论根据视觉流程的理论，设计师在设计网页时：（1）把信息有一定目的顺着视觉运动规律安排在页面

3、中。（2）重要的信息一般来说应该让浏览者最容易发现，而不是深藏在多层链接之后，按重要性依次放置其他内容。重要信息有：LOGO、重要广告、最新新闻、导航条、搜索框等，如公司的标志往往放在页面的左上角，最新消息也时常位于页面的上部等等。构成设计在网页中的应用点、线、面是构成视觉空间的基本元素，是表现视觉形象的基本设计语言。网页设计实际上就是如何处理好三者之间的关系，因为任何视觉形象或者版式构成，归根结底，都可以归纳为点、线、面网页设计师应当将平面构成理论作为网页设计视觉形象表现的指导思想，在具体设计过程中大胆运用多种视觉元素形态变化和表现手法。它们是创造形式美的基本要素，使

4、网页具有不同的审美倾向点的构成概念：在网页中，一个单独而细小的形象可以称之为点。它没有指向性和具体的尺度，是相对周围环境所定义的一个相对概念。如一个按钮、一个标志等功能：(1)点具有集中视线特征，可以凝聚注意力。(2)点具有很强的调节和修饰作用。(3)多个点的使用有时还可以引导视觉流程。例1举例：以图形构成的按钮即可视为点。例2举例：点具有凝聚视觉注意力的作用，在平面上只有一个点时，我们的视线就会集中在这个点上点的构成当有两个等大的点或多个等大的点相距一定的距离时，我们的视觉焦点就会在这几个点之间往返，在心理上产生了一种“线”的感觉，引导视觉流程点是构成网页的最基本元素

5、，具有装饰和活跃画面气氛的作用。同时定位画面的视觉流程，使网页更加统一线的构成线有长度属性，而无粗细的限制。线起分隔和修饰的作用。线比点具有更强的心理感受。不同的线给人不同的感觉。网页中的线的类型有：（1）直线（横直线、竖直线、斜直线）（2）曲线（几何曲线、自由曲线）线的构成网页中直线的应用非常广泛，使用直线可以非常清晰明了地划分页面的布局结构曲线划分页面的布局结构，自由、随意、运动的感觉线的方向不同，也能激发起不同的心理感受。例如，水平线给人的感觉均衡、安定、平衡和静止垂直线则给人强有力的支柱、公正和信任的感觉斜线给人的感觉是生动、活泼、不稳定，适合用来体现运动和速度

6、的感觉面的构成直线形面具有简洁明快、有序和理性的特征，容易被人理解和记忆。在网页中，一幅图像可以被看做面，一段文字也可以看成是面曲线形面曲线形面也分为几何曲线形和自由曲线形两种。富于变化和动感。它所表现出来的流动性和弹性给人以无限想象，使人感到有种生命活力。它具有同曲线一样的女性特征。偶然形面偶然形面是在现实生活中偶然获得的一种视觉形态。在平面设计领域大部分偶然形面是通过特殊技术手段（如绘图软件中的滤镜或毛笔绘制）获得的。它表现出来的是一种自然的、无序的形态，有着丰富的象征意义构成的形式（1）重复构成形式重复构成是指用同一形态或同组形态有序地反复出现，形成某种规律的构图

7、形式。重复构成具有强化记忆的功能，反复地出现会不断地加强视觉冲击，加深形象认识近似构成形式在重复构成中保持原有规律性的基础上，把重复元素的基本形(大小、方向、色彩等)进行微小变化，就演变成了近似构成形式。近似构成形式中既有形式变化，又有整体的统一渐变构成形式渐变是一种常见的视觉效果，也是设计中常常使用的技巧。渐变是指构图基本形(形状、大小、方向、颜色等)逐渐而有规律地变化。它能够表现出空间感和时间感特异构成形式在重复、近似、渐变构成中，为了改变规律性的单调感，有意识地出现不合规律的个别基本形，由此产生强烈的对比效果，这种构成形式就称之为变