版式设计论文

版式设计论文（精选8篇）

版式设计论文 篇1

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

教学难点：在版式设计的所有版面类型中，骨格型的版式设计最不易掌握；在大量信息文字图片处理上，怎样突出重点，让版面达到构成上的和谐与组织上的合理，传达上更条理清晰。教学时间：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尺寸的分割型版式设计海报，主题自定。

版式设计论文 篇2

一、空间的作用

空间指在版式中相对于图形和文字而言未被任何元素占用, 需要刻意经营的空白空间。它是版式设计的重要元素, 而不仅仅是图文的空白背景。同时, 空间也具有形状、面积、色彩和肌理等属性。在版式中经常使用的空间形式有刻意经营的空白及正负空间两种。

空间围绕在图形和文字的周围, 承载和衬托了整个版式讯息。我们常常只关注图文的编排, 却忽略了它们与空间的关系。图形是传递信息的载体, 而空间则使传递更有效、更有节奏。版式中的空间并非人们通常认为的那样仅仅是图文的背景和剩余无用的部分, 而是与图文同等重要并需要刻意经营的空白。因为, 空间对于图文的传达、页面的节奏和版式的风格都具有相当大的影响。在版式设计中, 空间往往和图文一样被作为设计的基本要素来进行精心处理。而正负空间的设计利用了知觉规律中的“图形/背景模式”规律, 使图形和空间通过共用边界而形成共生状态。在视觉焦点的转换中, 图形和空间不断产生有趣的互换。在图形创意课和构成基础课中同学们都曾经接触过这种空间造型方法。

二、空间在版式中的价值

简洁的空间和图文的对比可以减少于扰、衬托信息和增强主题。城市规划如果没有广场和草坪就没有城市的“肺”, 透不过气的环境不仅让人感到压抑, 也削弱了建筑本身的形态和魅力。书籍如果没有空间和图文的对比, 阅读就会混乱、压抑和缺乏节奏感。

设计师简·奇错德曾经称空间为“好设计的肺”, 但这一点却经常被忽略。在我们周围有许多设计作品为了表现丰富的内容, 被图形和文字填充得满满当当, 然而期望和结果却正好相反, 出现了阅读困难、内容杂乱和格调低下的情况。低质量的设计往往就是那些忽视“肺”的设计。不同空间的设计, 不仅仅强化了主题, 还形成了阅读的节奏美。好设计的“肺”不仅仅在“呼吸”中产生了生命的律动。这种律动形成了阅读和愉快感及舒适感, 让版式产生出意境。根据研究表明, 具有高贵感和优雅感的设计如高档化妆品、高档香水、高雅文化产品、奢侈品牌的广告设计、包装设计和店面展示设计往往体现出一个共同特征:具备简洁的、大面积的空间。所以, 在我们的社会文化习惯中, 空间的运用不仅仅是一种设计效果, 还具有象征意义, 即代表着某种高贵的品质和“雅”的风格。

三、版式空间的设计方法

1、空间的支撑

空间的支撑指版式布局时, 需要有能够到达页面四周边缘或版心线的形态来支撑整个页面空间, 就像伞架和梁柱一样。这些形态确定了空间的尺度, 让整个版式在既定的页面上更完整, 而不会出现多余的无效空间。首先, 可以通过在版心线上放置元素来控制空间的完整性。在页面四周可以安排到达版心线的文字、照片、符号或线条等要素来支撑空间。其次, 也可以安排图文元素到达页面边缘。

2、空间的激活

空间的激活指版式布局时, 需要运用点化或者线化的小面积图形和文字来打破封闭而沉寂的空白, 使版式更加活跃。在设计时, 可以利用单独的大字、一行小字、缩短提行的段落、L0G0、几何形点或线、符号, 甚至页码作为元素来激活空间。如 (图一) 所示, 书法文字、图形、标题字和左上角的块状文字一起支撑住了版式空间, 使页面看起来更完整饱满。同时, 书法文字和段落小字也分别激活了页面右边和左边两个封闭的空间, 并激活了下面这个相对封闭的空间, 使版式更加活跃。

3、空间的简化

版式中如果空白留得太多就会造成讯息的复杂和混乱。即使是热情、活泼的版式, 也不能随意分布图文, 而造成数量众多的空间。空间的简化指在设计时, 耍控制图文间空白的数量, 从而使空间更好地衬托图文, 产生阅读节奏和提升版式格调。操作时, 可对各图文元素进行组合和聚集, 从而让琐碎的空间得到简化, 并形成更大的空间。在画面元素少而小, 空间过大时, 则可通过空间激活的方式来活跃页面。

上图图文间的空间被简化。图文聚集, 并有意留出了中间的矩形空白。空间衬托了图文讯息, 并使页面获得了轻松的阅读节奏。照片的构图也进行了空间的简化。蓝色的海洋使北极熊非常突出;迅速抓住了观众的注意力。右页中的标题和段落文字则是对上面简化的大面积空间的激活。

4、空间的面积关系

空间的面积关系指将版式中的多个空白按照一定的面积比例来布置, 让它们形成由大到小的变化和节奏。一方面, 空间的面积关系使页面获得了阅读的节奏。另一方面, 置于大面积空间上的图文元素又能够被强调和突出。首先, 需要对已经简化的空间设定出不同的面积比例, 避免这些空白大小相同。其次, 可通过对图文的缩放、聚集和增删来扩大或减小空间面积。再次, 可将重要的图文要素置于大面积空间之上, 以获得特别的强调和突出。

空间无处不在, 比起平铺直叙的版面, 空间感强烈的版面拥有更加丰富的表现层次, 视觉度会更高, 也更加耐人寻味。版式设计, 就是在版面上有限的平面“面积”内, 根据主题内容要求, 运用所掌握的美学知识, 进行版面的“点, 线, 面分割”, 运用“黑, 白, 灰”的视觉关系, 以及底子或背景的色彩“明度, 彩度, 纯度”合理应用, 文字的大小, 色彩, 深浅的调整等, 设计出美观实用的版面。

参考文献

[1]魏来.设计密码[M].中信出版社, 2010.

[2]原研哉.设计中的设计[M].上海美术人民出版社, 2002.

探析版式设计中的版式结构原则 篇3

引言

版式设计是将文字、图案等元素，在既定版面上按照一定的原则进行的形式编排，它并非简单的“排版”。确定版式结构是版式设计的重要一步，设计师可以将所有的内容安排至既定的版面中，这就出现了各元素的布局问题，好的版式结构可以使页面结构清晰、视觉平衡，给阅读者以舒适、大方、易读的印象，这就需要版式结构遵循以下的基本原则。

分组

设计中分组的方式与我们日常生活中对生活物品的摆放具有同样的道理，我们通常会将橱柜里的外套和贴身的衣服分开放置；厨房中蔬菜、肉类及调料等整齐归类而避免相互污染。分组是版式设计中一种整理信息的办法，即将客户提供的原始信息按照一定的规律进行分类整理为信息组，并且组与组之间具有一定的间距。版式设计的过程可以看成信息规整的过程，它将画面中逻辑关系相近的项组织在一起，位置接近则意味着关联。分类的方式有很多，可依据种类、颜色、形状、重要性等进行编组，例如可以通过添加编号、几何图形符号等方法使每组信息更明显，当条目比较多时，可以将内容分类或制作成列表的形式，当通过设置相同的颜色或形状相同的色块时，阅读者就会理所当然的认为它们在信息上有着关联性。作为版式布局设计中分组的处理方法，首先必须明确制定逻辑组与组之前的空间距离，它应该明显大于组内每个元素的空间距离，或为其配以加粗的标题，使组与组之间的关联性和逻辑性更易区分。

稳定感

在日常生活中，人们都会使用平直放置或者等距放置的方法，这样会使物体的重心均匀的垂直于平面，来使物体的摆放能够更加平稳。同样的道理，版式设计中追求的稳重感会使画面产生平衡，使受众心情舒畅，有利于信息的传递。在版式设计中，可以通过划分简单的网格，使图片、文字段落等顺序排列，确保画面产生平衡感。使用改变画面中元素的大小、比例、位置、添加元素等都能使画面变得平衡。当画面中只有一个图像元素，并且居中放置时，它达到了平衡，当图像元素移动至两侧时，画面的平衡被打破，出现了一边轻一边重的现象，这相当与天平的一侧太沉了，另一侧就会被翘起，为了使天平回到同一水平线上，我们可以在翘起来的一侧添加元素，原则上是与图像的面积在观感上一致，如果完全按重量来配比，则会使画面显得机械和呆板，画面的灵性也会被束缚，同时，最重要的层次关系也会因为重量的完全相等而无法分清。在设计商务性质的版式设计中，需要打造出诚信稳重、让人放心的氛围，如果画面失去平衡，这在版式设计中是非常致命的。

网格

画面布局是版式设计中让很多设计师“头疼”的问题，如何在有限的空间中让文字、图片、图像、符号等大量设计元素出现在合适的位置，并能产生合理的层级关系，是设计师需要解决的难题，而通过划分网格可以高效的对这些元素进行合理放置。 加文·安布罗斯（Gavin Ambrose）与保罗·哈里斯 （Paul Harris） 在《网格设计》一书中指出：“网格是设计得以成立的基础，它使设计师能将丰富的设计元素有效地安排在一个页面上。从本质上说，它是一件设计作品的骨骼。不管设计是简单还是辅助，网格都能给设计带来秩序感和结构感。” 网格是现代版式设计中最重要的基础构成之一，它能将版面中的点、线、面构成元素协调一致地编排，并具有秩序感、比例感和整体感。在版式结构的搭建过程中，通过对版面划分网格线条后，并将元素整齐排列后隐藏“网格线”，在视觉中会产生某种相互关联，使阅读更加具有逻辑性和层次感。利用网格来进行版式结构布局的设计方法被称为 “网格设计”，它能使我们的版面布局形成工整而有规律的效果，并且有着无数种组合方式，能大大提高工作的效率。

重复

重复的方式有很多，如重复的颜色、字体、字号、文本行距、项目符合、图表风格、对齐方式、图片风格等。在很多商品宣传册的设计中，往往需要展示大量的产品信息，没有太多经验的设计师常常会担心最终的版面单调乏味，于是在版面结构中加入各种花哨的特效、改变图片的倾斜度、使用难以阅读的文字的效果，这样的方式不仅不能解决问题，反而降低了信息的“可读性”与“易读性”，使阅读者产生厌恶的心理，大大影响了产品信息的传达，降低了设计的“档次”。此时如将一件商品的说明信息和图片进行合理组合，分清信息层级关系后形成编组，其它产品的信息与图片组合按其同样的方式在版面空间中进行重复，并且排列整齐，使读者能快速的分清阅读规律，将更加有利于信息传达。如果需要增加变化，可以对各商品分清主次关系后进行放大与缩小等方式来处理即可，这样使得商品宣传册整体在稳重的同时又不乏味。

统一

在开始设计时，首先要思考一些问题，比如，“这是一个什么样的主题？什么样的色调适合这个主题？这个主题需要烘托出什么样的气氛？什么样的字体性格更符合这个主题？”等等，这样就可以得到一个统一的设计风格。例如设计一个主题为夏季童装特卖会的宣传单，考虑到天真活泼是少年心性，儿童的世界没有太多的规则约束，可以选用童装样式为水手服来增强趣味性，并使用代表夏天的蓝色为主题色，并配以红色和黄色为辅助色，在文字的选择中，儿童的字体也应显得稚嫩活泼，所以结构松散的手写体或圆体更适合体现。如果版面中各种颜色和形状等设计元素太多了，字体的风格或颜色变化太大，则整个版面就会缺乏统一性和连贯性，使画面看上去很“乱”，给人造成不值得信赖的感受。设计不是各种元素的简单堆积，版面中没有任何一个元素是多余的，所有的元素都必须是仔细分析主题得来的结果，去掉那些多余的装饰元素，避免“为了设计而设计”。

留白

留白是版式结构中非常重要的元素， 它是画面中各元素之间的间隔部分，起到缓冲、隔离的作用，合理的留白可以有效解决平面设计中的实际问题。初学设计的人常常担心“画面太空”，在版面里填充各种元素，不留空隙。过于紧凑的布局会使读者心情紧张，失去阅读的兴趣，相反，漫无目的的留白也会使画面显得空空荡荡。留白在留出韵味的同时，也可以增强画面的空间感，留白越大，空间越广阔，画面中元素越少，人的视觉注意力就不会被其他无用的信息所抢走。初学者对留白容易产生误解，认为留白就是留出白色，然而事情并非如此，留白留出的是空间，背景可以是白色，也可以是其他任何颜色。需要特别注意的是留白不适合所有的设计，如促销广告中需要的是传递热闹和实惠的氛围，如果大量留白只会适得其反。在表现高端、雅致、文艺的气质时，留白是非常适合的，但是在烘托氛围和热闹、喜庆的感受时则不能使用。

总结

综上所述，只有掌握版式结构的基本原则，科学分析项目信息，才能使我们的作品在具有视觉上的形式美感的同时，传达的内容更加符合主题，能向受众正确的传递出设计的信息。

招贴的版式设计论文 篇4

招贴就是在公共场所粘贴的告示公告等，起到宣传的目的。招贴的表现形式就是简洁易懂为主的，让人们很快的领略到招贴的内容，但是随着时代的变迁现在的招贴已经不是单纯意义上的招贴了，它已经成为人们营销的一种手段，招贴的异化形式就是满大街的单页。招贴的设计也是归于平面设计里面的，通过图像、文字和色彩来展现要表达的内容，一张招贴里面，也是显示设计师的设计理念和设计素养的。

招贴的板式设计要有可视性和逻辑性，视觉流程要合理、通畅。排版要简洁可视，招贴设计的最重要、最直接的以及最终的目的是通过有限的视觉形象向受众传达无限的知识或者内容。所以简约主义是招贴的重要的形式。但是在招贴的设计中，还要注重招贴的逻辑信息的有序的表达，一张招贴是由各种要素构成的，所以这些要素的表达和排列是要有逻辑的，向公众传达信息的时候，要条理清楚，并且有序，而不是混淆不清，主次不分，而是让公众看了之后，一目了然。

招贴的板式设计的视觉流程规律是由总体感知、局部感知、最后印象这三个阶段组成，所以在设计招贴的过程中，要跟着招贴的视觉流程规律走，才能很好的表达招贴的逻辑，给公共整幅画面尽收眼底的感觉。在设计招贴的时候，要注重线性的方向、形状的方向以及组合排列和运动的趋势。画面给人以整体的感觉，而不是杂乱无章。

《版式设计》课程教学大纲 篇5

一、教学目的：

通过该课程的教学与实践，培养学生的审美素质、提高学生版面的创造设计与表现能力，使学生领会视觉传达的变化规律和应用的基本法则和设计原理，能应用构成的语言要素进行各种风格的版式设计，为将来走向社会工作奠定基础。

二、教学基本要求：

该课程为选修课，要求学生具有初步的艺术鉴赏能力和文化素养，并有相关的学习资料。通过该门课程的学习能掌握并应用版式设计的规律、形式美的基本法则、图案的各种表现手法，及图案配色方法与原则。

三、教学环节安排：

按照教材的章节的顺序由简到繁，由易到难，由浅入深逐步展开。采取讲授与示范相结合，整体讲授与个别辅导相结合的方法。先通过基本理论知识的讲授，再结合实例给学生做示范，接着通过作业的讲评进一步提高学生的设计能力。

四、主要章节内容及学时分配：

（一）、版式设计的概念和原理（2课时）

1、版式的概念、分类及形式

2、形式与内容的关系

3、图案的布局法则

4、图案变化手法

（二）、版式的视觉流程（4课时）

1、单向和曲线视觉流程

2、重心和反复视觉流程

3、导向和散点视觉流程

（三）、版式设计的形式法则（6课时）

1、单纯和秩序

2、对比和调和

3、对称和均衡

4、节奏和韵律

5、虚实和留白

（四）、版式设计的基本类型（6课时）

1、骨骼型和满版型

2、上下和左右分割型

3、中轴型和对比型

4、曲线和倾斜型

5、并置和自由型

（五）、文字的编排构成（6课时）

1、字号、字体、行距

2、文字编排的基本形式

3、文字的强调和整体编排

4、字的图形表述

（六）、图案的的编排构成（6课时）

1、方型图、褪底图、出血图的表现形式

2、图形的块状结合和散点组合

3、展开页的整体设计

（七）现代版式设计的发展趋势（2课时）

1、强调创意、突出个性

2、注重情感的诉求

3、追求多维空间的表现方式

七、考核方式

作业与随堂考试各占50%。

浅谈书籍装帧的版式设计 篇6

摘要:我国有5000多年的历史，书籍的发展距今也有一定的历史，在书籍的版式设计上也很重视。书籍给人第一感觉也就在版式上，觉大多数版式设计都是以图文为主，而在今天版式发展多样，并且也有个性。版式设计的美感特别重要，这种美感也运用在书籍装帧中。阅读者也就产生了爱书的想法，在现代书籍的封面在版式中也具有一定的地位。所以风格和布局也要统一。主题更要明确，在书籍装帧的介绍中主要从版式构成的要素、内页、版式的设计等进行讲述。主要讲述书籍装帧中版式设计，特点：如何设计和创新。对书籍也有了不同程度的认识，无论是从书籍内容还是书籍图片，文字，甚至于版式等都产生了新的认识

关键词：书籍装帧； 版式设计；风格

一．版式的基本元素

点、线、面是构成视觉空间的基本元素，也是版面主要语言。一个字母或者数字，可以理解为点。一行中文字、一行中空白，可理解为线。多行文字、图片或空白，都可以理解为面。当然点、线、面的搭配也很重要的，版面不光要美而且还要有视觉冲击力，点、线、面的组合。在文字和图形的组合中也很重要，说明书籍在装帧中不仅版式重要，文字也一样重要。

（一）点

较小的形状称为点，线的起点或终点也是点，两线的交叉处也称为点，点是由空间大小决定。点在空间上占的面积很小。点具有张力和紧张性，在与空间和背景对比，点可以将目光吸引在视线上。在版面的文字编排中，不同的版面上出现的符号、文字、等不同，给读者的视觉也就不一样。

（二）线

线和点的形态不同，有长度、位置等，线的感情色彩比点的大，线一般分为两类：直线和曲线，种类有垂直线、水平线、斜线、曲线等线类型不同风格就不同，直线为静态，曲线为动态。线条很有魅力，在设计中，影响到整个版面效果。

垂直线：可以指导人们的上下视觉，产生两端拉长的动态效果。当两根垂直线同时接近时，比一根线更有力。

水平线：可以将人们视觉指向两端。如果在版面上增加视平线，效果就不一样，如果线的大小一样，更具有美感的效果，曲线：曲线的种类很多，可以为圆形、半圆形、弧线形、波形线形等，曲线的应用范围广，优美，具有动感。

（三）面

凡是没有点、线的特点的就是面，具有空间，没有厚度，在设计中的占有重要因素。在版式设计中表现的形式和方法，比线丰富、多样，多以图形、图片来表现。

二．书籍装帧的构成元素

日常生活中书籍是不可缺的，从古到今人们用文字、符号和图形，记载着人类的历史文明的发展以及世界的变化，各种资料的记载都离不开书籍。自古以来就有学到老活到老的说法，这也体现了书籍对人类的贡献和意义，多看书，对于人们增长知识是有很大的帮助。在现代科技发达的人类社会中，电影、电视等出现，人们的生活节奏加快了，技术的出现，自然就改变了人们的爱好。书籍也同样受科技的影响而改变，当电子书出现时，以前的手抄本、珍藏本等都满足人类的需要。人类的审美、观念的改变，版式设计成为书籍装帧重要部分。

（一）封面

封面就是书封、封皮、外封等，进一步又分为封

一、封

二、封

三、封四。一般书刊封一印有书名、出版者和作者，封四印有版权等

封面有美化书本和保护书的作用，同时也利于在图书室、书馆等找到自己想要的书。

1、设计定位

定位是决定封面设计是否成功。同时客户沟通也要做好，内容有：风格定位：文化分析，行业定位，客户需求等也会影响设计的风格。因此，好的封面设计会带来良好的沟通，也体现客户的消费需要。

2、设计的重要性

很多报纸、杂志等对封面都很重视，比如重视就会让设计师做头版与封面的设计，也就是做好封面，设计师并不会在乎头版和封面的效率，也就不能得出适合的设计。图形、色彩和文字成为封面设计的不可少的。设计师根据不同类的书，进行随机组合设计，从而体现出书籍的内容，在传递内容时给读者一种美感。

封面为什么重要：

（1）封面是最容易体现从事某些杂志的价值的倾向，所以也是从事杂志类的工作者的表达，也成为杂志观点的表达。（2）从市场的角度分析，封面的个性化、可以瞬间抓住人的目光能决定杂志销售的效率。

（3）从宏观来看，杂志封面能塑造话题，从而达到长期的营销，表现出杂志的文化。

3、效果

销售书目的就是让读者购买，要达到促销的目的，封面是关键。封面既有着广告的作用，也有给读者展现书最有价值的一面：内容。这书究竟写了什么内容，这些内容为什么是值得读者购买，在封面上都要有所体现。在写完所要完成的内容之后，要达到销售就要将选题再次包装，登在封面上，这就告诉读者为什么要买书。标题的设计，都需要安排。而看到很多书，美是为了封面整体效果好。如果把封面看成一幅画，那么文字有利于突出画面，书是写给读者的，表面上要美观，但实际与内容差距大。所以看书，总觉得封面好，内容一般。

（二）封底

底封，是书底，成为书的重要构成元素，是封面、书脊的延伸、补充、总结等。书在封底的右下角有统一书号、定价，期刊在封底印版权页，或用来印目录等文字、图片。封底与封面二者之间紧密联系，相互衬托和补充，缺一不可

人文关怀和重视，设计者要注意图书封底的整体之美，要讲究自然美、形式美和艺术性，为追求风格统一和体现艺术水平，设计者要考虑封底构成的各个元素，如图像、内容提要、作者介绍、责任编辑和封面设计者的姓名、条形码、定价等，给它们留合适、的位置，各得其所，又能组成一幅和谐而美观的封面，有序，明快整洁，让人一目了然。如果是简洁的封底，底色加配条形码和定价，也要有艺术性

（三）护封

封面外的封纸。有书名、作者、出版社和装饰图，是保护书籍不易被损坏；也达到装饰书籍的作用，达到某种档次

（四）书脊

书脊，是指封面、封底连接的部分，相当于书芯厚度。印刷后，制成书刊的内芯，然后进行配页、折页，组成书后形成书脊边。通过上胶或铁丝订，再加封面，形成书脊，书刊在书脊上印有书名、期号和其他信息。

1、作用 书脊设计的重要性，虽然已得到了大家的认可，但是要把书脊设计好，却是不容易的事情，而且有时并不是设计能力的问题，而是思想的问题。目前，书的市场很开放，出版、发行和营销形式很多，特别是与读者接触的地方—书店，具体销售规模和展示等都同。现在，虽然书店都在扩展空间，但是仍然满足不了书籍出版的数量。因此导致书籍的出版和发行的竞争，书籍能够在书店上市，不是很容易的事。尤其是那些相同题材、书名、品质的书籍越多，展示的竞争也就更大。书店将许多书籍插在书架上，只露出书脊，读者要想在众多的书脊中寻到需要的书并非容易，在图书馆中更是这样，就算是家中的书，也都是插在书架上。从以上情况可以判定，书脊设计的重要性很明显，而且是现实中存在的问题

我认为，封面是书籍的脸，书脊也是书籍的脸。不论是从功能的角度考虑，还是从艺术视觉的角度考虑，都应对书脊和封面同样重视。进行书脊设计关键就是一个理解和思考问题所在，就可以达到书脊设计的要求。

2、要求

书脊是封面不可少的一部分，所以在设计封面时要将它与书脊作为一个平面来构思。当然封底和勒口也要如此，封底和勒口的设计，可以衬托封面和书脊的主要地位。一般封面中的主要设计元素，有书名、丛书名、标识、作者名、出版社等，在书脊上都应该有，除了字号大小根据需要有变化外，字体和色彩应该保持一致。为了确保书脊的信息表达明确，尽量减少设计元素和层次，不要把封面上所有的设计元素复制到书脊上，使其拥挤、主次不分，造成视觉的混乱。图案、图片和符号的应用要简洁。功能是书脊设计的第一要素，它主要靠文字信息来体现。显然，书名又是要素中的主体。为了体现书名的主体，在进行字体设计时应随意，注重字体的设计创新。如字体的组合设计，要使结构合理美观、对比强烈、易于认识。文字的布局不要平均摆放，要集中，增强识别信息的力度，把握好读者阅读时视觉的舒适感。

（五）环衬

环衬，是书芯和封皮的衬纸。无论是打开正面还是反面封面，就会有一张连接封面和内页的版面，这就是环衬，目的就是使封面和内心的牢固。环衬的设计安排，多以抽象的肌理效果、插图、图案、照片表现，风格内容与书整体要统一。色彩和封面相比是有变化的。要淡雅些，图形的对比比较弱，可以运用纹样装饰，达到视觉效果，在视觉上产生封面到内心的效果。

（六）扉页 扉页，是指在衬纸上印有书名、出版、作者的单张页，书刊将衬纸与扉页印在一起装订，称为扉衬页。扉页是书籍和册子中少不少的页面，固然扉页在书籍和册子中的作用不肯能一致。书籍扉页：也叫内副封面。指平装衬纸下印有书名、作者、出版社的单张页。在封二或衬页之后，印的文字和封面，但内容比较详细。扉页的作用是补充书名、著作、出版社等项目，给装饰图书增加一定的美感。

（七）版式

版式就是版面一种格式，指的是开本、版心和周围空白的尺寸，正文中的字体、字号、版形，字数、地位，还有目录及标题、表格、注释、标点符号、图注、图名、页码、书眉以及版面装饰的排法。

版式：图表上元素，例如标题、副标题文本、图片、列表、表格、图表、自选图形和影片的排列。

版式就是书籍的规格和式样，有排式、开本、插图、版面。

1、重要性

出版的版面。有标题、页眉、图片、正文、页码、装饰线等构成的实体与空白的比例。版式的大小决定于书籍开本。书籍不同，结构、比例、层次也就不同，开本大小、比例不同和上下、内外白边的宽度的不同外，那么版心的大小和长宽的比例，也就不同。装订的方法，对版式也有影响，特别是对内白边的宽度大有影响。

版印刷书籍的版式，栏有单、双之分，栏内有界限。由于单面印刷，中间缝处折叠的地方有版口、版心和上下鱼尾的格局。现代书籍与册子等，由于多以文字为主或是以图形、图像为主，或者图文都有，再有印刷技术的不同，那么版式就不同。比如文字版口与图片版口是不同的尺寸，页眉、页码的位置也就不同。

出版物的版式，都要经过装帧的设计，目的是要与书每一部分达到和谐，成为书籍设计的重要部分，以达到视觉上和心理上的和谐统一，有利于留住读者的视线。达到阅读的效果。但版式的设计，应与应用的目的、读物性质与经济相适应。

（八）插图

插画就是用来说明文字中的画。插画就是我们平常所看的报纸、杂志、刊物、书，在文字中插的图，叫做插画。插画，它是用以增加刊物文字的趣味性，使文字能更加生动、活跃在读者的心中。

三、书籍装帧中的版式设计

（一）什么是版式设计

就是通过图形、文字和色彩进行的组合，根据内容来表示在平面上的空间，达到一种视觉的美，在书籍装帧中版式是必不可少的，版式是将视觉元素组合，使版面达到美观的设计。引起读者的重视，版式设计在书籍装帧中有较好的运用，好的版式设计，要体现书中的内容，必须表现在版式上，这就是一种版式设计的美。可以给读者留下良好的印象，说明版式设计与书籍装帧密不可分。

（二）版式设计的组成部分

版式设计是平面设计艺术表现的重要组成之一，在艺术的方向看，版式设计是一门排版的课程和技能，也就实现了技术与艺术的统一。版式设计是设计者必须掌握的一门课程。版式不仅可以传递信息，也可以让人产生视觉的美感。版式设计在报纸、刊行、册子、、画、唱片封面等各种设计中，范围广。在书籍装帧中，版式成为为书籍正文的编排设计。成为书籍重要组成元素。在每一本书的版式里，都会看到不同的内容，如字体、字号等。

（三）版式设计风格

版式风格是不一样的，书籍装帧的版式设计给不同的设计师设计，由于设计师的观念、审美、书的内容等产生了不同的设计风格。

1、古典式

从古至今古典版式设计任然处于主要地位，是一种左右对称的形式，版式中的文字、字距、行距都有严格的规定。

2、网格式

网格的风格特点就是运用了比例关系，通过计算，在版式的中心可以将其划分为无数统一的网格。把版心的高度和宽度分为很多栏，规定尺寸，在这个标准下排版文字、图片使其有规律，产生美感。

网格板式有：正方形、长方形、重叠网格等，网格重视比例，秩序性、连续性、清晰度、时代性和正确性，多以理性为基础与感性成为对比。

3、自由式

自由版式主张版面随机组合，版面没有约束。特点：主要用文学做材料，达到视觉效果。

而电脑排版技术的应用。使自由版式的发展的空间更大，不会受某种版式的影响，突破传统的设计，自由版式用于特定出版社。自由版式设计也有一定的规律，按照不同的书籍内容设计与它合适的封面。四.版式设计的原则

（一）思想性与单一性

排版并不是唯一目的，设计是为了达到信息传播，一个成功的排版，要明确目的，了解深入、观察与设计有关的每一个方面，版面离不开内容，要体现内容的主题，就能加强读者的理解能力。

（二）艺术性与装饰性

要在排版中突出内容，最重要的在于版面设计是否合适，当确定主题后，版面的构图和表达的形式将成为整个版面设计的要点，版面的装饰是由文字、图形、色彩通过点、线、面的组合形成的，多用夸张、比喻等手法来体现效果，既能美化了版面，又能提高信息传达。不同类型的版面的信息，具有不同方式的装饰形式。

（三）趣味性与独创性

排版设计中的趣味性，指的是形式的情趣，版面充满趣味，信息更吸引阅读者的目光，独创性就是突出自己个性的特征。

（四）整体性与协调性

在追求完美的同时主题和内容要一致，排版不可忽视，重视表现忽略内容，或只重视内容忽视艺术表现，都是不可取的，要强调整体布局，才能取得版面构成中的艺术价值，也就能解决设计问题。同时版面要有协调性，也是在版面各种编排中强调结构和色彩的关系，通过版面的文字、图片间的组合与编排，使版面达到视觉美的效果。

参考文献：

[1]书籍设计/屈梅，吴霞编著.-重庆：重庆大学出版社，2012.8 [2]百度文库 http://

版式中的线条设计 篇7

版式中的线通常包括两种形式, 可以称为“有形”的线和“无形”的线。有形的线是人们用肉眼可以看见的, 有明确的轮廓, 比如实线、虚线等;无形的线是人们不能用肉眼直接看到的, 它是一种由其它元素编排产生的视觉流程。本文章主要讨论的是设计中最常用的有形线在版式设计中的应用, 并试图用“统一”和“视觉平衡”两种形式法则来分析好的设计是如何影响读者审美的。

版式设计的最终目的是使版式产生清晰的条理性, 用悦目的组织构成来更好的突出主题, 达到最佳的诉求效果。文章开端表明了线在版式中体现出的两种性质——功能性和审美性, 这也是线设计所要完成的两个主要任务。二者在版式设计中一定是相互依存、彼此渗透的:首先, 只有实现最起码的版面内容阅读, 才能在这基础上对版面进行美化, 否则不当或多余的修饰只能是繁缛的包袱, 是画蛇添足之笔, 阻碍了读者对版面信息的采取;其次, 当线的设计给人带了适当的美感, 反过来也会促进人们对版面内容的了解欲望。线功能性的体现是设计的基本要求, 功能性与艺术性的共同作用才是好的版面设计。这种共同作用其实就是线的编排, 它可理解为线条对版面的“空间划分”和“平面装饰”, 下面我们来陈述线几种基本的设计形式。

1.等量或不等量划分。这种划分多出现于书籍、报刊、杂志等内容板块中, 可用空白线条区分文字内容, 限定信息, 方便读者理性阅读。海报、挂历中的线条划分可说明表达内容的主次关系, 也可制造出空间感。等量划分能够产生次序美, 不同比例的空间划分可让人区分主次、产生节奏感。

2.图文之间的划分。此形式主要起区分作用, 求得清晰、条理的规范。

3.用线装饰标题与引文。在版式中有很多大小标题、引文或个别文字, 用线装饰主要起强调作用, 引起视线注意, 增强版面的可读性。

4.用线来装饰版式中其它视觉元素。此处, 线一般呈线框形, 用线框来限定版面的某个视觉元素可凸显它在整个版面种的重要性。要注意的是, 被线框强调的对象是版面中的诉求重点或视觉重点, 线框选取的形状要根据装饰对象的性质来决定。当框定的对象是规范性很强的文字或图形的时候, 用三角形、矩形、圆形等规则线框;当被强调的对象是感性的元素的话, 可根据版面的整体风格选取不规则形状的线框来进行限定, 二者的目的都是让被强调对象与修饰边框达到内容与形式的统一, 产生和谐美。

5.用线装饰整体版面的设计。常用于书籍展开页的整体设计, 文字或图象成延续页面的设计称连页或展开页设计。一般理性强的连页或展开页设计常用线来装饰, 线贯穿两边, 起到一种联系、统一的美观效果。

6.无明显功用的平衡线。有些线条在版面上的运用是没有功能含义的, 但是它对整个版面效果的视觉产生了隐性的影响, 因为它扮演了掌握画面平衡的角色, 比如一些书籍版式中的页眉页脚的线条设计。

作为版式设计的基础, 编排在设计中起到了非常重要的作用。平面设计作品视觉传达力的强弱, 在很大程度上取决于编排设计的水平。编排必须做到对所要表达的信息在逻辑上的合理性和条理性, 线条在版面中的编排也是如此, 它不仅要有感性的显现, 更要有理性的规范。要使这种表达效果发挥到最佳状态, 形式法则的运用至关重要。线条不是随意添置的, 以上所有设计形式都必须遵循相关的法则, 其中掌握好“形式与内容的统一”和“视觉平衡”尤为重要。

形式与内容的统一

统一是编排设计的形式法则中的根本规律之一, 形式与内容的统一就是元素形式的表现要符合版面内容的诉讼要求。平面上的线是由位于不同位置的点运动所构成的, 不同位置的点具有不同的力场, 其运动路线的多样性将会给人产生不同的感觉, 所以线也是有自身性格的, 不同形态的线可以影响所要传达的气氛和感受。那么, 线在编排中的统一就要求设计者能够很好地利用线本身的不同性格去配合各种版面内容。直线、曲线、折线以及各种其它方向延伸线都具有自己的性格。一般情况下, 平行线有平和、宁静的亲切感, 它让人联想到田原、草地等天地交接的景象, 使人感到顺畅、广阔。竖直线有崇高、权威感, 富于理性。斜线则比较活泼, 它易于表现动感, 具有方向性, 可表达活泼的性格或不稳定性。设计者利用斜线可以有效地把观赏者的目光引向主体, 对那些习惯从左往右阅读的人来说, 当斜线从左下方向右上方伸展时时最有引导力的。各种曲线如波浪线、C曲线、S曲线等都是非常好的线形, 它们或给人带来华丽、柔软的感觉, 或带来优雅、魅力、高贵等体会。同时, 造型上的线是有粗细、深浅之分的, 粗线给人力强、迟钝、憨厚稳重的感觉, 细线会产生敏锐、细致和速度之感。

线的性格是丰富多彩的, 设计者需对其深入理会、合理运用, 才能配合好版面的内容要求, 达到和谐统一的艺术效果。

视觉平衡

平衡分为“物理平衡”和“知觉平衡”, 视觉平衡偏向于知觉平衡的心理学范畴。格式塔心理学家们提出过一个结论:每一个心理活动领域都趋于向一种最简单、最平衡和最规则的组织状态。弗洛伊德在解释他自己提出的“愉快原则”1时也曾说过, 他坚信, 一个心理事件的发动是由一种不愉快的张力刺激起来的。这个心理事件一旦开始之后, 便向着能够减少这种不愉快的张力的方向发展。2按照这种“快乐说”, 人类总是希望追求快乐的, 而平衡能够在心理上给人带来快乐。此理论置于艺术领域中, 可以说是视觉平衡能够消除构图中的不安因素, 使人安定快乐。关于什么是平衡, 人为什么需要平衡是很深奥的话题, 它涉及到心理和生理的很多方面, 本文不作过多的详细论述。总之, 平衡在宇宙中扮演着重要的角色, 视觉平衡在艺术作品的创作中也是及其重要的。

线条设计需要保持版面的平衡。视觉平衡要求线条的形状、方向、位置等各种性质之间的编排, 都需要达到相互呼应的和谐状态, 否则就容易使观察者产生不安和模糊的感觉。因为线条的整体布置如果不平衡, 那么每个位子的不稳定状态就会使版式设计看上去是偶然和短暂的, 因而也是病弱的。伴随着不稳定, 这

形式美法则中的对比与调和在版式设计中的应用

赖彩琉 (福建农林大学东方学院人文艺术系教师福建福州350000)

摘要:版式设计是一种艺术性和实用性并重的创造性活动, 是建立在准确功能诉求与市场定位基础之上, 以有效传播为导向的视觉传达艺术, 版式设计应遵循形式美法则将内容与形式有机结合, 达到传播信息目的的同时, 又可以给观众以美的享受。本文将重点阐述形式美法则当中的对比与调和在版式设计中的应用。

关键词:版式设计;功能;形式美;对比;调和

版式设计是一种关于编排的学问, 就是在版面上, 将有限的视觉元素进行有机的排列组合, 将理性思维个性化地表现出来, 一种具有个人风格和艺术特色的视觉传达方式。[1]版式设计的具体而言是将图片、文字、色彩等各种要素按照一定的主题合理的布局和灵活的掌控与融合来凸现设计师所要宣传的企业理念。在传达信息的同时, 也产生感官上的美感。而版式设计的美作为视觉符号, 是一种语言形式, 一种视觉冲击力, 是可以引领读者的视觉流程。

一、版式设计的功能

1. 承载信息

版式设计的发展经历了漫长的发展阶段, 但无论哪个时期, 它的最终目的是以功能的实用性为前提, 无论是海报, 广告、报刊、招贴、宣传手册都涵盖了大量的信息, 而版式设计的首要任务是根据信息的内容和审美规律, 运用视觉元素和构成要素, 将文字、图片及其它视觉元素合理的加以组合编排, 从而使信息有效的传播。

2. 阅读的引导

从古至今, 设计都不能放弃功能, 当版面与受众接触时, 受众看与不看、先看哪, 后看哪、浏览还是细读等都考虑着版式设计师的专业素养和文化理念, 版面价值实现的多少, 取决于版式设计考虑受众接受版面所引起的心理活动。一个成功的视觉流程应该是符合一般的视觉原理和读者普遍认识的心理, 即版面的上侧注意力强于下侧, 左侧强于右侧, 左上部和中上部都称为最佳视线。版面中有了视觉引导才能使整个版面信息达到逻辑性, 主次分明的效果。

3. 传美达意

美是人与现实间的审美关系, 那么它的研究范围自然地包括这一审美关系中的客体, 即蕴含于事物中的“美”, 这一审美关系中的主体、即审美者所形成的“美感”。[2]在美学大师黑格尔

种不平衡的编排就会让设计作品在形式上使人感到模糊而不可理解。版面的视觉平衡要掌握好画面的重心与和谐, 这要靠设计者的自身修养和视觉经验来取量, 靠线条的性格表现和位置经营来决定。如上文所述, 性格和位置都会左右线条的力场而影响到观众对设计作品的感觉, 所以掌握画面的视觉平衡对于平面设计者来说是必不可少的。

值得注意的是, 不懂视觉平衡的“技术人员”会让版面凌乱, 对视觉平衡一知半解的人让版面略显舒适, 但是仍会让人觉得此设计没有持久性, 这是为什么呢?

这种人其实是认为艺术所要达到的目的就是为了追求一种平衡、和谐的完美形式关系, 这种观点只能把观众引入歧途。如果一个艺术家创造一件艺术品的主要意图, 就是获得平衡或和谐的形式美, 而不顾及究竟这种平衡要传达什么意义, 他就会陷入无目的的形式游戏之中而浑然不觉。这种行为只能浪费自己的时间的美学理论中, 美是可以分为内在美和外在的形式美, 而外在美是内在美的表现, 内在美是外在美的意蕴之源[1]。同样, 版式设计中的外在美是给观众的第一印象, 这第一印象决定着能否引领读者继续往下读的兴趣, 而内在美是体现是否吻合主题, 是否达到企业所要宣传的一种意境。版式设计中的两个基本构成要素是文字和图片, 恰如其分的将它们完美的结合, 既可以传递给受众一定的视觉美感, 又使作品具有阅读性和观赏性, 做到版面的整体和谐。

二、形式美法则中的对比与调和

形式美法则是指完全没有理性内容的形式美创造的根本法则。[2]各个领域的版式设计是一种审美活动、创意活动, 是设计者运用科学、技术知识和美学修养创造出的艺术作品, 版式设计把丰富的意蕴、信息借助于各种媒介传达给受众的同时, 也要注重形式美法则的应用, 形式美法则包括很多, 比如变化与统一、节奏与韵律、对称与均衡、单纯与齐一、对比与调和、比例和多样统一等。版式设计中将形式美法则综合的考虑的同时, 也可以有所侧重。

对比与调和是形式美法则中的变化统一最直接的体现, 统一一旦变化就形成对比, 要使诸多不同的形式统一起来, 可以采取调和的手法。在版式设计中, 一般是大对比, 小调和, 或者是大调和小对比。从古到今, 人类从未停止过对美的要求, 尤其在今天这个高度发达的现代社会里, 人们对版式设计的美将有更高的需求, 平面设计越来越来越注重形式美感和文化意韵的表达, 版式设计将决定着整个作品的视觉传达效果。

(一) 对比

对比是将相同或相异的视觉元素作强烈的对照, 是艺术表现的基本手段之一, 版式中的对比是一种数、量的对比率[3], 版式中的形与形之间、文字与文字之间、主体与背景之间均存在大与小、主与次、疏与密、动与静、虚与实等对比因素。版式中的对比是为了吸引受众的视线, 引起受众的注意。通过对比可以使广告主题鲜明。

1. 大小对比

大小对比是文字编排的基础, 包括字号的大中小的相互配合使用, 可以使整个画面产生生动活泼的对比关系, 大中小的对比可产生进深和空间感。版式中各构成要素按照大、中、小的比例关系加以组合, 这是版式设计中的一条重要规律。大字往往给人

和精力, 设计者必须走过这样的一个学习过程。这又回到了“统一”的话题, 真正的设计师会知道版面内容决定了要选取怎么的表现形式, 平衡的构造只有传达某种意义的时候, 它的功能作用才能得以体现。

参考文献

[2].弗洛伊德.《在愉快的原则之外》, 第1页, 伦敦版, 1922年.

[1]毛德宝主编《平面设计》.杭州.中国美术学院出版社, 2008年5月.

网页设计中的版式设计 篇8

关键词：网页设计；版式设计 CDIO教育模式；项目教学

近年来随着经济的高速发展，科技的日新月异，教育领域同样面临革新。引进新的教育理念和教学模式成为教育工作者的关注重心，此时，欧美成熟的工程教育理念慢慢地进入我们的视野之中，CDIO的教学模式（Conceive构思、Design设计、Implement实施、Operate运行），符合工程人才的培养，提高学生的实践能力、组织能力、创新能力。这一模式更适应当下的教育环境需求。

网页设计这门课程属于交叉学科范畴，兼顾艺术设计、计算机技术及交互设计等多门学科。另外，这门课程作为艺术与技术的结合体，要求学生具备较强实践动手能力与综合运用能力，因而在教学过程中我们依据CDIO的工程教育理念开展教学。

本文重点谈到的是网页设计中的版式设计过程，网页中的版式设计起到信息统一、分割区域和交互导引的作用，是在有限的空间界面内将文字、图形、背景色彩或图案及交互功能集成在方圆之间，根据设计的形式法则，利用艺术美学与科学技术相结合的方式来实现效果展示。下面以教学过程中的“xx艺术系网站”项目为例，以网页设计中的版式设计为内容，展示教学过程中的各个设计阶段。

1 构思阶段

（1）确立目标。

网页设计不是盲目的行为，不是简单使用软件的行为，它是构思由确立到实现的过程，是一种展示到体会的过程。因此，在设计之初，教师需要引导学生了解当前的课题，明确网站要做什么，网站的外观布局是什么样子，网站需要营造何种氛围。我们常见的网站根据用途分类为企业网站、电子商务网站、电子政务网站、文体娱乐网站、教育科学网站等，每种类型的网站都有自己需要传播的信息，根据所需文字与图片选择适合的排版方式，进而营造恰当的氛围。在“xx艺术系网站”项目中，学生会根据实际项目类型，理解项目设计目标为，该学院所属系部信息服务类网站，界面版式方面要求简洁大方，色彩明快，塑造清新、愉悦的氛围，学生可以根据以上内容展开进一步的设计工作。

（2）信息整理。

项目开展前期根据对项目的简单分析，要求学生对客户或相关人士展开访谈，对行业同类网站的资讯开展收集与调研。这一阶段学生会接触网页设计的需求方，在本项目中可以设定为系内行政人员、教师及系内学生，根据访谈或调研可以得到网站相关设计信息，如对整体风格的需求，导航的设计需求，网站类型为静态网站或动态网站，根据需求结果，要求学生设计多样的版式效果，以供客户参考。

（3）交互设计。

我们将网页中的交互分为视觉上的交互和行为功能上的交互设计。在这里我们更侧重说明交互在视觉上的应用。网页中我们常见的交互形态有按钮、导航条、搜索栏和表单等。这些交互形态都会出现在版式的突出及显著位置，这样更引发人们的视觉关注中心，因而，在进行版式设计时，需要考虑这些交互元素的设置，友好的版式也是一种界面与人的情感交互。在我们的项目中学生应该考虑交互按钮的外观设计，排放位置等因素；导航条的设置应在醒目位置，清晰明确发挥导引作用；搜索栏帮助浏览者快捷搜索，放置在易发现的位置，搜索一般出现在网页右上角；表单设计是学生所忽略的环节，因为可以使用插件添加，导致学生认为无须设计，在此建议信息表单设计时可考虑细节设计，提高友好度与舒适度等交互设计。

2 设计阶段

版式设计是网页设计中重要的设计引导规划环节，在这个过程中学生可以根据自己的项目主题展开艺术美感的设计。一般进行页面版式设计我们从以下几个方面入手。

（1）版式结构设计。

网页设计中的版式设计与传统媒介中的版式设计略有不同，前提是他们都遵循版式设计五原则，[1]内容与形式，简洁与简约，设计与艺术，趣味与独特，局部与整体。为了设计富有形式法则和艺术美感的网页作品，版式设计方面通常会采用黄金比例和三分法排列原则。黄金比例法是初学者易于掌控的方法，将视窗可用区域分成两个部分，也可以根据设计比例需求，将数字录入到相关计算网站，得出合适的黄金比例分配方案。三分法构图排版方式，是将排版界面分成三份，根据内容的不同，选择不同的三分法排列位置。

网页设计中由于要考虑显示器视窗显示水平不同，我们的总体版式设计会采用固定格式或非固定格式两种形式。固定格式的版面是固定的界面版式，而非固定格式的版面设计是变化的，这种变化的版式很难把握的，变化的视窗将改变既定的字体形式和图形排列位置，这个课题也是我们今后要深入探讨的方向。

（2）字体、图像、色彩设计。

版式设计是界面设计的骨架，字体设计是界面设计的血肉，富媒体技术的全面发展，网站这一综合载体也得到了极大的发展，版式与字体的结合构成了网页的不同风貌。在网页中常见字体分为中英文两类和图形化的艺术字体，字号一般选用12pt。在中文网页常常出现的字体为宋体或黑体，字号为12pt/14pt的文字展示，另外也会有些超大字体以图像的形态出现，并通过视觉效果的调整，创建三维空间的视觉展示效果。图形化的艺术字体，在诸多网站中得到应用。在设计中我们题材保有传统的文化性，中国元素的运用，如书法、图腾、建筑等富有中国色彩的艺术形态都应得到我们的思考与关注，中西文化的比较与融合也是我们要探索的方向。图形与色彩部分在排版中应适合主题，响应设计氛围，为整体版式服务。

（3）视频展示设计。

网页界面排版中还需考虑一种新兴的展示手段，视频信息展示，页面中利用大量的视频信息排版，减少文字、图片信息的输入，信息传达方式由静态转换为动态，提供有趣而新颖的排版展示方式。

3 技术实施

（1）界面版式视觉设计。

网页设计中对静态界面的布局，我们通常会使用Photoshop和Illustrator圖像处理软件开展设计，首先我们会根据思维导图绘制基础模板，然后根据设计需求在模板中添加设计好的文字、图形、视频、声音等设计元素。

（2）交互功能视觉设计。

在网页设计中我们会考虑将静态样稿转换为简单的静态网页，这种转换我们会使用Dreamweaver软件进行操作，由于网页展示设备的不同我们也会考虑采用一些相关的模型制作软件来处理交互设计部分。

4 运行阶段

将确定好的静态草稿通过切图生成为静态网站，测试效果及功能，当运行时根据需要和视觉效果进行调整直到理想状态。

5 小结

网页设计课程将实际项目导入课堂，根据CDIO工程教育模式教学，打造有效、有趣、实用的教学方式，使学生在学习操作中锻炼宏观思考的能力，获得团队合作的能力，养成终身学习的能力。学生对设计流程的掌握就是对知识体系的掌握和运用，达到理论与实践相结合，通过对版面的全面掌控，更好地为静态网页设计打下坚实的基础。

参考文献：

[1] 沈卓娅，王汀.字体与版式设计实训[M].中国出版集团东方出版中心，2011：74.