版面设计构成要素精选(九篇)

前言：一篇好文章的诞生，需要你不断地搜集资料、整理思路，本站小编为你收集了丰富的版面设计构成要素主题范文，仅供参考，欢迎阅读并收藏。

第1篇：版面设计构成要素范文

网页设计中的视觉构成最主要的是版面设计，主要包括点、线、面、图文、色彩的有效结合、搭配，如何将其合理地搭配起来，做好版面设计，给用户留下深刻的印象是考虑视觉构成的关键。其中，图文、色彩是点、线、面的结合体，在视觉构成中，点、线、面的使用是互相依存的，它们都不能独立存在，也不能独立形成满意的视觉效果。所以，在网页设计中要将这三者有效地结合起来，并选择符合主题的图文、色彩，只有将这些视觉构成要素有效地结合起来，才能设计出另人耳目一新的网站。 

二、如何在视觉构成上提高网页设计的视觉效果 

通过上述分析，我们已经初步认识到视觉构成对网页设计的重要性，也了解到视觉效果是网页成品的重要判断依据。因此，相关的工作人员需要深入地研究网页设计中的视觉构成，尽可能地在视觉构成上提高网页的视觉效果，从而促进网页设计行业的发展。以下从点、线、面的结合及图文、色彩的搭配、版面性质与用户认知习惯的结合等方面进行具体分析： 

（一）点、线、面有效结合 

点、线、面是视觉构成的基本要素，网页的所有信息都是通过点、线、面的合理搭配出来的效果，因此，要提高网页的视觉效果，首先就要从这三者的结合上来分析。例如：在点的运用中，工作者可以通过将点聚合或者离散使用，从而达到动静态结合的效果，满足用户的需求。另外，通过点的有效结合形成线，线之间交叉使用，虚实线的结合、线的明暗渐变等，让整个网页的版面形成大概的轮廓，达到版面的基本效果。 

（二）图文、色彩的合理搭配 

在网页设计中，图文、色彩也是必不可少的视觉构成因素，不同的图文、色彩搭配达到的网页效果就会千差万别。所以，设计者要想提高网页的视觉效果，还需要将更多的精力放在图文与色彩的合理搭配上。在选择网页的图片、文字、色彩等信息时需要与网页的主题结合起来。所选的文字、图片要具有代表性，能够体现出网页的主题，选择的色彩更应该科学合理，对于比较柔情的网站可以选择淡粉色，而对于某些具有科技研究性能的网站要选用蓝色、绿色等有生机的色调来渲染。另外，所选的色彩还需要合理搭配才能体现出网站的主题，同色调的搭配、相似色调的搭配、反差大的色调搭配以及主色调的选择、辅色调的选择等都要设计者仔细掂量，并将网站的主题结合进来，才能让网页的视觉效果吸引用户的眼球。 

（三）将用户的认知习惯合理的结合起来 

不同的用户具有不同的思维习惯，他们的审美观也各不相同，要想让用户对网页的设计效果满意，还需要将他们的认知习惯科学合理地结合到网页设计的过程中。设计者不仅要具有良好的专业素质，还要具有明确用户需求、了解用户认知习惯的能力，才能将各种网页设计中的视觉构成要素科学系统地结合起来，达到设计网页的效果，达到用户的需求。 

第2篇：版面设计构成要素范文

[关键词]平面设计；版面设计；教学方法

doi：10.3969/j.issn.1673 - 0194.2016.20.168

[中图分类号]J524 [文献标识码]A [文章编号]1673-0194（2016）20-0-02

1 版面设计教学的重要意义

版面设计作为平面设计领域的一个重要课题一直以来是平面设计师在设计实践和理论研究方面的重点。在平面设计教育领域，版面设计一直是受到人们重视的教育环节，是视觉传达设计专业学生必须掌握的一项专业能力，也是学生进一步学习视觉传达设计其他专业课程的基础之一。版面设计是平面设计的专业基础课，在平面设计中占有非常重要的地位。如果把一个平面设计作品比喻成一个桌子，那么文字、图形、色彩、版面就是支撑桌面的四条腿。作为支撑桌面的四大元素之一的版面设计不仅担负着传递信息的功能同时也是整个平面设计专业作品得以完成的基础。因此版面设计在各大高校的艺术设计教育中占有重要地位。本人在高校担任版面设计课程的教学已经六年，在这几年的教学实践中通过针对性的教学实验和大量的资料查阅比较研究后形成了一套自己的教学模式并取得了较好的教学效果。本文是作者在教学过程中的一些体会和想法。上课是一个教学相长的过程，在长期的教学过程中笔者深深地体会到要想教学上取得好的教学效果，让学生学以致用达到行业的专业要求，那么教师必须首先明确课程的教学目的，定好教学计划，然后通过大量的专题专项训练，利用灵活的课堂教学方法激发学生的学习兴趣，变枯燥的学习为主动、快乐的学习。本文是笔者根据自身在版面设计课程教学活动中的亲身体会与研究来撰写的。在教学大纲的基础上，根据实际的教学情况，通过课程结构和主题专项练习的调整以及教学方法的不断创新和完善，激发学生的学习兴趣，增强学生对版面设计的理解能力，从而提高学生版面设计实际应用的能力。

2 认识版面设计

版面设计又称为版式设计，在预先设定好的有限版面内，运用造型要素和形式原则，根据特定主题与内容的需要，将文字、图片（图形）及色彩等视觉传达信息要素进行有组织、有目的的组合排列的设计行为与过程。简单来说版面设计就是在一定的空间内把视觉元素进行编排位置，更好传递信息为目的的一种设计。

版面设计与视觉传达息息相关，是整个平面设计的灵魂。无论是琳琅满目的商品包装还是广告招贴或海报宣传网页设计等，只要跟信息传递有关都离不开版面做承载。课程的教学通过对版面设计理论概念、形式规律法则的认知，训练掌握版面设计的基本能力，对图形、文字、色彩的处理能力，版面编排的形式能力，以及版面设计制作能力。当今社会是一个信息时代，是一个快节奏的网络时代。人们需要迅速准确的获得大量的信息、提高阅读的快捷性。这就需要人们的版面设计要符合时代的要求，增强阅读的可视性，并让读者在在获得信息的同时得到美的艺术享受。这就需要人们在培养学生的时候既要注重版面的形式又要兼顾实际的运用。

3 版面设计教学现状

虽然版面教学在人们艺术设计教育中有几十年的教学经验的积累，且一些高校也在一些教学方法和内容上有过一定的探索和改进，像南京艺术学院和清华美院就曾经在版面内容训练方面以两种不同的方法，一种是以版面编排的形式训练为主，一种是以主题编排训练为主要内容的教学尝试。以训练版面编排形式为主的版面编排，虽然学生可以轻而易举的做出形式感很强的版面视觉效果，但因为欠缺主题内容的训练，致使学生的学习很盲目。因此，在实际的应用中，如果有图片文字限制时，就会束手无策无从下手。相反的第二种教学方式虽然避免了第一种教学方式的弊端，但这比较依赖于学生的个人能力，是学生自身理解能力与审美能力的体现，而缺乏设计方法论和普遍设计规律方面的探讨，在教学上面不容易把握。由于教学目的不明确以及教学方法不灵活导致学生的学习兴趣低下，最终教学效果不理想。

4 版面计教学方法

针对以上问题笔者在自己的教学中把两种训练方式取长补短有机的结合在一起，合理地应用课程教学的每一个部分。版面设计课程教学结构基本上是按版面设计的概述、版面设计的基本原则（思想性与单一性、艺术性与装饰性、趣味性与独创性、整体性与协调性是版面设计的四大原则）版面设计的基本造型要素、版面设计的形式原理、版面设计的应用六大部分来进行教授的。在进行每一单元的学习时，笔者先调动学生的积极性，然后再针对性的专题练习。比如在讲完版面的基本原则的时候，针对学生对版面还是比较懵懂的状态，直接进行专题训练他们会比较吃力，甚至做不好会打击他们的自信心对后面内容的学习也会失去兴趣。因此，笔者会安排一些他们感兴趣的课题去做，没有过多条框的限制，充分发挥他们的想象空间。比如笔者会出一个他们感兴趣的题目“生活中发现美”。他们会把生活中自己认为美的东西以视觉的形式展示给你。学生们奇思妙想、创意新颖，版面排版灵活有创意。如图1是她们宿舍一角，图2是做处理之后的效果。

通过这样的训练提起了学生的兴趣，并能自主地投入到课程的学习当中，和老师在后续的教学中有很好的互动沟通。

再例如讲到版面设计的构成要素之一点的内容的：①当点居于几何中心时，上下左右空间对称视觉张力均等，即庄重、又呆板；②当居于视觉中心时，有视觉心理的平衡与舒适感；③当点偏左或偏右，产生向心移动趋势，但过于边置也产生离心之动感；④点做上、下边置，有上升、下沉的心理感受。针对所讲授的理论，笔者会让大家做一个“我的大学”这样一个主题版面排版练习，在作业当中既要体现所教内容又要有主题思想。通过这样的训练学生版面排版的形式感得到了训练，深刻体会相类似元素摆在不同的位置会产生不同的视觉效果的原理又因为有主题限制，这样必然会迫使学生不能单纯的去做形式必须考虑形式与内容的和谐统一。某学生的主题训练作业，如图3所示。

“我的大学”这样的主题与每个学生息息相关，学生对这个主题都会有不同的感受，可以从多个角度去诠释这个主题，正常都可以找到感兴趣的点入手，这样学生就可以自发的去深入完成这个课题在实践中深刻体会理论。图3中，笔者通过点在版面不同位置会产生不同的心理感受，借助灵活的版面排版和色彩的情感运用，很巧妙地表达了作者在大学期间孤独、寂寞、快乐、活力、宁静、高贵、永恒、严肃的多变情感。

后面的课程每一版块的学习基本上都是按以上模式进行教学。在这种寓教于乐的教学中学生受益匪浅，教师的最终教学效果显著，同学们受益匪浅。版面排版表面上看，它是一种关于编排的学问，实际上，它不仅是一种技能， 更实现了技术与艺术的高度统一。目的是通过排版使主题突出，信息明确，以艺术美的形式付诸与观者并从中获得美的享受。多彩多姿的形式感在美的形式原理的规范下，通过重复与交错、节奏与韵律、对称与均衡、对比与调和、比例与适度和点、线、面的构成来规划版面。它将理性思维个性化地表现出来是一种具有个人风格和艺术特色的视觉传达方式。在课程教学最后的综合训练阶段，笔者还是会从与他们密切的“我的名片”设计主题入手，由浅入深，由点到面来训练。同学们要在视觉美里传递出名片的功效。让大家在这个小题目中去深深体会版面设计的内涵，以及形式与内容的和谐统一。版面本身不是目的，重要的还是传递信息，方便阅读。

5 结 语

只要人们能够灵活运用版面设计原理和创作方法，在教学的实践中，根据实际的情况大胆尝试勇于创新。借鉴现代科技和互联网技术，设计出视觉冲击力强、主题突出、主体明确形式多变的版面设计作品是不难的。笔者相信通过人们不断的实践和总结规律，不断提高教学水平，将会极大提高版面设计的速度和质量。每一个教师只要认真教授，都会有好的教学方法和经验的总结。相信未来的版面设计课程教学一定会有大的突破和创新，使版面设计教学迈上一个新台阶。

主要参考文献

[1]张雯.论点、线、面在版面构成中的表现[J].包装与设计，2012（6）.

[2]赵一东.试谈平面设计[J].内蒙古艺术，2009（2）.

第3篇：版面设计构成要素范文

在版面的诸多组成要素中，首先要注意的就是视觉元素，要努力使文字和图像可直接感受到，容易被广大消费者接受：其次，要尽可能地使版面布局流畅、易视，把握好部分与整体之间的关系，平衡各个元素，让广告的能够得到好的整体发挥。经验告诉我们，如果一个广告不能迅速地在消费者脑海中留下深刻的印象，就很容易在各种信息的海洋中迷失，而达不到宣传与促销的目的，因此优秀的版面设计是将各构成要素有效地组织起来，通过相互关系的配合，形成强烈的风格面貌，吸引读者的目光。这要求我们在进行版式设计的时候，首先要使得版面简洁直观、生动有画面感，一般来说，在广告传达内容中，标题、图形、画面色彩等各种视觉元素都是相对直观的，但是版面设计的直观并不是讲这些信息机械的排列在一起。而是我们在安排整个版面的时候应该力求简洁明了，列出清晰的条理，使消费者在看见广告的一刹那感到无以伦比的视觉冲击。其次留白也是版式设计的重要元素之一，它要求版式设计尽可能的简单，与传达内容相比不可喧宾夺主。当今社会节奏太快，广告的简洁性也决定了成败，这也使得我们不能一味堆积信息量，只有最重要的信息需要让人深刻记忆，版面编排中自然需要空白处理。空白处理能够使版面整体布局更加清晰明了，版式更为流畅，并能让消费者的注意力更为集中，突出广告的核心。再次强调主次分明，广告的诸多组成要素中一定会有一个需要我们重点突出展示的主体，于此相比其他的构成元素在版式中要适当忽略，尽量让主体成为广告的起点率先进入观众的视线。除此之外，版式的整个流程要引导观众的阅读，让主体逐步深入人心。

二、版式设计的空间营造

在广告世界里，一幅广告如不能吸引人们的注意力，不能吸引特定层面的顾客注意，那么，这个广告只是在消费者前面一晃而过，如过眼云烟，这样的广告就没有达到预期的效果。广告版式设计的成功与否，直接影响到广告的宣传效果，广告作为视觉传递的媒介，他是视觉形象与文字符号结合并互为补充相互关联的结合物，从视觉传达角度来看，广告的目的是创造一种能够迅速传递印象，达到获取瞬间信息图像的目的，并使消费者，读者过目难忘，为了达到预期的目的，广告设计师就必然在广告计划上进行精心构思，在广告设计上必须独具匠心，这样作为广告，既完成了引人注目，传递信息的宗旨，又给读者留下美的享受，很难想像一幅没有艺术性的广告能够吸引消费者驻足观赏。版式的利用是设计走向成熟的标志，广告中版式和排版必然会同时成为平面设计中的营造手段。版式设计现在要达到的效果就是形成报纸独特的风格，也就是当读者埋头在众多报纸中时，光看版式就可以立马得知报纸、版面的名称。没有独特风格的版面就像一张毫无特点的脸，是不容易被人记住，也注定是失败的。整个统一的设计风格要形成鲜明的整体感，整体风格要和形象设计相匹配，反映广告的深层次定位。设计者也要在版式的风格上多下功夫，寻求更多新鲜元素，努力产生独特的个性风格。另外，编排版面是统一各个元素也不仅是为了方便阅读，更重要的是产生视觉美感，变化过多容易给观众产生视觉疲劳，统一才更有秩序。此外，版面美感也可以通过周期重复同一现象的节奏感而产生，一个好的版式能产生音乐般节奏的效果，能够使读者从中受到感染，把自己代入到广告所设定的境界中遨游，从而对广告内容有更深的了解。版式设计的直接目的就是用清晰的条理来突出主题，以期达到最好的效果。

三、版式设计信息的情感营造

第4篇：版面设计构成要素范文

关键词：电子书籍；新媒介；平面视觉语言；设计方法

中图分类号：TP39 文献标识码：A文章编号：1672-3198（2008）06-0324-02

1 电子书籍的媒介特征

上世纪80年代，电子信息化技术迅猛发展，应运而生的电子书籍使设计对象从静态的印刷品转变为动态、互动的多元化媒介。电脑、网络、手机、MP4等新兴事物使传统的传播模式与思维方式受到了巨大挑战。

传统的线型传播的形式特征是点对点的单向、线型传播，即是将传播的过程看成是一种单向传送信息且呈直线形态的过程，受众对信息的反应被忽略。而新兴的传播媒介如网络传播扩展了传播的广度与深度，能实现点对点、点对面、面对面、面对点的交互式传播。人们可以主动地、有选择地接受信息并及时反馈信息，新媒介赋予交互式传播形式一种非线型、交叉的网状传播结构。电子书籍正是利用了新媒介的交互式传播形式，使受众能更广泛地实施选择性接受。众多的电子书籍网站都设有互动平台，读者能随时、便捷地将意见看法出来，并不受时间地域的限制，自由地与其他读者交流。甚至在书籍的创作过程中，电子书籍网站会分章节上传书稿。此时读者能迅速与作者交流，自由地表述自己对现有内容中角色、故事结构的看法。这样的互动形式将读者由原来的单一被动接受转变为分享和主动交流。新媒介传播模式的个性化、交互性特征彰显无遗。

另一方面,传统的传播领域局限于杂志、报纸、广播、电视等形式，而新兴的媒介拥有更广泛的形式与途径。无论是方便迅速的程度还是传播覆盖率、受众面都拥有了新的局面。电脑、手机、MP4等新媒介的自助式与个性化特色极大扩充了书籍市场。世界顶尖的搜索引擎供应商GOOGLE在2006年扫描了来自世界上最大的5座图书馆的书籍，准备放到网络上以供下载。人们拥有了这些强大的平台支持，更有新媒介所具有的多种媒介功能，就能更便捷地使用网络下载阅读图书，并将这种形式的书籍带给更多人群。正如英国企鹅图书有限公司所说：“数字音频下载正在把书籍带给那些也许从来没有光顾过书店的顾客。”

更重要的是电子书籍将读者感兴趣的书籍和最先进的移动终端设备结合起来，继音乐、电影、电视、地图等数字化和使用轻巧化之后，书籍的阅读也变得便捷化。读者可以轻松地进行掌上阅读而不用手捧厚重的书本。此外，电子书籍拥有传统书籍无法比拟的新颖交互式体验。它融合了文字、音频、图像、动画、视频等手段，具有很强的视觉冲击力和新颖的表现形式。动态的画面、音频视频的运用、方便的链接为阅读增加了更多感官体验。例如对重要文字设置超级链接，并对相同文字执行相同链接，当鼠标滑过该文字段时，就能迅速弹出一交互画面，出现与链接文字相关的数条即时在线搜索信息，形似书籍的注释。而这样的注释形式内容，信息量之大也是传统印刷品无法比拟的。因此，电子书籍的发展不仅会改变人们的阅读方式，也将改变人们的阅读内容。

2 平面视觉设计语言在电子书籍中的形式

（1）图形、图像。事实上，媒介的变革已令图形、图像设计衍生出强劲的数字化艺术效果。IT与艺术的结合，涌现出了数字三维 、数字抽象艺术、动画、虚拟现实等众多种类。这些新颖艺术效果在电子书籍中均有表现舞台。

以数字抽象艺术为例，其数字化抽象图像具有非实体、动态的、瞬息万变的特征。它的基本概念是一种模拟信号，即将图像上的每个点的信息按规律进行模拟/数字转换。这样的图像除具备传统图形、图像的表达元素即点、线、面、色彩、文字等，更具备了时间特征，将时空的概念引入到平面画面当中。数字化抽象图像运用时间轴线，可将图形元素在尺寸和位置上进行不同时间点的变换；也可利用计算机技术将平面图形元素拓展为动态化表现。而数字化抽象图形、图像设计具有强烈的逻辑美感与自律性，随机组合的各种重叠、融合、透叠、扭曲变形画面或脉冲效果，又展现出动态的、瞬间万变的特征。表现元素强烈的条理秩序与偶发的、无定型的表现形态在时间维度中随意展开，尽显科技性艺术的奇妙。此外，动画的引入也为电子书籍的图形、图像表现提供了全新形式。动态画面能模拟人的动作，将传统书籍阅读中“开卷有益”的动作虚拟表现，给数字化艺术特有的新工业视觉体验加入了几分人文情感，增添了电子书籍画面的丰富性与趣味性。

由于电子书籍的使用群体现在主要集中于对网络及电子产品熟悉且依赖的人群，他们大多属于接受能力强、有革新消费欲望的年轻群体。因此数字化图形与动画等新兴的表现形式已被他们接受。设计者可以将新颖但却晦涩难懂的数字化抽象图像用作插图或动态画面。通过读者的互动体验使其理解文本与图像内容，感受一种科学与艺术有机结合的个性化艺术形式与风格。此外电子书籍带有快餐文化的痕迹，许多电子书籍的故事内容都借助于网络这个虚拟世界的特质描述虚拟的魔幻主题，数字化艺术与动画的画面风格正有利于此类主题的表达。

（2）版面。对电子书籍而言，阅读的画面是个人电脑、手机、各类个人数码工具的视频界面，相比传统的书籍版面发生了质的变化。传统的书籍主要使用纸张与印刷，纸张和其他材料为书籍构建出一个立体的空间。市场上以8开、12开、16开、20开、32开等书籍为主流形态。因此传统书籍的版面也以上述尺寸为设计范围，注重版心、天头、地脚、内边白、外边白、书眉及页码的设计。电子书籍的画面尺寸则以数码工具的视频界面大小而定。以个人电脑为例，电子书籍的版面设计包括1024*768、800*600、1280*1024等像素尺寸的画面。由于视频媒介界面的特殊性，电子书籍的画面不再具备传统书籍的立体形态，其窗口式界面无法象印刷品一览无遗，而是在1024*768或800*600像素分辨率条件下滚动纵向滚动条，因而版面设计更象是在一个长条型画面中展开设计。由于窗口界面的大小限定，使得每次滚动都是成比例地向下移动，一个长条型画面被截为多个相对独立的1024*768或800*600像素分辨率尺寸画面。版面设计应充分考虑上述特点，从功能上分区布置画面。

电子书籍的版面构成要素除包含传统书籍的文字、色彩、图像等视觉要素外，新增加了属于导航系统的构成要素和动态构成要素，包括a、链接按钮：栏目、次主题、分类菜单按钮等；b、搜索按钮：“搜索”功能按钮、关键词窗口、相关信息链接等；c、公共关系按钮：返回主页按钮、上下页按钮、帮助按钮、信息反馈等；d、动画、滚动轴、声音按钮、播放控制按钮等。多元化的构成要素各自拥有不同的功能和使命。因此在版面设计上，首先应清晰明确地分工协作，通过对诸要素有机地富有层次地安排，科学地引导视线流动。网页设计可以突出信息内容的丰富、多样，版面常常饱满且尽量在空白区域加塞广告；电子书籍的版面设计，则应当留出足够空间安排书页内文与插图，且内文版面不宜充满整个页面，对比网页版面设计更应强调留白空间的运用。足够的空白区域使用，能使读者在大篇幅的文字阅读间歇中得到视觉与心理的舒缓，并有益于读者对书籍内容的冥想与思考。因此恰如其分的版面设计可以为生冷的电子产品和新工业视觉体验加入温暖的人文关怀。

（3）色彩。相比印刷色彩，新兴的视频传播媒介也赋予色彩新的生命。传统书籍大多使用印刷品形式，印刷色彩有上百万种。而电子书籍依靠视频这种媒介，视频的色彩模式采用RGB模式，即R(red)G(green)B(blue)。RGB各有256级亮度，按照计算256级的RGB色彩总共能组合出约1678万种色彩，色彩数量就远远超过印刷的CMYK模式。因而设计师可以在极大扩充的色彩中尽情发挥。其次，同样是采用视频色彩模式的网页画面，大多数习惯使用白色为背景色，这是由于网络的特殊性形成的潜在规律。可以看到电子书籍不同于网页，信息量小于网页，因此设计中可多考虑有彩色的画面；但色彩设计不宜对比过强，色彩的种类不要太多，注重统一与简洁，以此配合版式设计的适度原则。此外由于RGB模式下色彩是通过自身发光来呈现色彩的，色彩明度与纯度的等级数量远高于印刷的CMYK模式。因此电子书籍的色彩纯度也不宜太高，否则强烈的色彩纯度、明度对比容易引起观众视觉疲劳，甚至伤害读者的视力。

（4）交互设计。交互设计是现有设计领域中最新发展起来的学科，由Bill Verplank在20世纪80年代提出。交互设计涵盖了人体工程学、认知心理学、人类语言学与人性因素等多种学科知识，因此是建立在人类与机器产生的交互关系基础之上。

电子书籍的交互设计主要是指对视觉图像传播中的交互体验设计，表现为窗口式界面与读者进行的即时对话与交流。读者也可通过视频画面接受文字、图像、音频、视频、三维图像等多位感觉信息刺激，而画面也可以根据用户的反应发生变化。在电子书籍设计上应充分利用交互体验的趣味性，给读者创造期待与好奇，使读者有机会感受到新颖的科技体验与特殊的情感体验，展现交互设计动态性与趣味性的特征。此外交互设计还能将作者与读者联系起来，打破了时间与地域限制，彼此自由地表述观点。

由于电子书籍的可选择性增强，读者是以主动积极的态度进行选择的，而网络平台将受众询问、发表的信息准确及时地反馈给信息者。因此设计上应通过准确清晰的视觉语言完成一个完整的信息流程。这样才有助于提高电子书籍的使用便捷能力。电子书籍的交互元素包括具有超级链接功能的按钮、导航条等热区和表单。这些元素的设计应当表现为人性化、统一化和简洁化。交互功能相似的可在设计风格与色彩上保持一致，使读者互动交融感觉自然且易于接受，继续接受信息服务。

第5篇：版面设计构成要素范文

我国书籍装帧设计家吕敬人先生在几十年的书籍装帧设计实践中，变革了书籍装帧设计

的概念。过去，书籍装帧长期处于狭隘的二维平面的封面设计理念，而今，时代的发展要求

书籍装帧设计向“构造学”的三维空间发展，从而更好地体现 和书籍装帧设计向“构造学”

的三维空间发展，从而更好地体现 和谐对比之美，为读者创造精神需求的空间，创造视、

触、听、嗅、味五感之阅读愉悦的平台。

作为书籍装帧整体部分之一的内文版式设计，如何将版式设计构成要素中的文字、图片、色彩根据内容及市场的需要运用点、线、面和黑、白、灰以及形式美的法则进行排列组合，强化内文形式和内容的互动关系，突出版式风格和个性表现，把设计思想、意图用视觉美的形式表现出来，这是要进一步要探讨的问题。

版式设计的概念

版式设计的理论源于20世纪的欧洲。英国人威廉·莫里斯最先倡导了一场工艺美术运动，并随之在欧洲得到广泛响应。莫里斯讲究版面的编排，强调版面的装饰性，常用对称结构，形成严谨、朴素、庄重的风格。他的古典主义设计风格，开创了版式设计的

先河。

版式设计又称版面编排设计，即是现代设计艺术的重要的组成部分，也是作为设计师必须具有的艺术修养与技术知识。版式设计是书籍设计的重要的手段，是寻求通过艺术方法来正确地表现出书籍版面信息的一种创造性的活动，是建立有序版面的理想方式。

书籍的版式设计，是在版面上将有限的视觉要素进行有机的排列组合，将理性的思维个性化地表现出来。从广义上来讲，可理解为对封面、封底、扉页、版权页、护封、环衬、目录等内容的整体设计。

版式设计的目的就是将各构成要素，进行视觉上的编排和设计，使读者通过书籍版面的轻松阅读，产生美的遐想与共鸣，让书籍和风格通过设计师的观点、涵养及创意来打动读者的心灵。版式设计不再是单纯的技术编排，而是技术与艺术的高度统一，它要求设计师们不断跟新观念，重视版面设计，继承优秀传统，吸收国外现代思潮，拓宽设计思路，给读者以美的享受。

版式设计的形式风格

1.传统版式设计

东西方的传统版式设计都各有特点。我国的古籍版式的特点是版心偏下，天头大地脚小，版心内还有书口、象鼻、鱼尾等独特的形式，四周有单边或文武边；文字自上而下竖排于界栏之中，行序自右向左。这种版式常用于中国传统文化为内容的书籍版面，但这种排版形式对于阿拉伯数字、罗马字母、图表就教难处理。欧洲古典版式设计形式的特点是：以订口为轴心左右两面对称，字距、行距具有统一尺寸标准，天头、地脚、订口、翻口均按照一定得比例关系组成一个保护性框子。

2.网格版式设计

网格版式起源于20世纪30年代的瑞士，它是一种运用固定的格子设计版面的方法。把版心的高和宽分为若干栏数，由此规定一定的标准尺寸，运用这个标准尺寸控制和安排设计要素，使版面形成有节奏的组合。网格版式运用数学的比例关系，具有紧密连贯、结构严谨等特点。在设计时，不要一味地考虑网格的结构而忽略了灵活的应用，应该创造性地进行应用。

3.自由版式设计

自由版式突破了人们原来对版式设计的认识和传统设计界限，强调视觉规律在版式设计中的心理作用，强调各种形色以及点、线、面所营造的视觉效果。当然，自由版式的创作也是有规律可循。首先自由版式既不像传统版式那样中规中矩，也不像网格设计条理清晰，它的版心是无疆界的，设计对象中的文字、图形可以自由编排。版面中空白间隙同样是表现版面形式的重要因素。其次，可以进行文字图形化编排，并与图形结合起来。将版面上的文字图形看作一幅绘画作品，运用节奏、韵律、垂直、倾斜、虚实等手法来增加版面的空间厚度和层次。还要注意的是，文字在图形化编排中，也可以作为图形符号来进行虚化处理，通过文字的旋转、重叠等手法弱化其表达功能，使其成为非阅读部分，丰富版面的形式语言。再次，在自由版式中字体的大小、形态可以打破一般规律，根据版面需要进行变化。此外，还可以运用“后现代”的反视觉规律、反美学的思维，采取破坏视觉规律的手段来解构和重组画面，以表达设计者的艺术

情感。

所以，书籍装帧设计是一种由内在到外在的整体设计，也就是对书籍完整的设计。书籍装帧设计不仅仅是为书籍设计一张封面，为书物的表皮“化妆”，也绝不仅限于平面图像、文字、色彩的表现形式，而是以书籍的整体形态为载体的多侧面、多因素、立体的、动态的系统工程，是外在和内在形神兼备的生命体。它包括书籍的开本、封面、护封、封底、书脊、扉页、环衬、插图、字体、版式、装订、印刷、纸张等一系列的设计，是由书稿到装订成书所做的一系列整体的策划和设计，那么作为内文版式设计的风格也离不开书籍的整体

第6篇：版面设计构成要素范文

商业广告的主题具有社会性，其主题内容存在深厚的社会基础，它取材于老百姓日常生活中的酸、甜、苦、辣和喜、怒、哀、乐。并运用创意独特、内涵深刻等广告手段和用不可更改的方式、鲜明的立场及健康的方法来正确诱导社会公众。

版式设计形式美的法则

版面艺术设计的构成离不开艺术表现，是设计师为之奋斗而总结出的理论精华。美的形式法则通过重复与交错，节奏与韵律等一系列形式构成法则来规划版面，把抽象美的意念诉诸于观者，并从中获得美的教育和感受。

1. 重复与交错：在版面构成中，不断重复使用形状，大小，方向相同的基本形式，形成严正庄重的气势。重复使设计产生安定，整齐，规律的效果，但重复构成的视觉感受有时容易显得呆板，平淡，缺乏趣味性的变化。故此，在版面中可安排一些交错与重叠，打破版面的呆板，平淡的格局。

2. 节奏与韵律：节奏与韵律来自于音乐概念，正如歌德所言“美丽属于韵律”。韵律被现代版面构成所吸收。节奏是按照一定的条理，秩序，重复性连续排列，形成一种律动形式。它有等距离的连续，也有渐变，大小，长短，明暗，形状，高低等排列形成。在节奏中注人美的因素和情感—个性化，就有了韵律。韵律就好比是音乐中的旋律，不但有节奏，更有情调，它能增强版面的感染力。

3. 对称与均衡：对称是同等同量的平衡。对称的形式有以中轴线为轴心的左右对称；以水平线为基准的上下对称和以对称点为源点的放射对称；还有以对称面出发的反转形式，其特点是稳定、庄严、整齐、秩序、安宁、沉静。均衡是一种有变化的平衡。它运用等量不等形方式来表现矛盾的统一性，揭示内在的含蓄的秩序和平衡，达到一种静中有动或动中有静的条理美和动态美。均衡的形式富于变化，趣味，具有灵巧、生动、话泼、轻快的特点。

4. 对比与调和：对比是将相同或相异的元素作强弱对照编排所运用的形式手法，也是版面设计中取得强烈视觉效果最重要的手法。归纳起来有：主次、大小、粗细、长短、疏密、动静、黑白、刚柔、虚实等对比，它们彼此渗透，相互并存。通常在同一版面中呈现，多种对比关系交融在一起。在对比关系中，对比越清晰鲜明，视觉效果就越强烈。调和是在类似或不同类的视觉元素之间寻找相互协调的因素，也是在对比同时产生调和，所以许多版面常表现为既对比又调和，两者相互作用，不可分割。 对比为强差异，产生冲突；调和为寻求共同点，缓和矛盾。两者互为因果，共同营造版面的美感。

广告中版式设计的视觉流程

在大型商业活动中，为适合特定空间的氛围，可将同样的广告画面进行重复排列，扩大其时空容量，加深消费者的视觉记忆累积。具体到单幅广告，可采取有方向性的竖向、横向、斜向视觉流程，引导视线作或上下、左右或倾斜地流动；无方向性的曲线视觉流程和重心视觉流程则更具有韵味，强烈的节奏感、扩张感突出了鲜明的主题内容，版面视觉流程的设计将消费者的视觉流程停留点在了突出重要信息位置的最佳视域区。导向视觉流程是目前商场招贴广告中利用率最高的设计手段。导向元素可以是线条、箭头符号、手势符号和文字等，它主动性地引导人们的视线向一定方向顺序运动，由主及次，把画面各构成要素依序串联起来，形成一个有机整体，使重点突出，条理清晰，发挥最大的信息传达功能。

商业广告的版式构图

构图是商业招贴广告设计的重要问题。它是整个版面的结构形态，不同的构图具有不同的性格，表达不同的感情倾向。

1. 图片信息主体化构图：这是常见的一种广告编排类型，图片在版面上方，标题在下方，然后是说明文与商标图形。图片占据版面大部分区域，文字部分无论从信息量还是所占空间大小都相应弱化，精美的图片从形式还是内容上都具有视觉冲击力，易引起消费者的注意。

2. 标题型构图：标题在版面上方，图片、说明文与商标图形依次在下方。以标题作为图片的先导，让观众对标题先予以注意，留下明确印象，然后看到图片后获得感性的形象认识，进而在版面下方安排适当的说明和商标图形，使观众获得一个完整的认识。这类构图一般文字较少，可以根据内容需要对主题文字形式本身，以及文字组合形式进行灵活、生动的设计，实际上是文字图形化的设计表现。

3. 散点型构图：在版面的设计时将图与图、图与文字之间作自由分散状态的散点构成方式，形成一种随意的不经意的视觉效果。散装排列强调感受性原则，较注重自由、随机和偶然性的空间运动感。这种设计貌似随便而为，其实在内涵上蕴含着设计者独具匠心的创意追求。如在商业招贴广告的版式设计中运用散点构图的形式，则要注意各元素成焦点分散状态，而色彩主调和图形的相似性要协调，总体感上有统一的气氛与效果。为便于消费者在散点的版式中有视线的焦点，可将构成要素作适当变化，如将其作局部完整的放大，以规则的块面嵌入散点构成的特定部位，使消费者一开始就能把视线集中在这些经过着意设计的部分，以此为导线，然后再对散点的内容做轻松的视线流动，获得完整的印象。

4. 全图型构图：这是一种具有现代感的构图形式，也称无版心设计。它是用一张图片占据整个版面，无疆界性地打破了传统版式天头、地脚、内外白边的含义。图片可能是产品或品牌代言人形象，在图片的适当位置直接嵌入标题、正文和商标图形，用开窗形式安排其他构成要素，或图片甚至文字元素频繁“出血”，使广告形式具有较强的视觉冲击力，从而赢得消费者的极大关注。图片的视觉流程往往是从图片的精妙之处开始，最后视线流动到说明文及商标图形。

总 结

第7篇：版面设计构成要素范文

关键词：三大构成 书籍装帧设计 视觉效果

随着科学的发展、进步，现代艺术的形式也在发生很大的变化。其中，多媒体数字、电子技术、影视影音动画、网络空间等新兴的发展空间对现代艺术设计产生了不可忽视的作用。但我们不可以忽视的，书籍是人类文明得以传承和发展的载体。而书籍装帧这个词的概念如今看来也越来越局限性。书籍装帧即是对书籍的打扮。众所周知，任何视觉艺术形式的最初都是来源于人们对其实用性目的，受到人类爱美的天性的驱使，制作者和使用者都希望把我们生活中的一些物品做得更好看一些，而且随着人类审美情趣的不断提高，日渐对我们周边物品的设计及美感的要求越来越高。

艺术设计的根基——三大构成，是指平面构成、色彩构成、立体构成。将其通过二维、三维空间来研究造型元素的构成形式和构成法则。将其运用到书籍装帧设计的整体流程当中，从而更好地阐述书籍装帧设计的更新、创新理念。我们在日常教学中首先要明确构成课程的内部知识体系，再整理好三大构成之间的关系，将三大构成与后续的拓展专业课程相结合体现三大构成的基础作用，这样才能实现基础课程与拓展专业课程之间的衔接作用。

1.平面构成

平面构成是三大构成中的基础其构成的形式美法则主要有：和谐、对称、均衡、韵律、秩序、材质、肌理、比例、结构、层次、渐变、磁场、重心、方向等。要求我们掌握点、线、面的构图问题，将具象的物体进行抽象化改造，是视觉元素在二次元的平面上，按照美的视觉效果，力学的原理，进行编排和组合，它是以理性和逻辑推理来创造形象、研究形象与形象之间的排列的方法。是理性与感性相结合的产物。

平面构成构筑于现代科技美学基础之上，它综合了现代物理学、光学、数学、心理学、美学等诸多领域的成就，带来新鲜的观念要素，并且它已成功应用于艺术设计诸多领域，不能不成为现代艺术设计基础的必经的途径。而书籍的封面封底是书籍的第一形象的重要位置，肩负着说明、宣传、保护的作用。

一本书籍的封面封底设计，能做到过目不忘，须具有形象性的识别标志和类似“语义重叠”的反复连续形象。消费者选择书籍是通过书籍封面封底传达出的信息为第一依据的，什么样的书，哪个出版社，怎样的作者，以及封面字体，颜色，图形的设计手段所营造出的一种书籍氛围，直接影响消费者的购买情节。所以，在进行书籍封面封底或环衬、扉页等的设计时，要根据书籍内容，书籍形式，书籍样式 ，面向的消费群体等内容，以及所要运用的字体，颜色，图形等要素，再沿着平面构成的大的主导思想来进行点、线、面的设计搭配，将所有新的元素构成与书籍相匹配的另一个新的元素或是空间。产生一种强烈的视觉冲击感和色彩的敏锐感。一个好的版面设计，不但能便于阅读，更重要的是版面的艺术处理要参与书籍的内容体现，版面设计能成功地帮助读者阅读文章内容以及享受来自设计的视觉乐趣。

2.立体构成

立体构成是用一定的材料、以视觉为基础，力学为依据，将造型要素，按照一定的构成原则，组合成美好的形体的构成方法。它是以点、线、面、对称、肌理由来，研究空间立体形态的学科，也是研究立体造型各元素的构成法则。其任务是，揭开立体造型的基本规律，阐明立体设计的基本原理。书籍设计从本质上可以理解成一种立体造型活动，它不是仅限于封面设计，而是通过设计封面、封底、书脊、勒口、环衬、扉页等部分，以此架起书籍的天地、外表和内部，从而表现书籍的神气和精神穿透力。当我们手里拿着一本书时可以看到书籍本身按照立体构成的角度来看是属于六面体，即是立体真实存在的。当我们触及到书籍，进行翻阅浏览时，书与人产生动感交流，所以，书籍设计是一种立体的思考行为，是能与读者产生“行为艺术”的一种交流。

3.色彩构成

即色彩的相互作用，是从人对色彩的知觉和心理效果出发，用科学分析的方法，把复杂的色彩现象还原为基本要素，利用色彩在空间、质与量上的可变幻性，按照一定的规律去组合各构成要素之间的相互关系，再创造出新的色彩效果的过程。在书籍设计中，恰当地运用色彩是封面设计成败的关键所在。因为色是先之于形的，尤其我们在远距离的识别上，如果注重色彩面积、色相、色彩纯度及明度等要素的恰当处理，就会在瞬间捕捉到每一个人的视觉感官，并刺激神经系统，使之能立刻将注意力集中到某一本书上。

在此，我们注意两点：

3.1色彩的对比和调和构成

色彩对比是两种或两种以上颜色在空间或时间上相互比较的关系，主要是色彩三要素对比、冷暖对比、面积对比等；色彩调和是指，两种或两种以上的色彩，和谐有序的组织在一起。

3.2色彩的心里效应

色彩运用的最终目的是表达内容和传递感情，因此，在色彩的明度和纯度上要注意搭配得当，在书籍装帧设计中，处理好色彩的画面构成，也就是处理好各色块的对比调和度，这样才能产生强烈的视觉冲击力，刺激读者的感官，满足消费者的审美需求，唤起消费者的购买欲。

4.结束语

纵观现代书籍的设计，已经极大地提升了书籍设计的文化含量，充分地扩展了书籍设计的空间。书籍设计也由此从单向性向多向性发展，书籍的功能也由此产生了革命性的变化。从构成的新理念、新形式出发，开展新的色彩设计创意，获得新的设计面貌，这才是设计者义不容辞的义务、责任。

参考文献：

1、赵殿泽构成艺术[M] 沈阳：辽宁美术出版社.1994

2、鲁迅美术学院染织美术设计系构成艺术教程[M]辽宁美术出版社.1998

3、何方、尹章伟、熊文飞、宋新娟书籍装帧设计[M]武汉：武汉大学出版社.2005

4、黄志明论三大构成在包装设计中的应用[J].包装工程，2005(4)

5、吕敬人、吕敬人书籍设计[M] 1吉林美术出版社.2000

第8篇：版面设计构成要素范文

1.1版面的规范化

网页版面的设计要遵循一定的规律，明确编排时的重点，分清主次内容，按由主到次的顺序逐步完成编排。尤其在使用符号、图片、文字、动画等内容时，要遵循平面设计中形式美的视觉规律，强调文字、图片及色彩的搭配。同时，网页的设计必须要与网页内容想关联，不可脱离主题，仅为美学而设计。

1.2版面的均衡性

页面的编排中，可以将单个的文字看做是点，成行的文字看做是线，成段落的文字看成面。点、线、面的排列要强调均衡性。三种形式要因实际情况而采用。如单个文字，用起来会十分突兀，但可以让用户一眼就看到；成段文字可以排列十分美观，但用户可能因为字数过多而放弃阅读。文字的排列方式一般有水平、垂直、倾斜，前两种容易带给人稳定，安宁的感觉，而倾斜会让人不由产生运动感。合理的结合三种排列方式，保证页面整体平衡的情况下给局部安插一些斜体字，会显得更动感而富有生气。

2设计中的视觉流程

一个网站要得到用户的喜爱，其页面内容、整体布局都必须通过视觉感官使用户感到愉悦或欣赏。而精心设计过得页面相比随意的版面编排无疑要更容易吸引用户，从而增加网站的访问量。网站要通过网页传达信息，就必须要要虑到视觉元素的处理，只有拥有良好的视觉效果，才能称得上是新时代背景下真正意义上的新媒体。这就要求网页设计师们从人们的日常生活出发，更多的考虑人们的阅读习惯。对于网页版面的编排，各个元素之间的排列及其各自的大小、位置，都要结合阅读顺序。使用户保留自己的习惯，在阅读网页时感到轻松，自然。

3网页中各构成要素的分析

网页的作用在于传递信息，而网页设计就是服务于这个目的。通过优化网页中文字、图片、色彩的造型、排列和放置，使网页更美观，更容易让人获取信息。如何处理文字、图片和色彩，值得我们做更多的讨论。

3.1文字的处理

文字是传递信息的核心部分，网页设计中一定会涉及文字的处理。且一般来说文字占整个页面篇幅较大，因此文字处理好坏直接影响到整个页面设计的水平。设计师在进行处理时需要考虑文字编辑的整体效果，应尽量给人以简洁亮丽的视觉效果，要避免页面中文字效果凌乱、复杂，过多刻意的修饰若使用不当反而会适得其反，因此在必要时，可以不加修饰，仅保留文字本身。此外，设计时还应注意文字的格式、大小及字体要配合文章内容。总而言之，要合理运用美学的观念编辑文字。

3.2图片的处理

第9篇：版面设计构成要素范文

1．1网页导航的创意设计

网页导航是指通过一定的技术手段，为网页的访问者提供一定的途径，使其可以方便地访问到所需的内容。除了新闻门户网站还在沿用传统的网页导航模式，现在越来越多的网站，都在尝试不同位置布局、不同表现形式的个性化导航。网页导航的位置，可以是始终保持在屏幕的某个区域，也可以是依照网页的整体布局来进行合理地穿插。随着互联网技术的发展，网页导航的表现形式也朝着多样化、多元化发展，有图标按钮式、flash按钮式、下拉菜单式、切换式等，在符合当前网页设计的前提下，我们设计出合理的网页导航，不仅可以方便读者的阅读，延长读者的停留时间，还可以更完善网页的私人定制设计。

1．2网页背景的创意设计

网页中的背景设计也是相当重要的，颜色背景的设计是最为简单的，但同时也是最为常用和最为重要的，因为相对于图片背景来说，它在显示速度上有着无与伦比的优势。颜色背景虽然比较简单，但也有不少地方需要注意，如要根据不同的页面内容设计背景颜色的冷暖状态，要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。但是，对于一些个性化的网站来说，也时常会用到一些带简单纹理或干脆是满屏的背景图，如中国风、游戏和特色专题等网页，这类网页的背景在设计的时候需要符合网页的主题和风格定位，从而更好地塑造起网页的风格。网页背景设计的好坏，不但能影响读者对网页内容的接受程度，还能影响读者对整个网站的印象。

2版式设计是网页私人定制的表现

网页的版式设计同报刊杂志等平面媒体的版式设计有很多共同之处，它在网页的艺术设计中占据着重要的地位。所谓网页的版式设计，是在网页设计中根据特定的主题和内容，把文字、图形图像、动画、视频、色彩等信息传达要素界定在一个范围内，有机的、秩序的、艺术性地组织在一起。

2．1网页版式设计需要保持形式与内容的统一

网页版式设计都有一定的内容和形式。内容是构成设计的一切内在要素的总和，是设计存在的基础，被称为“设计的灵魂”;形式是构成内容诸要素的内部结构或内容的外部表现方式。设计的内容就是指网页的主题、形象、题材等要素的总和，形式就是它的结构、风格或设计语言等表现方式。内容决定形式，形式反作用于内容。一个优秀的网页设计必定是形式对内容的完美表现。虽然网页版式设计不等同于平面设计，但它却是平面设计的另一个延伸，两者间有许多相近之处，可以充分地加以利用和借鉴。如今，网页版式已经不再拘泥于过往简单的资讯列表式，许多特色的网页版式设计，已经突破原有的束缚，在保持网页原有要素的前提下，越来越突出版式的个性化、艺术化和便捷化。从而延伸出许多特色的版式布局，如分屏式、跨屏式和跳屏式等，无论运用哪种版式，都是为了让网页设计更加个性化，方便读者的阅读。

2．2网页版式设计注重点、线、面的布局

网页版面设计中，文字、图形图像根据其在画面中的大小、方向、排列可以视为点、线、面等构成要素，同时文字又有标题和正文之分;图片也有主次之分，所以，在网页设计时都要加以考虑。图片与文字，还有动画这些信息都需要同时展示给读者，不加设计的简单罗列在一个页面上，往往会使人感觉粗制滥造，让读者产生厌恶的情绪，所以必须要根据主题内容的需要，将传递信息的图片和文字按照一定的次序和关系进行合理的编排和布局，使整个页面和谐统一，充满艺术性。在网页版面中单一的点有集中醒目的特点，给人明确、坚定、充实的感觉。所以，可利用点的这一特性强调将要重点表现的对象。可利用“点”符号，对文字信息加以强调，也可采用点状图形图像形式加以提示。线与面不仅能作为造型元素，同时还是划分空间的有力武器。由线和面形成的对空间的分割与遮挡使空间的层次得以延伸，形成距离美感。

2．3网页版式设计注重色彩搭配