数字图形图像处理模块四：数字界面设计与制作4.2.1网页设计类型.pdfVIP

1. 网页基本版面设计类型 一、骨骼型 骨骼型是一种规范的理性的分割方法。常见的骨骼有竖向通栏、双栏、三栏、四栏和横向通栏、双栏、三栏和 四栏等。一般以竖向分栏为多。在图片和文字的编排上 则严格按照骨骼比例进行编排配置 ，给人以严谨、和谐、 理性的美。骨骼经过相互混合后的版式 ，既理性、条理 ，又活泼而具弹性。 1. 网页基本版面设计类型 二、满版型 版面以图象充满整版 ，主要以图象为诉求 ，视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象 上。满版型给人以大方、舒展的感觉 ，是商品广告常用的形式。 1. 网页基本版面设计类型 三、上下分割型 把整个版面分为上下两个部分 ，在上半部或下半部配置图片 ，另一部分则配置文案。配置有图片的部分感性而 有活力 ，而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。 1. 网页基本版面设计类型 四、左右分割型 把整个版面分割为左右两个部分 ，分别在左或右配置文案。当左右两部分形成强弱对比时 ，则造成视觉心理的 不平衡。这仅仅是视觉习惯上的问题 ，也 自然不如上下分割的视觉流程 自然。不过 ，倘若将分割线虚化处理 ， 或用文字进行左右重复或穿插 ，左右图文则变得 自然和谐。 1. 网页基本版面设计类型 五、中轴型 将图形做水平或垂直方向的排列 ，文案以上下或左右配置。水平排列的版面给人稳定、安静、和平与含蓄之感。 垂直排列的版面给人强烈的动感。 1. 网页基本版面设计类型 六、曲线型 图片或文字在版面结构上作曲线的编排构成 ，产生节奏和韵律。 1. 网页基本版面设计类型 七、倾斜型 版面主体形象或多幅图版做倾斜编排 ，造成版面强烈的动感和不稳定因素 ，引人注 目。 1. 网页基本版面设计类型 八、对称型 对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称。以避免过于严谨。 对称一般以相对对称居多。 1. 网页基本版面设计类型 九、中心型 重心有三种概念。1、直接以独立而轮廓分明的形象 占据版面中心。2、向心 ：视觉元素向版面中心聚拢的运动。 3、离心 ：犹如将石子投入水中，产生一圈圈向外扩散的弧线运动。重心型版式产生视觉焦点 ，使强烈而突出。 1. 网页基本版面设计类型 十、三角形 在圆形、四方形、三角形等基本形态中，正三角形 （金字塔形）是最具安全稳定因素的形态 ，而圆形和倒三角 形则给人以动感和不稳定感。 1. 网页基本版面设计类型 十一、并置形 将相同或不同的图片作大小相同而位置不同的重复排列。并置构成的版面有比较、说解的意味，给予原本复杂 喧嚣的版面以次序、安静、调和与节奏感。 1. 网页基本版面设计类型 十二、自由型 自由行结构是无规律的、随意的编排构成 ，有活泼、轻快之感。 参考指南 2. 网页配色 色彩的三要素 色相： 明度： 纯度： 参考指南 2. 网页配色 配色方法 • 选出主色和辅助色 • 根据网站功能、面向对象确定网站格调 • 根据格调确定主色和辅助色 • 改变主色和辅助色的明度和纯度 ，丰富色彩 • 配合不同明度纯度的黑白灰作为补充色 • 在小范围内选取与主色对比大的颜色作为强调色 参考指南 2. 网页配色 对比原则 • 色相对比 （主色与辅助色、强调色对比） • 明暗对比 • 面积对比 参考指南 2. 网页配色 对比调整 对比恰当 对比过强 减弱对比 增加隔阂 分离元素 对比过弱 对比浑浊 加大对比 增加隔阂 分离元素 参考指南 2. 网页配色 根据主题选择蓝色调 ， 页面整体清爽简洁。色