网络广告版式设计中，图形与文字之间的分区主要有以下几种版式。

（一）上下分割

版面分成上下两个部分：一部分配置图片，另一部分配置文案。中间的空白创造出了余地。由于网页发布的特性，此种广告形式使用较少，多在竖版广告中出现。网络广告版面设计中上下分割版面如图4-11 所示。

（二）左右分割

由于网络广告的发布特性，左右分割是网络广告中比较常见的编排形式。也由于人们观察网页的视觉习惯，与印刷品相反的是网络广告一般采用左文右图的居多，当然也不乏相反情况。网络广告版面的左右分割如图4-12、图4-13 所示。

图4-11

图4-12

图4-13

（三）线性编排

线性编排的特征是几个编排元素在空间被安排为一个线状的序列。竖向、横向或任何给定角度的一行元素都可以产生线状。线不一定是直的，可以扭转或弯曲，元素通过距离和大小的重复互相联系。运用这种方式构成的版式会使人的视线立刻集中到中心点上，且这种构图具有极强的动感。网络广告版面的线性编排如图4-14 所示。

图4-14

（四）中心点编排

中心点编排是稳定、集中、平衡的编排，用于营造空间中的点或场。人的视线往往会集中在中心部位，产品图片或需重点突出的景物配置在中心，会起到强调的作用。如果由中心向四周放射，可以起到统一的效果，并形成主次之分。网络广告版面的中心点编排如图4-15 所示，居中编排如图4-16、图4-17 所示。

图4-15

图4-16

图4-17

（五）重叠编排

重叠编排是各编排元素间上下重叠、覆盖的一种编排形式。元素之间由于重叠易影响识别性，因此需要在色彩、虚实、明暗、位置之间进行调整，既相得益彰又层次丰富。网络广告版面重叠编排如图4-18 所示。

图4-18

知识回顾

本章主要介绍了网络广告版面设计的流程、网络广告版面焦点的确定以及网络广告版面的构图类型，介绍了网络广告版面设计的具体设计要求和构图方法。

网络广告的版面设计流程：结构构思—完善布局—深入优化。

网络广告版面焦点的确定可以通过四种方式实现：第一，以人物形象作为目光捕捉物；第二，以商品图形作为目光捕捉物；第三，以文字作为目光捕捉物；第四，通过排版设计确定焦点。

网络广告的构图需要遵循一定的原则：第一，创造版面的视觉美感；第二，主题突出，增加版面亮点；第三，提高视觉度；第四，善于处理空白。

网络广告图形与文字编排的基本版式包括上下分割、左右分割、线性编排、中心点编排和重叠编排。

课后练习(www.daowen.com)

1.简述网络广告版面的设计流程。

2.怎样确定网络广告版面的焦点？

3.网络广告的构图需要遵循哪些原则？

4.网络广告图形与文字的编排都有哪些版式？

5.登陆宜家主页（http：//www.ikea.cn），查看宜家网页风格及最新宜家产品，分析其主页和产品页面的版面构成及版面设计思路。

6.登陆Tazo 喝茶品尝室网站（http：//www.tazo.com），小组讨论并评析其中使用的版面设计形式。

拓展阅读

网络广告文案排版

文案排版的元素包括字形、方向、颜色、数字、英文、纹理和框架七种。

一、斜向排版、竖向排版、横竖混排

（1）斜向排版的视觉效果是非常直接的，如下图所示。特点：倾斜角度不要超过45°，否则影响视觉效果。另外，一旦采用斜向排版，建议把所有文案内容都采用斜向排版，否则看起来不协调。

斜向排版

（2）竖向排版的视觉效果如下图所示。它的特点是：适合做有文化底蕴的广告。

竖向排版

（3）横竖混排非常考验排版能力，属于高端技巧，虽然很难排出好的效果，但是偶尔尝试一下也未尝不可。

二、双色排版及三色排版

网络广告文案文案排版讲究简洁视觉效果突出，颜色一般采用双色或三色。笔者把排版简洁、视觉效果突出的方法归纳为双色排版和三色排版。

双色排版的特点：文字隔行排版，且两种颜色对比强烈，如下图所示。

双色排版

三色排版的特点：文字颜色有三种，即一个背景色，一个白色，一个黄色。这种颜色排版方式，颜色对比强烈但又很协调。作图时可以采用另外的对比色，背景色和白色可以作为基础色，三色排版如下图所示。

三色排版

三、数字效果的巨大化

商品促销图的排版少不了数字，一般是折扣数字和价格，如下图所示。特点：数字与文字对比强烈，包括大小和颜色；放大的数字使人有鲜明的感观效果，对数字（尤其是打折信息）非常敏感的中国人会更有触动。

商品促销图

四、用英文制造形状

用英文制造形状的特点：居中排版，简单而有效；让文案围绕英文排版，非常有趣，是推荐使用的一种英文辅助排版方式。

注意：英文字体要小，读不出来也没关系，关键是文字排出来的形状。排版时，可以先创建一种形状，然后把文案填进去。

五、文案框架的选择

文案框架的形状选择可能性是无限的，设计者可以不参照其他设计图来设计自己的原创设计图。笔者把这种方法当作最简单但也是最难的设计方法。说它简单是因为形状可以随便选择，然后把文案内容填进去就可以了；说它难是因为文案和框架的匹配也需要很多技巧，设计想要做完美总是很难的，像上图这种效果很好，但是我们想要设计出来还是要费上很多的心思的。