版式设计电子教案 00

2024-07-06

版式设计电子教案 00（精选3篇）

篇1：版式设计电子教案 00

版式设计

——构图基本要素之点

版面构图在设计中的应用是十分广泛的，因此，学习版面构图具有十分重要的意义。如何更好的学习版面构图，我们必须从构图的基本要素点、线、面学起。在这一篇教程中，我首先为大家讲解的是构图基本要素点的相关知识。

1.什么是点

点是版面构图中的一个重要的基本要素，是一切形态的基础。例如下图中所示的印刷网版，就是以不同大小和疏密的网点所组成的图像。

那么，我们如何确定一个事物是否具有点的性质呢？通过下面这个例子的学习，相信大家会找到答案。

如下图中，花朵与大片绿丛形成了强烈的对比，花朵相对于绿丛便有了点的性质。

但在下面这一张图中，花朵与周围环境的对比减少，点的性质消失，形成了面的性质。

同样是一朵花，由于各自的位置不同，与周围环境的对比关系不同，分别呈现出了点和面的不同性质。可见，点是根据它所处的具体位置与周围环境的对比关系来决定的。

由此看来，点的位置关系重于面积关系，甚至有时候我们可以忽略点的面积关系。

2.点的作用

2.1 点的张力作用

当画面中只有一个点时，人们的视线就集中在这个点上，使点具有紧张性，从而也加强了对点的关注度。因此，点在画面的空间中，具有张力作用。

点的张力作用运用到设计中，可以取得很好的视觉效果。例如在下面广告作品中，采用了极小的人物形象，使人物形象具有了点的性质。利用点的张力作用，不仅提高了观者对人物形象的关注度，同时增加了画面的空间感，使画面显得更加充实。

2.2 点与点之间的吸引作用

当空间中出现等大的点时，由于点与点之间的吸引作用，使点与点之间在心理上产生了连接的效果。

例如在下面例子中，手机相对于背景具有了点的性质。由于点的吸引作用，从而形成了一条心理上的弧线。

当空间中出现大小不同的点时，由于点的不同吸引作用。我们的注意力会首先注意到优势的一方，然后再向劣势的一方转移。例如下图中，我们会首先注意到大的点，然后才会注意到小的点。

在下图广告中，我们会首先注意到面积大的主体物，然后注意到小的标题。利用点的吸引作用的不同，增强了画面的节奏感，从而使画面有了主次之分。

3.点的性质

3.1 点的无形状性

点的无形状性就是指点可以有各种各样的形状。例如下面这一张图中，各种各样的形状，但因为小便有了点的效果。

例如下图广告中，利用远距离的俯视角度使人物形象具有了点的性质，画面使人印象深刻。

3.2 点的不稳定性

当点与周围环境对比发生变化时，点的性质也会随之改变，呈现出不稳定的特点。我们以九个方点为例，列举了四种情况来说明点的不稳定性。

●当画面中九个方点为等大时，每个方点都将表现出点的性质；

例如下图广告中，每个形态都形成了等大的视觉效果，从而每个形态都表现出了点的性质。

●当改变了中间点以外的周围八个点的方向时，原来中间的方点，便产生了长方形的感觉；

例如下图广告中，当饭盒与其他形象不同时，会使人更加深刻地记住饭盒的形象，而其他相同形象则会被忽略。

●当周围八个点面积变大时，中间原有的方点，就更加突出了点的性质；

例如下图广告中，由于周围事物偏大，加强了中间点的性质，使人们的关注度更易集中到中间图形上，突出了广告的主题。

●当周围八个点面积变小时，中间原有的方点便呈现出长方形的感觉，点的性质削弱。

例如下图设计作品中，通过缩小其他图形，使原有的图形的形象更加明确，引人注意。

4.点的错觉

所谓“错觉”，就是感觉与客观事实不相一致的现象。下图中，我们可以看见背景在不断的上下浮动，这种视觉上的偏差就是错觉。

4.1 点的远近错觉

●点的远近错觉主要是由于点的色相、明度和纯度的不同导致的。明亮的暖色会接近眼睛，具有前进感和膨胀感，而冷色就会有后退感和收缩感。因此，同为黑底上的两个等大的点，红点具有前进感，而蓝点则有后退感。

例如下图广告中，同样大小的两个点，却给人不同的视觉感受。

●同为暖色的两个等大的点，但由于两点的明度不同，形成不同的远近的错觉。明度高的点比明度低的点更具有前进感。

例如下图的两张海报中，我们可以看见黑底上的白点比紫色底上等大的灰点更具有前进感，会产生更接近我们的错觉。

4.2 点的大小错觉

●同等大小的点，由于周围点大小的不同，使中间两个点也产生了不同大小的错觉。中间的点是等大的，但在大点的包围下，中间的点感觉小；在小点的包围下，中间的点感觉大。

例如在下面广告设计中，当周围的点过大时，中间的点就会给人小的感觉。

利用点的大小错觉，可以使周围点变小，如下图所示，从而使中间的点更加突出，使广告的主题更加明确。

●同一大小的两点，周围空间大的点感觉小；周围空间小的点感觉要大。

在下图广告设计中，利用周围空间与中间图形进行比较，使中间图形给人小的感觉。

当我们减少周围空间面积时，如下图所示，我们会发现中间的图形较上图要显得大一些。

5.点在设计中的应用

点是相对较小的一个元素，但也是最基本最重要的元素。采用不同的编排方式，点可以制作出不同的视觉感受，所以点在设计中的应用是比较广泛的。

在下图海报中，用点有秩序的渐变排列，形成了一种很强的韵律感。同时，隐藏的形体增强了画面的视觉冲击力。

下图广告设计中，运用大小不一的点，不仅增加了画面的动感同时也增强了画面的空间感。

下图设计作品中，运用不同色彩的圆点，采用平面化的表现方法，增强了画面的装饰性。

构图基本要素之线

通过上一篇教程的学习，我们学习了点的相关知识。在这一篇教程中我将为大家讲解另一个重要的构图基本要素线的相关知识。

1.什么是线

线是一切面的边缘和面与面的交界，并且是有长度的。例如下图中，蓝天形成的面与草地形成的面的相接处，就形成了一条线。

其次，线也是点运动后形成的，是点进行移动的轨迹。例如下图中，沙漠里的骆驼具有点的性质，当排列成列队时，就形成了线的性质。

由此看来，线是具有位置和长度的，但线又必须使我们能够看到，所以线还得具有一定的宽度。

2.线的种类和性格

线可以分为直线和曲线两种。其中直线按形态的不同可以分为粗直线、细直线、锯状直线和无机线；按方向不同，又可分为：垂直线、水平线和斜线。曲线则可分为几何曲线和自由曲线，如下图所示。

不同种类的线会产生不同的性格特征，下面我们将详细讨论这些不同的线所代表的不同性格。

2.1 直线

直线，具有简单明了、直率的性格，突出了一种力的美感。其中不同的直线又有不同的性格特征。直线按形态的不同可分为粗直线、细直线、锯状直线和无机线四种。在设计中，运用不同的直线，可以表现出不同的性格特征。

●粗直线，具有很强的表现力，同时给人厚重和粗笨的感觉。

例如在下面招贴设计中，就采用了纵横交织的粗直线，给人一种力量感和厚重感。

●细直线，则表现出秀气、锐敏和神经质的特点。

如在下面的字体设计中，采用了细直线的表现方法，使字体给人一种秀丽感，同时又给人锐利的印象。

●锯状直线，给人一种焦虑、不安定的感觉。

在下面广告设计作品中，运用锯状直线，表达了音箱的声音效果，突出了广告的主题。

●无机线是用工具量出来的直线，带有机械化的感情性格，缺少人情味。

在下面广告作品中，运用了无机线的表现方式，给人一种机械感和科技感。

按直线的方向不同，又可将直线分为：垂直线、水平线和斜线。

●垂直线，给人刚直的印象，有升降感。在下面海报设计中，运用三个直立的锤子，使之具有垂直线的性质，突出了一种刚强和直爽的特点。

●水平线，则给人静止、安定的印象。

下图广告设计中，采用一条红色的水平线，给人一种宁静和安详的感觉。

●斜线，给人一种飞跃、积极、不安定的感觉。

在下面字体设计中，斜线的运用，突出了一种动感和力量感。

2.2 曲线

曲线是自由流动的线条，是点在空间中无规律、任意运动的轨迹。曲线可以分为几何曲线和自由曲线两种。

●几何曲线，是用规矩等工具绘制而成的曲线。几何曲线比直线更具有动力和弹力。

在下图广告设计中，几何曲线的运用，使画面在柔美的基础上多了几分机械感。

●自由曲线，是用圆规等工具表现不出来的曲线。自由曲线更加具有曲线的特征，富有自由、优雅的女性感。

在下图护肤品广告中，采用自由曲线，突出了女性的妩媚感。

3.线的错觉

3.1 线的长短错觉

两条等长的水平直线，由于不同的外界因素，会造成视觉上的不等长的效果。下面列举了三种情况来说明线的长短错觉。

●两条等长的水平直线，由于线端加入了斜线，斜线与直线所成角度的不同，便会产生不等长的错觉效果。斜线所成角度大的直线会显得比角度小的直线要长。

●两条等长的直线，没被分割成两段的直线较被分割成两段的直线要显得的长。

●两条等长的水平直线，由于周围造型元素的对比不同，也会产生长短不同的错觉。

3.2 线的空间错觉

一条斜向的直线，被两条平行的直线断开，其斜线会产生不在一条直线的错觉。

3.3 线的曲线错觉

两条平行直线，由于受斜线角度的影响而产生错觉，使平行直线呈现出曲线的感觉。

4.线在设计中的应用

线在设计中发挥着重要的作用。把线灵活的运用到设计中去，一定会使自己的设计作品有很大的提高。在下图广告设计中，不同形式的线的运用，使画面充满了强烈的美感。

在下面广告设计中，采用斜线的表达方式，加强了画面的节奏感和动感。

线具有引导视线的作用，在设计中应用很广。在下图平面设计作品中，就是运用不同粗细的斜线，把人们的视线引向主题，使主题更加明确。

构图基本要素之面

通过上一篇教程的学习，我们学习了线的相关知识。在这一篇教程中我将为大家讲解另一个重要的构图基本要素面的相关知识。

1.什么是面

我们可以结合前面学到的点和线来理解面的含义。面与点相比，是平面中相对较大的一个元素。例如下图中，广阔的草坪相对于远处的房子就是一个较大的元素，就更具有面的性质。

面与线相比，可以理解为是线移动的轨迹，具有长、宽两度空间。在下图中，不同色彩的线组成了不同色彩的面。

2.面的种类和性格

面又可以称为形，可以大体可分为四类：即直线形、曲线形（几何曲线形）、自由曲线形和偶然形。这些不同的形，在视觉上会产生不同的心理效果。

2.1 直线形

直线形就是强调垂直线与水平线的效果，具有直线所表现的心理特征。如：正方形、长方形、平行四边形等等。直线形表达出一种刚强，直爽的性格特征。

下面广告中，面就是采用了直线形，使作品给人一种刚硬、简洁的印象。

2.2 几何曲线形

几何曲线形比直线形要柔软很多，能表现出几何曲线的特征，具有一定的几何秩序。例如圆形，半圆形等。给人美感的同时又给人一种自由整齐的感觉。

在下面招贴作品中，采用了几何曲线形，使画面给人一种柔软性，同时给人一种自由整齐的感觉。

2.3 自由曲线形

自由曲线形不具有几何秩序的曲线形，这种曲线能较充分地体现出作者的个性，所以是最能引起人们兴趣的造型。同时，自由曲线形也是女性特征的典型代表。

在下面招贴作品中，采用了自由曲线形，使画面给人一种优雅、柔软和带有人情味的温暖感觉。

2.3 偶然形

偶然形，顾名思义是偶然得到的图形，是随心所欲产生的图形。偶然形可以更好的表达出自然朴素的感觉，且个性较为强烈。

在下面招贴作品中，采用了偶然形。使画面充满了时尚感，给人一种自然洒脱的美感。

3.图和地

3.1 图与地的定义

任何形都是由图和地两部分组成。要使形感到存在，必然要有地将其衬托出来。在一副画面中，“图”有明确的形象感，给人强烈的视觉印象，在画面中较为突出；“地”没有明确的形象感，给人模糊的视觉印象，没有形体的轮廓。例如下图中，白色的形象是图，而黑色的形象为地。

3.2 图与地的表现

在设计中，要强调图的突出，同时还要注意地的变化。在构成中既有做到图的完整性，同时，又要使地完善。如下图所示中，图和地都具有自己清晰的形象，当把白色看成图时，红色就为地；当把红色看成图时，白色就为地。

但根据人们的视觉习惯，一般是要强调图的形象。那么，如何才能强调图的形象呢？下面将给大家介绍六种方法。

●一般位于图形中心的形，或处于水平或垂直方向的形，容易成为图。

●完整的形也就是被封闭的图形，较周围开放的图形，更容易成为图。如下图中，虫子的形象较不完整的苹果形象更容易成为图。

●小的形较之过大的形，更容易成为图。如下图中，小的人物形象较茫茫的雪地更容易成为图。

●在一定区域中，异质性图形比相同性质的图形，更容易显示出来。例如下面图中，与其他形不一样的两个图形会更容易显示出来。

●相同因素放在一起，有秩序的排列，因具有类似性，易成为图。

●在日常生活中，常见的图形，在头脑中容易成像，也容易成为图。例如下图中，酒瓶的形象是我们熟悉的图形，更容易被看做是图。

4.形的错觉

在设计中，我们会时常遇到形的错觉。如果我们可以掌握形的错觉原理，并加以运用，相信能收到较好的效果。下面我们将分四种情况来说明形的错觉。

●由于环境形象大小不同的对比作用，使同样大小的两个倒三角形，周围形体小的图形产生大的感觉，周围形体大的图形产生小的感觉。

●同样大小的两个正圆形，上下并置，上边的圆形给人大的感觉。这是由于我们的视平线习惯在中线偏高处，而上面的图形距离视觉中心较近，所以会看上去较大。要取得视觉上的一致，可以将上面的圆稍微减小一点或把下面的圆放大一点，这样上下两圆就具有大小一样的视觉感受。

●长方形由于受斜线角度的影响而产生错觉，使长方形的两条直线呈现出曲线的感觉。这和前一篇教程中讲到的线的曲线错觉是同一个道理。

●用等距离的垂直线和水平线，组成两个同等面积的正方形，其长、宽的感觉却不一样。垂直线组成的正方形，使人感到稍宽；水平线组成的正方形，使人感到稍高一点。

5.形在设计中的应用

由于形具有很强的表现力，所以在设计中得到了广泛的应用。在下面平面设计中，采用了自由曲线形，使画面给人一种柔软，优美的印象。

下图广告设计中，采用具体的形和偶然形相结合，使作品既表现力稳定、静止、秩序的特点，又表现出了活泼生动，自然洒脱的特点。

下面的海报设计中，运用面的大小不同，形态的不同，给人一种很强的意境美。简约但不单调的图像引起人们兴趣。

对称和平衡

构图——平面设计的入门学问。做好这一点，需要掌握一些技巧。很多初学者关心这些问题，借这个机会我为大家安排了几篇教程，来对“构图技巧”这一初学者关心的问题进行讨论，抛砖引玉，开拓大家的思路。

在本组教程中，将为大家讲解到六种常用的构图技巧：对称和平衡、重复和群化、节奏和韵律、对比和变化、调和和统一、破规和变异。在这一篇教程中首先为大家讲到的是构图技巧是对称和平衡。

1.对称和平衡

1.1什么是对称

对称是图案沿中轴左右或上下重复的状态。在自然界中，我们到处可以看见对称的形式，如蝴蝶、蜻蜓、树叶、花朵等等。

对称的形态在视觉上有自然、安定、均匀、协调、整齐、典雅、庄重的朴素美感，很符合人们的视觉习惯。所以在人们的生活中，经常会用到对称图形。例如过节时点的红灯笼，各种各样的标志图案等等。

1.2 什么是平衡

对称图形由于过于完美，缺少变化，会给人一种呆滞，单调的感觉。所以，人们会在保持平衡的前提下，改变其部分元素，使画面具有变化性。

由于事物在运动中，时常处于不对称的状态，便出现了各式各样的不对称的平衡现象。如下图所示。

平衡相对于对称具有更为丰富的形态。当画面的对称关系被打破时，可以调整力的重心使画面达到力的平衡。

力的平衡可以分为以下三种情况：

●当两个事物相同时，力的重心位于两个事物中间位置，形成了绝对的平衡关系。我们也称这种绝对的平衡关系为对称。如下图广告作品中，采用了对称的形式，使画面达到了绝对的平衡关系，给人一种安定平和的形式美感。

●当两个事物量感达到平衡时，形象上可以有所差别。例如下图汽车广告中，位于汽车左右的字母，虽然形象上不同，但却给人同样的重量感觉。这样处理的画面，不仅具有了变化性同时又使保持了平衡性。

注意：这里说的差别是在保持力的平衡的前提下的差别，是有一定限度的。

●当两个事物量感不同时，可以调节力的重心使之达到平衡。例如下图广告作品中，浅灰色较纯黄色会给人量轻的感觉，所以画面在处理时，使灰色的面积大于黄色的面积，从而使画面取得了平衡。

注意：在遇到这种情况时，我们可以通过调节大小、色彩、位置使画面达到平衡。

2.对称和平衡的基本形式

对称和平衡可以造成人们视觉上的满足，所以在生活和设计中应用是十分广泛的。对于对称和平衡的学习我们可以从对称和平衡的基本形式入手，下面我们将对称和平衡的基本的形式概括为以下四种：

●反射

反射是相同形象在左右或上下位置的对应排列，这是对称和平衡最基本的表现形式。

反射这一基本形式在广告中的应用是十分广泛的。例如下面的插画设计中，运用了左右位置的对应排列，给人强烈的形式美感。

篇2：版式设计电子教案 00

教学目的：在变化与统一是设计的总法则的统领下，编排与版式设计有各种具体版面形式，初步理解每种类型的设计方法和特点，掌握主要的几种编排与版式设计版面类型。教学重点：骨格型、满版型、分割型、对称型版式类型的设计方法和特点。

教学难点：在版式设计的所有版面类型中，骨格型的版式设计最不易掌握；在大量信息文字图片处理上，怎样突出重点，让版面达到构成上的和谐与组织上的合理，传达上更条理清晰。教学时间：2课时

讲授内容：

 上节课版式设计的形式法则复习3分钟提问法

版式设计的形式法则有哪些以及特点？

学习版式设计的形式法则，既帮助我们克服在设计中的盲目性，又为设计前的思考提供了丰富的内涵。

1.单纯与秩序是求取有机的整体； 2.对比与调和是求取强调的效应； 3.对称与均衡是求取稳定的因素； 4.节奏与韵律是求取情调的悦意； 5.虚实与强弱是求取主次陈述。

 版式设计的基本版面类型导入前讨论 7分钟演示法结合讨论法

版式设计

1.老师演示少量电影海报，活跃上课氛围，并提问：“平时同学们看哪些电影，有留意海报有哪些不同编排形式？给人的感觉是什么？” 2.学生分组自由讨论三分钟后，每组派代表发言。

3.老师表扬发言同学后，引出今天上课主体：版式设计基本版面类型。

 结和图片讲解每种版式设计类型的特点，帮助学生更好的理解和掌握，提高学生的设计感受能力。35 分钟演示法（图文讲解版式的基本类型）

版式的基本类型有骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等13种。

重点讲解：骨格型、满版型、分割型、对称型版式类型的设计方法和特点。

一、骨格型

图形或文字在版面编排中，总是按照某种规律，在版面中作某种倾向性的排列，这种隐藏的规律性在平面的空间设计中即称为骨格。在编排与版式设计常以分栏的形式出现，如二分栏、三分栏的编排与版式设计。达到构成上的和谐与组织上的合理，传达上更条理清晰。

二、满版型

版面以图象充满整版，主要以图象为诉求，视觉传达直观而强烈。文字的配置压置在上下、左右或中部的图象上。满版型给人以大方、舒展的感觉，是商品广告常用的形式。

第2页，共7页

版式设计

三、上下分割型

把整个版面分为上下两个部分，在上半部或下半部配置图片，另一部分则配置文案。配置有图片的部分感性而有活力，而文案部分则理性而静止。上下部分配置的图片可以是一幅或多幅。

四、左右分割型

把整个版面分割为左右两个部分，分别在左或右配置文案。当左右两部分形成强弱对比时，则造成视觉心理的不平衡。这仅仅是视觉习惯上的问题，也自然不如上下分割的视觉流程自然。不过，倘若将分割线虚化处理，或用文字进行左右重复或穿插，左右图文则变得自然和谐。

五、中轴型

将图形做水平或垂直方向的排列，文案以上下或左右配置。水平排列的版面给人稳定、安静、和平与含蓄之感。垂直排列的版面给人强烈的动感。

第3页，共7页

版式设计

六、曲线型

图片或文字在版面结构上作曲线的编排构成，产生节奏和韵律。

七、倾斜型

版面主体形象或多幅图版做倾斜编排，造成版面强烈的动感和不稳定因素，引人注目。

八、对称型

对称的版式给人稳定、庄重理性的感觉。对称有绝对对称和相对对称。一般多采用相对对称。以避免过于严谨。对称一般以左右对称居多。

九、重心型

重心有三种楷念。

1、直接以独立而轮廓分明的形象占据版面中心。

2、向心：视觉元素向版面中心聚拢的运动。

3、离心：犹如将石子投入水中，产生一圈圈向外扩散的弧线运动。重心型版式产生视觉焦点，使强烈而突出。

第4页，共7页

版式设计十、三角形

在圆形、矩形、三角形等基本图形中，正三角形（金字塔形）最具有安全稳定因素。

十一、并置型

将相同或不同的图片作大小相同而位置不同的重复排列。

并置构成的版面有比较、解说的意味，给予原本复杂喧闹的版面以秩序、安静、调和与节奏感。

十二、自由型

自由型结构是无规律的、随意的编排构成，有活泼、轻快之感。

第5页，共7页

版式设计十三、四角型

版面四角以及连接四角的对角线结构上编排图形。

给人严谨、规范的感觉。

 骨格型版式设计练习

分钟

练习法

1.骨骼型的版式特点和骨骼型优秀报纸版面设计欣赏

在编排设计方法上有两种倾向：

1.一种注重理性分析，运用数学和几何知识，达到构成上的和谐与组织上的合理； 2.另一种是注重感性的判断，编排审美依赖于设计者的感官知觉判断力。

在编排设计中有多种骨骼的分割形式，而各种风格给人的视觉效果各有不同，设计师根据设计的要求和性质来决定版面的设计风格，以打动读者心灵。

国外优秀报纸版面设计欣赏：让学生借鉴灵活的骨骼型编排方式，在大标题、小标题、正文、插图、及颜色搭配的细节处理。

第6页，共7页

版式设计

2．骨骼型版式设计练习

结合学院应用设计系系报

老师提供参考图片和文字。

作业要求：在编排设计中有多种骨骼的分割形式，学生要灵活运用，系报编排时参考国外优秀报纸版面设计。

老师编排示范：

1.版面设定A3竖版；

2.大标题、小标题、正文字体要求区分开，调理清楚； 3.注意边距、行间距、段落间距 4.分栏设计时图片要灵活结合

学生骨骼型版式设计练习，老师巡回指导点评。根据不足,课后完善系报设计。

 总结：提问法 3 分钟

1.编排与版式设计的基本类型有哪些？

骨格型、满版型、上下分割型、左右分割型、中轴型、曲线型、倾斜型、对称型、重心型、三角型、并置型、自由型和四角型等13种 2.骨格型版式版面设计特点？

 课后作业布置 2分钟 1．完善骨骼型版式系报设计；

2．做一张A3尺寸的分割型版式设计海报，主题自定。

篇3：电子期刊的版式设计研究

【关键词】数字出版；电子期刊；版式设计；界面设计

【作者单位】李娟，广西艺术学院设计学院；杨果，广西艺术学院职业技术学院。

一、电子期刊的概念与特征

1.电子期刊的概念

电子期刊属于数字出版物，也称电子杂志，目前主要以计算机屏幕阅读为主，其主要形式有以下三种：第一种是纸质期刊的电子化，它和纸质期刊的内容大致相同，只在版式设计和发行渠道上有些不同；第二种是网络信息的杂志化；第三种是多媒体互动期刊，它兼具了平面与互联网两者的特点，且融入了图像、文字、声音、视频、游戏等内容，此外还包含超链接、及时互动等网络元素，其阅读方式给人以全新的享受。

2.电子期刊的特征

电子期刊相对纸质期刊有着不可比拟的优势，它改变了传统信息交流方式，主要有以下特征：以多媒体呈现，形式丰富多样；信息储存量大、传递速度快；检索快捷，易于复制，存取方便；人机交流、互动沟通的新型阅读方式，增强了阅读的趣味性；成本低，实效性强，出版、流通时间短；资源共享通过计算机网络，可以多人同时通过网络浏览、下载同一篇文章。

二、电子期刊版式设计的形式美法则

在电子期刊的版式设计中，艺术形式不能仅仅满足于色彩、图形、文字的画面效果和创意，还应该更多地了解受众的心理，符合受众的需要，考虑与受众的互动，使界面更加人性化。

1.版式设计的界面美观化

平面版式设计是电子期刊版式设计的重要基础。实验表明，人所接受的信息中60%来源于视觉，25%来源于听觉，10%来源于触觉，5%来源于嗅觉和味觉。可见视听效果对电子期刊版式设计的界面效果具有决定性的意义。

电子期刊界面版式的视觉表现力决定着受众最直观的意识感受，视觉要素的设计完善与否决定着界面版式是否能够真正吸引人，是否能够深深触动人的心灵。美观的界面版式能快速抓住受众的眼球，进而引起受众深入阅读的兴趣，以达到信息的有效传播。随着多媒体的发展，人们对界面设计的视觉审美要求越来越高，越来越注重界面艺术性与技术性的完美结合，越来越追求个性化的视觉享受。

2.版式设计的多样化功能

（1）审美功能。受众因版式设计而产生美的联想，并获得愉悦的艺术性感染，这源自受众内心的审美感觉，体现出版式的审美功能。优秀的版式设计能以其界面信息的精心编排和设计，形成格调美、韵味足的视觉效果，可以快速吸引人们的眼球。如果再加上独特的风格，就更能增强界面的视觉表现力，给受众留下很强的印象。

（2）实用功能。优秀的界面版式让人机交流得以顺利进行，这就体现了版式在界面设计中的实用功能。版式可以设计出主次分明的界面以及清晰的导航，使内容结构更容易被用户理解，还会将各页面之间的关系编排得层次分明且结构清晰，使浏览者可以随时知道自己的位置，并与其他页面取得联系。

（3）互动与服务功能。优秀的界面版式设计不仅可以使界面的视觉体验变得更加美好，还可以使界面操作更为简单易用，体现版式的互动与服务功能。版式中的在线交流、即时通信、书签、涂鸦、打印功能、统计系统、评论等互动服务功能，使期刊的发布者能够及时了解到用户对期刊的态度以及对文章内容的关注与评价，也利于其自身的改进。

3.版式设计的丰富动态

动态设计是电子期刊版式设计的显著特征之一，丰富的动态设计使界面生动有趣，可读性增强。电子期刊版式设计中的动态元素非常丰富，既包含了动态元素，比如生动、活跃的视频和动画，又包含了静态元素的动态化，如运动的标题和 Gif 格式的动态图。动画、视频具有强烈的视觉冲击力，再结合声音的感染力，可给用户身临其境的感觉。

富有节奏和韵律的版式设计不仅协调了版式的整体节奏，拓宽了版面艺术的表现力，还能够引导读者的视线到达一个预设的界点。动态元素可以说是界面中最为生动、活跃、丰富的元素，它给整个界面带来了活力与生机，并极大丰富了版式信息内容，还给浏览者带来视听上的享受。

三、电子期刊版式的交互人性化未来展望

交互设计是电子期刊版式设计的又一显著特征。简单来说，交互可以理解为在使用产品过程中受众的感觉以及受众针对感觉的反馈。界面版式交互设计的目的是使产品让受众能简单使用。任何产品功能的实现都是通过人机交互来完成的。因此，人的因素应作为设计的核心被体现出来，也就是说，版式设计要以用户体验为核心，即交互设计人性化。

电子期刊版式中最具代表性的交互元素是导航和超链接，这是人机进行互动的主要途径和手段。导航、超链接是把电子期刊中多个版面整合在一起，使杂志突破了传统因素的限制，成为非线性的版式结构，拥有多层信息显示功能，读者的阅读方式也从以前的翻阅变为了现在的点击阅读，并且读者还可以根据自身喜好来选择阅读的顺序和方式。例如，在版面有限、图片过多而又不能删减的情况下，可以运用超链接方式，把所要编辑的图片缩小放置在一个特定的区域当中，并在图片缩略图上设置交互，通过鼠标滑过图片或者点击显示大图，这样能适合每一个不同阅读习惯的读者阅读。人性化的交互设计既可以使读者更有效地阅读版面信息，又可以使版面整洁干净，提升期刊的视觉设计品位。

总之，计算机网络信息技术的兴起和发展，催生了电子期刊的发展。也使电子期刊面临着新的机遇和发展平台，电子期刊的版式设计也显得愈发重要。研究电子期刊的版式设计，最大限度地发挥电子期刊的审美功能、实用功能、互动与服务功能，有利于数字化期刊的健康发展。

[1]张千楚. 网络出版的电子期刊质量影响因素及其实证研究[D]. 东北师范大学，2014.

[2]彭伟. 网上电子期刊研究[J]. 情报科学，2000（4）.

[3]常廷文. 我国电子期刊发展的历史和未来[J]. 安徽理工大学学报，2005（1）.

[4]蒋杰. 版式设计的新领域——互动版式设计[D]. 南京艺术学院，2002.

[5]王宁宁. 比例与尺度在版式设计中的应用研究[D]. 东北林业大学，2013.

[6]田倩. 传统媒体与新媒体的版式设计比较[D]. 海南大学，2012.

[7]宋婷婷. 电子报纸的版式设计探析[D]. 复旦大学，2012.

[8]吕胤宣. 电子书版式设计对受众阅读心理影响的研究[D]. 沈阳师范大学，2014.

[9]陆文捷. 电子报的版式设计研究[D]. 湖南师范大学，2013.

[10]李君子. 电子杂志版式设计中的动态形式研究 [D]. 湖北工业大学，2014.

[11]崔洁. 新媒介中版式设计的创新性研究 [D]. 齐鲁工业大学，2014.