特征如下几点：

1、思想性与单一性

排版设计本身并不是目的，设计是为了传播客户信息的手段。设计师自我陶醉于个人风格以及与主题不符的字体和图形之中，这一般是造成设计平庸失败的主要原因。

成功的排版设计，首先要明确客户的目的，深入了解、观察、研究与设计有关的各方各面，简要的咨询是设计良好的开始。版面离不开内容，要体现内容的主题思想，用来增强读者的注目力与理解力。做到主题鲜明突出，一目了然，才能达到版面构成的最终目的。

2、艺术性与装饰性

为了使排版设计更好地为版面内容服务，寻求合理的版面视觉语言则显得很重要，是达到最佳诉求的体现。构思立意是设计的第一步，也是设计作品中所进行的思维活动。主题明确后，版面构图布局和表现形式等则成为版面设计艺术的核心，是一个艰难的创作过程。

读图时代的一个重要标志就是汇集了大量的图片信息，对图像的组合与设计也显得格外重要。相应地，对文字设计也应做灵活的处理，从大小、字体、排列等方面进行不同的设定，使文字与图像组合成一个具有内在联系的版式。

在设计中，如果将图与文并举，对它们进行同等的强调，其结果往往显得版面杂乱无序，两方面的表现力都会被削弱。合理的做法应该是力求对文字与图像进行适当的布局，文字紧凑、图形灵活，以形成阅读中的节奏和层次。

3、趣味性与独创性

排版设计中的趣味性，主要是指形式的情趣。这是一种活泼性的版面视觉语言。如果版面本无多少精彩的内容，就要靠制造趣味取胜，这也是在构思中调动了艺术手段所起的作用。版面充满趣味性，使传媒信息如虎添翼，起到了画龙点睛的传神功力,从而更吸引人，打动人。

趣味性可采用寓意、幽默和抒情等表现手法来获得。独创性原则实质上是突出个性化特征的原则。鲜明的个性，是排版设计的创意灵魂。试想，一个版面多是单一化与概念化的大同小异，人云亦云，可想而知，它的记忆度有多少。更谈不上出奇制胜。

轻松、休闲的现代风格正在成为许多媒体界面设计的主导风格，涵盖了不同年龄段的读者群。活泼的图片辅以文字，版式新颖，亦庄亦谐。风趣、生动、活泼甚至张扬的个性化风格，不断出现在版式设计中。

4、整体性与协调性

排版设计是传播信息的桥梁，所追求的完美形式必须符合主题的思想内容，这是排版设计的根基。只讲表现形式而忽略内容，或只求内容而缺乏艺术表现，版面都是不成功的。

只有把形式与内容合理地统一，强化整体布局，才能取得版面构成中独特的社会和艺术价值，才能解决设计应说什么、对谁说和怎样说的问题。强调版面的协调性原则，也就是强化版面各种编排要素在版面中的结构以及色彩上的关联性。

从视觉的适应能力上讲，处于深色背景上的反白文字最易于识别。在版式设计中以深色或黑色为底色，配以浅色的文字，这样强烈的对比效果会给版面带来冷峻高雅的气质。图像与文字之间的穿插组合，清新简洁的表现手段，合理的版面结构，力图与受众交流互动，带来了阅读过程中全新的感受。

设计中的结构是内敛而隐蔽的，它们藏匿在漂亮而感性的图式背后，无声地体现着设计中理性的规范。本文将从图像与文字、叙述与直白、交流与互动、时尚与趣味、建构与解构、图示与诗意这六个方面，对当代版式设计风格进行分析与诠释。

扩展资料

现代版式设计是功能美与形式美的和谐结合。

思想根源：科学的思辩与逻辑数理来探求设计的本质，用明晰的思路与有规律的秩序去把握设计的内涵，强调标准化与批量化，最终把功能和效益作为终极目标。

是功能美与形式美的和谐结合。

基本步骤

第一步：确定主题（需要传达的信息）。

第二步：寻找、收集和制作用于表达信息的素材－含文字、图形图像。

文字表达信息最直接、有效，应简洁、贴切。

应该根据具体需要确定视觉元素的数量和色彩（黑白、彩色－色系）。

第三步：确定版面视觉元素的布局（类型）。

第四步：使用图形图像处理软件进行制作。

参考资料来源：

百度百科-版式设计（现代设计艺术的组成部分）

百度百科-现代版式设计

海报的设计与制作流程是怎样的呢？制作一张精美的海报，首先要明确海报的主题，根据主题去搜集相关的图片和文字素材。定好宣传海报要宣传的产品或者活动的内容，拟好宣传标语或者宣传介绍，为制作海报做好准备。在根据确定的标题选好素材以后，就要对素材进行整理和修改应用于海报。首先是海报背景的设计。根据主题，如果主题是跟“平安夜”有关，那背景色可以是蓝色、可以是跟夜晚有关的图案背景。让海报背景跟主题相切是制作一张精美的海报必不可少的。根据布局的要求，先对文字进行排版。将需要介绍的文字放入相应的布局中，并根据海报整体风格改变字体。一般在制作海报是常用的字体是pop字体，这种字体比较轻松却不改变字体本身的形状，无论是美观度还是严谨度都适合海报的制作。在设计好字体以后，要详细阅读，以免出现不必要的错误和语病。排版完文字之后就要进行图片的排版。将图片贴入相应的布局区域，贴入的图片要清晰美观，颜色要与背景色不冲突。贴入后要对图片的大小进行修改，使其适应整个版面和版面上的文字大小，保持二者的协调性。将背景、文字、图片都制作好以后，一张海报基本完成。但是为了是海报更加精美，要站在整个海报体现的效果来进行调整。调整时尽量丰富海报的内容，调整海报的颜色搭配，突出海报的吸睛点。调整完成要为海报设计一个有吸引力的题目，并将题目放置于布局中的位置。题目的字体应该最醒目，颜色最突出。海报设计创意的技巧有哪些？1.选用黑色作为海报背景通常，我们习惯在白色画布上设计海报。然而，一些视觉上看起来非常有趣的海报会回避白色背景转而使用黑色。如果使用黑色，你可以考虑选用金属印墨甚或是明亮的白色来印制信息及图片，从而制作一张吸引眼球的海报。2.简洁朴实即美年轻的设计师常常热衷于填满画布的每个角落。但是你不必这样做，简约的艺术作品往往是最美的。上面展示的海报非常精美，却没有使用很繁琐的图形元素。AnthonyLane只是简单地把相片和重点内容结合起来，就设计出了这些海报。使用这种方法来提炼和精简你的海报，制作时只选用最关键的元素和内容，就可以创作出优雅而精致的平面设计作品。3.加入个性字体专业设计不局限于规则的字体和整洁的版式。试着使用充满个性和叛逆感的字体，最终你将会得到一张如同上图（FAUPE制作）的海报那样个性、大胆的作品。如果你时间宽裕，拿出记号笔或者其他任何你喜欢的书写工具，写出你想写的内容，为你的宣传海报打造手写的颓废风格。相信我，你的手写体比想象的要有趣得多。4.使用网格网格是最有用的工具之一，你可以以此来创作设计出专业而整洁的作品。打造一款属于你自己海报的网格来掌控设计，就能制作出如上案例一样设计专业的作品。一旦你设计出一款网格作为稳固的基础，就可以使用不同的字号和一些简单的设计元素。你可以像上图案例那样使用一种单色或者互补的色度营造出色彩对比。5.试试黑白相片吧你还在为海报上要用的照片纠结吗？调成黑白的吧。这种有效的方法能制作出优雅海报（如上图由Sgustok工作室设计的一款作品）。当你在处理海报上的照片时，要仔细考虑如何剪裁。你决定裁出的部分向观众传达的信息和留下部分的一样多。6.使用最少的颜色复杂的海报色调需要你花费很多的时间决定如何使用和搭配这些色彩，如何把它们运用在作品上。对于那些设计新手来说尤为困扰。如果你刚刚才熟悉色彩和设计，尽量减少你色盘里的颜色，别给自己太多负担。试着用黑色、白色和一个亮色搭配。把亮色作为主色调，白色作为辅助色，黑色作为强调色，就像上图示例那样。7.删繁就简效仿上图LucasD_rre的案例，尽你所能让一切越简单越好。要确保你的相片呈现出最高质量，排版也精准巧妙。不要执着于添加花哨的修饰，只从基本元素着手就好。不要一心想着在你的海报上创作添加一些设计元素。尽量保留基本的内容是制作出精美作品的有效方法。8.拼贴层叠放置设计元素和有创意的遮色板，或者拼贴设计元素来增加海报视觉上的趣味性。不知道我在说什么？参考下上面的海报案例。在这张海报中并没有使用立体的字体，你可以看到一个显示出图像的B型遮色片，这和海报上的文案是相互关联的。9.选择经典方法不愿意挑战冒险？那就试试经典的方法。在白底上排列规则的黑色字体并用有趣的图片或者插图作为背景。如果你想增加一些趣味性，调一调不透明度吧，就像上图LittleUpsideDownCake所示的那样。10.尝试复古感你设计的每一个件作品，并非全部都要符合当下的美学潮流。复古之作能和时髦作品一样吸睛。不相信吗？看看上面这张由JessicaSvendsen所作的惊艳海报。11.效仿电影海报在我最爱的海报中有一部分是为宣传优秀电影而作。参考下你最爱电影的海报是什么样的，或者从无数的电影海报中获取灵感。它们提供的屡试不爽的方案是不会让你失望的。不明白这是什么意思？看看上面的海报案例，它看起来难道不像你在当地电影院里看到的吗？12.清晰和模糊的混搭我很喜欢上图这种把清晰规则的字体和模糊的背景相结合的海报，这个方法能很美地营造出意料之外的视觉反差。同样，寻找不同的方法，比如运用滤镜和一些处理方法创造出美观而惊艳的设计方案。13.使用大胆的图片突出内容上面展示的海报是RossGunter一个个人项目的一部分。为了该项目，他创作出了一系列海报，这些海报都秉承着“两个核心元素，一致布局和大量图形”的原则。同样地，运用大胆的图形来为简单的布局增添活力。你可以使用超出页面的大号字体或者大图片，打破了你已建立的网格。14.玩转不透明度在相片上层叠放置色域并调节其不透明度，就会呈现出像上面展示的简明现代风格。要注意在不同元素上使用的不同颜色。为顶层的元素选择明亮点的颜色，下层的则可以选择较暗的颜色。这会让你不同的设计元素不致混淆。就以上案例而言，如果我们交换字体和色块的颜色，就不能这么清晰地看清楚标题了。15.展示你的产品我很喜欢上图诺尔公司海报里排列的椅子方阵。如果你在为一个或者一系列产品设计宣传海报，可以考虑把你的产品放在中心位置。你并不一定要在海报上列出产品的照片。可以像诺尔公司那样，给你的产品画一些插图。如果你有一个系列的产品，可以像所示案例一样运用网格来排列它们。这样不仅能帮你安排好内容还能节省设计时间，最终你的平面设计作品会平衡而协调。如果你只是为单件产品制作海报，可以把插图放大，让其充满版页。16.超出页面你的海报中所有的元素并不是要严格地局限于印刷的页面之内。随意地让其溢出或者充满页面。这样，你会创作出时髦又漂亮的视觉效果，如QuimMarin上图这件颜色明亮的作品。17.出人意料的排版如同你所看到的案例那样，采用一些出其不意的排版来给你的观众带来惊喜。打破设定的网格或者完全随意摆放标题和引用语。最终你可能会得到一张和安曼实验室海报一样赏心悦目的作品。如何制作一张好的学术海报(poster)?

1、明智地选择你的内容

你在科研海报上所能传递的信息是非常有限的。请选择你认为可以用少量文字和图形充分解释你的研究的一个方面，并将重点放在这个方面。保持简单！

2、合理利用海报排版设计程序

大多数人使用PowerPoint进行海报的排版，多半是因为大名鼎鼎的PowerPoint为人们所熟知，人们第一时间会想到它，并且知道如何使用它，或者使用实验室里别人的模板等等。要知道，还有很多其他的程序是专门用于设计排版的，例如LaTeX。如果你愿意投入一点时间学习如何使用它们，你会获得更好的排版效果。

3、流畅的布局

做海报时，要让你的读者感到你海报的流程非常自然、明显，毫无刻意的痕迹。有很多海报展示，很多作者会将自己的海报存放在上面。看看他们的海报设计，特别是那些获奖的海报，然后找出你认为效果好的布局类型，加以借鉴糅合。

4、标题

会议上的科研海报一般多达几十个，而展期一般只有2-4个小时。因此，为了吸引路人甲乙丙丁，你要尽可能让自己的标题有趣，内容丰富。需要使用能在3-5米外能够被阅读的字体大小，在72-90号之间。

5、让你的海报具有视觉吸引力

你的精彩标题已经引起了路人的注意。现在，路人会想，＂我需要多长时间才能读懂这东西？＂为了保持他们的兴趣，请确保你的科研海报主要使用数字和图片来讲述你的故事，并避免使用大块的文字。你需要让你的数字和图片在视觉上具有吸引力，并且具有一定的内在逻辑。

小编话：界面美不美，除了构图之外，另一个重要手段的就是如何处理留白，也可以理解成版率。留白就是为了凸显层次、突出内容。当然除了留白还有什么方法让界面高大上和达到一定的视觉效果呢？让我们跟着作者@王铎（micu设计）一起来看看吧！

作者：王铎(Micu设计)

这篇主要说一下版面和图形使用，对高手来说可能有些老生常谈，但对移动端界面设计或许会有点参考价值，用几分钟看看吧。

界面美不美，除了构图之外，另一个重要手段的就是如何处理留白，也可以理解成版率。留白就是为了凸显层次、突出内容。

手持设备屏幕较小，决定了信息显示是有限的。用户有效接受信息并不与界面内提供的信息量成正比，有的时候提供的越多，用户反而真正接受的越少。妄想满屏都是信息是不可能的。用户越来越受不了满屏的信息了。

让用户接受该接受的有效信息，是关键。

在设计界面的时候，因为内容和页面都比较多，为了保证页面与页面的统一性，首先需要设定页面内容四周的留白。在设定页面的间距后相应的内容图标，图片等的安排就确定下来了。用这样的方法能使调整出来的页面更为条理化。

红色色的部分就是内容。在页面中一般会有导航的存在，那么内容区的版面是从导航下面计算的。

界面四周增加留白。这样的界面很容易集中用户的视线到少数的内容上去，突出了焦点，整体给人一种典雅高级的感觉。

反之，缩小留白或者不留白，页面会显得更丰富更充满活力。而图片的展示空间会增加，冲击感增强，让界面更显得富更有张力。

根据页面的内容不同和功能点，适当的调整界面周边的留白非常重要。一般图片本身比较有意境，可以直接采用“出血”的方式，不留白或者少留白。

下面介绍一些版面的小规律、小技巧。

1.取其精华，一块颜色也能定天下！

提取主要的信息，通过对整个页面的颜色进行调整，从而提高版面使用率。将一个或多个功能点作为主信息，提到首页中进行设计，从达到想要的视觉效果。这样处理后的界面设计不仅能显得大气有张力，而且展现出来的信息聚合度高。

在缺少图像素材的情况下，如何让界面显得有张力，整体感强，呈现出来的版面率高。

单色背景留白，凸显主要信息。要求图标或者文字，相对简洁，能够很好地和背景色融为一体。再通过线条和规则的图形来分割留白区域，增加层次感。

做好这些的前提是，设计师要明确主要信息，以及它们之间的关系。

结合产品特点巧妙的运用大色块，将变化的信息用颜色区分出来。让用户最直观的感知信息的变化。

2.多色块灵活分割，加强内容使用率

图片素材少，还可以采用多色块进行分割，让界面显得不那么单调。

加强内容使用率可以通过色块（临近色或是互补色）的延伸或是图像的重复来组织页面版式。将图片和色块进行统一化排版布局，整体基调能使页面丰富化。图片与相同大小的色块可以保持界面的统一性与简洁性，色调的一致的统一性和连续性使页面更为整体，这样看起来的页面就像一张图片一样有张力。并且这种方式让用户感觉点击的区域也会增加，从而操作也变得便捷起来。

3.构图不拘一格，找到最合适的内容版率。

横向和纵向分割，使界面显得整齐、稳定，而斜向分割让界面冲击感强。

使用不同的构图方式，穿插性地将少量的图片整合在构图的形状中，能让界面变得活跃而富有活跃性。这样的表现方式还能将产品的气质融入进去，淋漓尽致地展现。有节奏感的设计更为取巧地加强了版式率。在界面设计中，图文的穿插可以引导用户的视线，让原本简单的内容变得有趣。在层次上，也可以区分内容的主次性，让阅读更加的轻松。

4.简约化桌面或主页，让界面越近越美

常用方式：图标、加大文案字号、序号、数字等来达到加强版式率的运用，提高视觉上的丰富性。

图标表达

人们越来越认同扁平化，一方面是因为扁平化的图标看上去清新简洁，用户理解快。另一方面，与图标搭配的背景更加单纯，要么留白，要么炫简，尽可能减少给用户在视觉上干扰。好的扁平化图标不是简单地删减细节，而是着重凸显有效的信息。

图标是最为直接的表达方式，简单明确的图形，能让用户通过对图标的认识快速找到想要的功能和需求点。图标与文案的搭配有效的降低了阅读时候的疲劳感。从而加强了界面内容的节奏。运用图标的设计条理清晰，功能明确。

信息化图标能给产品增色。有趣的图标设计不仅能很好的将功能点进行区分，也能好的将软件的特性和品牌展现出来。

把图形融入到界面中，可让内容更为丰富，层次更加的分明。

5.突出重点文案，调整版面率，让信息更清晰。

调整文字大小将调整版式的使用率，使原本空的界面内容显示的更为饱满，用户阅读起立更为直接。使用较大的字号进行加强页面使用率能让页面显得更为信息。突出重要的引导文案，加强了软件的情景感和带入感。快速引导了用户对功能的理解，从而准确的使用。

在页面中我们可以强调重点数据或功能词等来区分界面中的层次感。让用户的视线更为集中。

6.串联图片，让它们讲故事，视图化版面。

这种设计方法更多的是将文案用图形或插图展现出来。在数据页面和引导页中最为常见。

一段文案一副插图的引导页更为有特色，给用户的情怀感更强。这种设计手法也是最容易体现产品特质和吸引眼球的。图案的易读性高，能在极其短暂的时间内快速传达给用户信息。用图像来讲故事，是设计中最根本的表现方法，也更是最为受欢迎的表达方式。

图在界面中的运用

三种方式：抠，边界关系，残缺

1.切抠弄，制造纯色留白！

在处理图片素材的时候，常常会碰到图片背景杂乱，产品不够突出的问题。在设计之前我们可以对素材先进行处理，将产品直接抠出来。利用这种方式可以找到产品的形状，越明确的形状越能反映用户对产品的认知度。产品的独特性能快速明确的表达给用户，用户从潜意识第一时间的判断到产品的类型和使用特性。

下面是一个曲奇饼干的网站，将主饼干的勾出来，进行层次感的区分。在产品介绍中采用了侧面的实物抠图，体现出了曲奇饼干最为真实的厚度。运用碎落的饼干块虚化拉开产品的层次。深色的背景与饼干对比强烈，直接凸显了实物的形状。让用户一目了然，食欲大增。从而增了用户的购买欲望。

在很多的电商APP中也常采用抠图，去除多余杂乱的信息，利用产品的形状直接体现不同商品的特点。这样的界面用户阅读起来轻松愉悦。

2.建立边界，再打破边界，破出重围

如果需要展示的信息较多，采用分割区域的方法，可以使界面显得整齐干净。而当信息较少时，设计师可以大胆选用“局部出血”的方式，建立边界，再突破它，增加层次感和冲击力，以凸显主题。

一定要记得设定好的内容范围是为了让页面显得整体化，而不仅仅是摆放和拼图。

在网页设计中有时候会见到这种方式，其实在手机、平板等UI设计中我们完全可以套用。

运用图片的穿插来区分背景和产品或形象的层次感，处理完的界面更加富有生命力。放大需要突出的主形象，把它作为第一焦点展现在用户的眼前，有种强烈的“面对面”感受。

在APP中采用将图片局部突出出来，能拉开信息的层次，将需要突出的图片信息第一时间展示给用户。一方面可以方便和引导用户点击，另一方面在上下滚动的长副瀑布流里，适当地打破平衡，可以丰富页面的节奏感。

在ICON的设计中我们也常用到破图的方法。在统一的圆角矩形中，将表达寓意的图形局部超出，使图标更为有空间感和灵活性。

采用这种方式设计的图标空间感强，层次感强烈，能使产品形象显得更为突出。

在字体中也经常运用到破图的方法，让字体更为生动。在破字的过程中也能引发出不同的创意点。

大美青海字体设计我把数字9破出了方块。而在优车尚品字体的设计中，我通过品字的破图找到了车的联想，让整个字体设计的更为贴切灵动。

3.冲出画面，只保留局部，让产品再大一点！

有时候，我们拿到素材，在处理后发现，图片比较平常，用户一眼就知道是什么。这个时候，可以考虑保留局部的方式，营造残缺美，增加时尚感。不要小看用户的的脑补能力，当然，这种方案还是要与客户或者产品经理及时沟通，残缺美不是所有人动能接受的。

我们将图片进行放大，找出产品特点。选择能撑起整个页面构图的位置，切除不必要的图形，让图片冲出画面！这样处理后，页面显得非常富有张力，激发了用户想看到产品整个形象的欲望，起到产品预热的效果。

在WATCH的预热官网中，设计师将图片放大，裁取有特点的部位进行展示，引导了用户点击观看产品的整体形象，激发了用户更多的去了解产品的特性。

从版面角度看，局部放大裁切图片，增加了留白，增加了版式率，让整个页面显得饱满，微距的效果使用户与产品更贴切。

这一篇主要理顺了一下版面和图形使用知识，并不全面，大家还是以欣赏为主。看完了能有个留白、破图的印象就不算白看。

设计大方向上的东西终于絮叨得差不多了，我知道其实大家都懂，就是不知道从何下手而已，下一篇来点小方向的实用东西，欢迎大家留言。

原文作者：micu设计

站酷

转载请注明：片头模版 » 版式设计排版简约图(现代版式设计的特征有哪些)