网页美术设计创意版式篇.PPTVIP

三 版式篇 网页美术设计创意 WEB DESIGEN 一副图，我们怎样才认为它是美的呢？ 这涉及到形、声、色的有机结合，打动视知觉，使观者产生美的共鸣。一般来说，有如下几点： （1） 稳定性：我们的视知觉总是试图找一个平衡点，若找不到则产生混乱。 （2） 对称性：相应的部位等量，易产于统一的秩序感，但比较单调，可采用增加 局部动势的方 法，以取得鲜明、生动的效果。 （3） 非对称平衡：可以平衡为基础，调整尺寸形态结构。或者以形态各异的形， 经视觉判断，放置在确定的位置，以得到预想的平衡。这个和个人的审美有关系。 * WEB DESIGEN 网页美术设计创意 网页美术设计创意 网页艺术——色彩篇 网页艺术——版式篇 网页艺术——互动篇 WEB DESIGEN 版式篇 版面的编排 元素的构成 在网页中包括图形，字体，色彩及其他元素 将构成要素给予视觉上的整理与配置 网页美术设计创意 WEB DESIGEN 版式篇 布局 格局 元素布局的依据 元素构成的依据 网页美术设计创意 WEB DESIGEN 引导 阅读的视觉流程 版式篇 分割 平衡 均衡 美 格局 网页美术设计创意 WEB DESIGEN 版式篇 1.等形分割：形状完全一样的分割 分割 网页美术设计创意 WEB DESIGEN 2.自由分割：不规则的自由分割，随意的分隔 3.比例分割：利用比例法则进行分隔，如黄金分割等 版式篇 造成视觉满足的效果，产生安稳的感受 平衡 网页美术设计创意 WEB DESIGEN 1.对称平衡：以线或点为基准形成的对称 2.非对称平衡：有很稳定的心理平衡感 版式篇 造成视觉满足的效果，产生舒适的感受 均衡 网页美术设计创意 WEB DESIGEN 主要针对疏密的调配 版式篇 由一物体与生俱来的各个组成部分的和谐、一致构成的，任何添加和消减都会使其美感降低 美 网页美术设计创意 WEB DESIGEN 美的本质 促使对平衡和均衡的追求，是以稳定、舒适为目的的，因此，美本身也是一种功能，不能把它与功能完全割裂来看 美的标准 美向来都是基于经验加以描述，很难给予证实 版式篇 网页网站构成的基本元素。 网页的版式理念 网页美术设计创意 WEB DESIGEN 色彩的搭配、文字的变化、图片的处理等，是网页的构成因素 版式篇 网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型，下面分别论述。 网页布局类型 网页美术设计创意 WEB DESIGEN 版式篇 也可以称为“同”字型，是一些大型网站所喜欢的类型，即最上面是网站的标题以及横幅广告条，接下来就是网站的主要内容，左右分列一些两小条内容，中间是主要部分，与左右一起罗列到底，最下面是网站的一些基本信息、联系方式、版权声明等。这种结构是我们在网上见到的差不多最多的一种结构类型。  “国”字型 网页美术设计创意 WEB DESIGEN 版式篇 这种结构与上一种其实只是形式上的区别，其实是很相近的，上面是标题及广告横幅，接下来的左侧是一窄列链接等，右列是很宽的正文，下面也是一些网站的辅助信息。在这种类型中，一种很常见的类型是最上面是标题及广告，左侧是导航链接  拐角型 网页美术设计创意 WEB DESIGEN 版式篇 这种类型即最上面是标题或类似的一些东西，下面是正文，比如一些文章页面或注册页面等就是这种类。 标题正文型 网页美术设计创意 WEB DESIGEN 版式篇 这是一种左右为分别两页的框架结构，一般左面是导航链接，有时最上面会有一个小的标题或标致，右面是正文。我们见到的大部分的大型论坛都是这种结构的，有一些企业网站也喜欢采用。这种类型结构非常清晰，一目了然。  左右框架型 网页美术设计创意 WEB DESIGEN 版式篇 与上面类似，区别仅仅在于是一种上下分为两页的框架。  上下框架型 网页美术设计创意 WEB DESIGEN 版式篇 上页两种结构的结合，相对复杂的一种框架结构，较为常见的是类似于“拐角型”结构的，只是采用了框架结构。 综合框架型 网页美术设计创意 WEB DESIGEN 版式篇 这种类型基本上是出现在一些网站的首页，大部分为一些精美的平面设计结合一些小的动画，放上几个简单的链接或者仅是一个“进入”的链接甚至直接在首页的图片上做链接而没有任何提示。这种类型大部分出现在企业网站和个人主页，如果说处理的好，会给人带来赏心悦目的感觉。  封面型 网页美术设计创意 WEB DESIGEN 版式篇 其实这与封面型结构是类似的，只是这种类型采用了目前非常游戏化的Flash，与封面型不同的是，由于Flash强大的功能，页面所表达的信息更丰富，其视觉效果及听觉效果如果处理得