样式设计解释

如何清除图片下方出现几像素的空白间隙？

方法1：

方法2：

除了top值，还可以设置为text-top | middle | bottom | text-bottom

甚至特定的<length>和<percentage>值都可以

方法3：

如何让文本垂直对齐文本输入框？

如何让单行文本在容器内垂直居中？

如何让超链接访问后和访问前的颜色不同且访问后仍保留hover和active效果？

按L-V-H-A的顺序设置超链接样式即可，可速记为LoVe（喜欢）HAte（讨厌）

为什么Standard mode下IE无法设置滚动条的颜色？

将原来设置在body上的滚动条颜色样式定义到html标签选择符上即可

如何使文本溢出边界不换行强制在一行内显示？

设置容器的宽度和white-space为nowrap即可，其效果类似<nobr>标签

如何使文本溢出边界显示为省略号？

方法（此方法Firefox5.0尚不支持）：

如何使连续的长字符串自动换行？

word-wrap的break-word值允许单词内换行

如何清除浮动？

方法1：

方法2：

方法3：

如何定义鼠标指针的光标形状为手型并兼容所有浏览器？

若将cursor设置为hand，将只有IE和Opera支持，且hand为非标准属性值

如何让已知高度的容器在页面中水平垂直居中？

Know More：已知高度的容器如何在页面中水平垂直居中

如何让未知尺寸的图片在已知宽高的容器内水平垂直居中？

如何设置span的宽度和高度（即如何设置内联元素的宽高）？

如何给一个元素定义多个不同的css规则？

如何让某个元素充满整个页面？

如何让某个元素距离窗口上右下左4边各10像素？

如何去掉超链接的虚线框？

IE7及更早浏览器由于不支持outline属性，需要通过js的blur()方法来实现，如<a onfocus="this.blur()"...

如何容器透明，内容不透明？

原理是容器层与内容层并级，容器层设置透明度，内容层通过负margin或者position绝对定位等方式覆盖到容器层上

方法2：

高级浏览器直接使用rgba颜色值实现；IE浏览器在定义容器透明的同时，让子节点相对定位，也可达到效果

如何让整个页面水平居中？

定义body的text-align值为center将使得IE5.5也能实现居中

为什么容器的背景色没显示出来？为什么容器无法自适应内容高度？

通常出现这样的情况都是由于没有清除浮动而引起的

如何做1像素细边框的table？

方法1：

方法2：

IE7及更早浏览器不支持border-spacing属性，但是可以通过table的标签属性cellspacing来替代。

如何使页面文本行距始终保持为n倍字体大小的基调？

注意，不要给n加单位

标准模式Standard mode和怪异模式Quirks mode下的盒模型区别？

标准模式下：Element width = width + padding + border

怪异模式下：Element width = width

以图换字的几种方法及优劣分析

思路1：使用text-indent的负值，将内容移出容器

该方法优点在于结构简洁，不理想的地方：

1.由于使用场景不同，负缩进的值可能会不一样，不易抽象成公用样式；

2.当该元素为链接时，在非IE下虚线框将变得不完整；

3.如果该元素被定义为内联级或者内联块级，不同浏览器下会有较多的差异

思路2：使用display:none或visibility:hidden将内容隐藏；

该方法优点在于兼容性强并且容易抽象成公用样式，缺点在于结构较复杂

思路3：使用padding或者line-height将内容挤出容器之外；

该方法优点在于结构简洁，缺点在于：

1.由于使用场景不同，padding或line-height的值可能会不一样，不易抽象成公用样式；

2.要兼容IE5.5及更早浏览器还得hack

思路4：使用超小字体和文本全透明法；

该方法结构简单易用，推荐使用

为什么2个相邻div的margin只有1个生效？

本例中box1的底部margin为10px，box2的顶部margin为20px，但表现在页面上2者之间的间隔为20px，而不是预想中的10+20px=30px，结果是选择2者之间最大的那个margin，我们把这种机制称之为“外边距合并”；外边距合并不仅仅出现在相邻的元素间，父子间同样会出现。

简单列举几点注意事项:

　外边距合并只出现在块级元素上；

　浮动元素不会和相邻的元素产生外边距合并；

　绝对定位元素不会和相邻的元素产生外边距合并；

　内联块级元素间不会产生外边距合并；

　根元素间不会不会产生外边距合并（如html与body间）；

　设置了属性overflow且值不为visible的块级元素不会与它的子元素发生外边距合并；

如何在文本框中禁用中文输入法？

ime-mode为非标准属性，写该文档时只有IE和Firefox支持

如何解决列表中list-style-image不能精准定位的问题？

不使用list-style-image来定义列表项目标记符号，而用background-image来代替，

并通过background-position来进行定位

如何解决伪对象:before和:after在input标签上的怪异表现的问题？

现象：

在编写本条目时，除了Opera，在所有浏览器下input标签使用伪对象:before和:after都没有效果，即使Opera的表现也同样令人诧异。大家可以试玩一下。浏览器版本：IE6-IE10, Firefox6.0, Chrome13.0, Safari5.1, Opera11.51

除了Firefox，在所有浏览器下伪对象:before和:after无法定义过渡和动画效果。

如果这个过渡或动画效果是必须，可以考虑使用真实对象。

PS进行文字样式设计其实主要有17种方式：

1、替换法

替换法是在统一形态的文字元素加入另类不同的图形元素或文字元素。其本质是根据文字的内容意思，用某一形象替代字体的某个部分或某一笔画，这些形象或写实或夸张。将文字的局部替换，是文字的内涵外露，在形象和感官上都增加了一定的艺术感染力。

2、共用法

“笔画公用”是文字图形化创意设计中广泛运用的形式。文字是一种视觉图形，它的线条有着强烈的构成性，可以从单纯的构成角度来看到笔画之间的异同，寻找笔画之间的内在联系，找到他们可以共同利用的条件，把它提取出来合并为一。

3、叠加法

叠加法是将文字的笔画互相重叠或将字与字、字与图形相互重叠的表现手法。叠加能使图形产生三度空间感，通过叠加处理的实行和虚形，增加了设计的内涵和意念，以图形的巧妙组合与表现，使单调的形象丰富起来。

4、分解重构法

分解重构发是将熟悉的文字或图形打散后，通过不同的角度审视并重新组合处理，主要目的是破坏其基本规律并寻求新的设计生命。

总之，平面图形设计的目的是人与人的交流，作为设计者，学习运用符号学工具，会使设计更加有效。在平面设计如此繁杂的今天，把文字图形化运用到设计中，才能使作品具有强烈的视觉冲击力,更便于公众对设计者的作品主题的认识、理解与记忆。

5、俏皮设计法

把横中间拉成圆弧,角也用圆处理,这个方法还有重要一点就是色彩,字体处理上加上色彩的搭配才能作出好的俏皮可爱字体。

6、尖角法

把字的角变成直尖、弯尖、斜卷尖可以是竖的角可以是横的角，这样文字看起来会比较硬朗。

7、断肢法

把一些封合包围的字,适当的断开一口出来 ,或把左边断一截,或右边去一截。注意:要在能识别的情况下适当断肢。

8、减细法

所有字体横和竖变细。

9、错落摆放法

把左右改为左上左下,上下排,或斜排就是一边高一边低，让文字错落有致排列。

10、方方正正法

把所有字的弯全改成横平竖直,四四方方的。

11、卷叶法

把所有字的最左或最右横或竖或点全卷起来,像浪花一样,此法,一般是找到一个点或线后转曲,用最下面或最左边或最右边的两个点向一边拉,以加节点的方法拉成一个圈,然后把他转成倒圆角后,留着最后面的两点,慢慢删除中间的节点。

12、横细竖粗法

选定个字体后,把横比划减细竖比划加粗。类似传统宋体字，横细竖粗撇如刀。

13、上下拉长法

把字变细,然后上下拉长,类似条形码的感觉。

14、结构转变法

可以说是代替法的一种,把竖或横线或折换成其他比划。

15、照葫芦画瓢法

先画一个几何图形,方形或矩形或星形,然后把字放进去,照几何图形路线制作字体。

16、画龙点睛法(或一点拉长法)

算是拉长法的一种,找到标志中的一个点或线作为重点把他拉长,使得处理好的字体,再加一笔更是画龙点睛之作。

17、洋为中用

大家都知道，我们使用的汉字成千上万，个个不同，而西方使用的拉丁字母，大写加小写再加数字标点符号乱七八糟加起来也就一百来个，在数量上和我们汉字差距很大。这就造成了被设计出来的英文字款比中文要多得多。

面对字库里面多如牛毛的英文字体，大家是否曾经对他们视而不见或匆匆带过，其实那里面蕴藏着西方设计师的无限创意，而作为汉字的设计者，我们可以好好利用这些创意，其实方法很简单。

第一步：到字库里找几个特别点的英文字体

第二步：找出这些字体的笔触和特征

第三步：把这些特征运用到中文字体设计中去吧

依此类推，可以做出更多的字体设计。

​

什么是流：多个物品按照特定规律依次排列，这种呈现方式称为流。

我们在生活中常见的书柜、橱窗的排练形式就是一层一层分列下来，物品整齐且重复展示。那么应用到设计中，我们也参考这样的设计样式，将元素依次整齐排列，并且重复显示。

图片流的展现方式主要以图片为主，满足用户快速对图片进行筛选和浏览的需求。引导用户滑动页面，增加滚屏率，引流分支。出现场景主要在一级页面。

突出重点功能

在综合页面采用图片流设计时，把重点功能突出显示，如：搜索功能。

由于主要以图片内容为主，那么页面的功能就比较单一，此时对于用户要寻找的内容我们需要明显的突出出来。可以采取背景填色使搜索框突出，或者给搜索框加上弥散阴影，突出功能。在整体排版上极简去线大留白，页面干净简洁。

在排版上避免整个设计都采用同一种设计方式，造成视觉效果审美疲劳。可以采用多图模块组合，防止单调，大模块包含小模块，交互上搭配X轴（横向）展现方式，丰富页面视觉效果。不过这里需要注意的是，X轴交互时一般我们在一级页面使用，而且要低频次使用。二级页面尽量不要使用，因为这与返回按钮（左上角）交互重合，很多产品交互往右滑动时也会有返回效果，容易造成误操作，不宜使用。

多模块排版展示：

当图片区域高度固定时，排版整齐，方便对比，适合用于电商、直播平台，这样更利于用户方快速筛选内容；当图片区域高度不固定时（交错排版），展示完整，灵活布局，适用于展示图片为主的平台，例如花瓣，壁纸，这样的平台图片有横有竖，有长有短，方便图片的多尺寸展示。例如淘宝（右）和花瓣（左）：

当用户经常性使用平台查看图片以后，后台数据可以根据用户喜欢和常看内容进行喜好匹配图片，千人千面的设计方式，有利于留住用户，符合用户预期心理。

例如网易云音乐的“每日推荐”和QQ音乐的“喜欢”，以及淘宝的首页推送宝贝，很好的解释了这一点。虽然那里并不是说图片的推送，但是我们同样可以采用一样的符合用户心理模型的方式推荐图片内容。

我们说图片流主要展示的就是图片为主的设计样式，那么图片内容肯定是重点，图片的辨认效率肯定远远大于文字的辨认。如果模块之间图标和标签内容过于显眼，肯定会干扰到用户，分散视觉注意力。

常见的图片流设计样式都弱化了图标和标签一类元素的展示，而只是简单的写明用户名称和图片简介一类的文字信息，并且弱化文字。下面是堆糖的界面，无论是推荐大人的动态主页还是分类图片展示，文字信息都没有过多的展示，而是给图片留有大量空间去展示：

图片流是主要以图片展示为主，满足用户快速对图片进行筛选和浏览的需求。我们在设计产品时要分析好产品定位，适用于哪一种方式来设计，快速找准符合用户预期心理模型的设计，才能为产品提高良好的用户体验，留住用户。

图片流的设计方式今天就简单介绍到这里吧，有需要补充或者更正的欢迎留言探讨。

1. 视觉度

1)视觉要素是指对于文字要素的插图、照片、表格等图像表现。视觉要素强，则页面轻松，有亲和力的印象。以文字为主，则高格调、冷漠、坚硬。

2)图像中，明快的图像视觉度强。云海等风景照，视觉度低。

3)艺术字介于文字要素与视觉要素之间

4)人物照片中，最具有视觉度的是脸部。人物照片能加强版面的亲和力

2.图版率

1)全是文字的版面让人窒息（适合于词典、法令律），加入图像后，显得充满生趣

2)最好图版率不要100%，加入文字后，既能传递相关信息，又能增添图像活力（对比）

3.文字跳跃率

1)文字跳跃率：文字的大小比。低跳跃率，平静沉着。高跳跃率，生机活力。

2)扩大标题，增添活力。但是会与版面内容失去协调。相反，则能使标题与正文形成一体，产生稳定的、可继续说下去的氛围

3)标题较小，但周围留下空白，也能突出文字跳跃率。所以那些文章性质沉稳，又要提高其活力，则可以通过扩大标题周围的空白

4.照片跳跃率

1)图像跳跃率不仅取决于大小比，还取决于图像所包含的信息。如静态图线，即使放大，也不能体现活力，而是更加安静

2)处理好图像跳跃率与协调的关系。跳跃率低，则稳定，体现稳重大方，但难读下去。跳跃率高，则能分清主次关系，有生气，舒畅，易读下去。

3)大画面采用局部特写，小画面采用全身照片。突出了紧张感，强调空间的跳跃感。总括起来，放大视觉度强的照片，缩小视觉度低的照片，以形成对比

5.网络拘束率

1)网格拘束率：照片和标题位置沿版面用纸的网格决定。拘束率高的版面，稳重、理性、男性化。拘束率低的版面，自由愉快、感性、女性化

2)网格拘束率还体现在图像是否按照形态剪切，也就是挖版。角版与挖版的组合运用，能产生对比效果。角版可以稳定整体，通过挖版的比较，激活页面动感；小的角版能紧凑版面，突出挖版自由的曲线；挖版减轻处在感，所以特别有意义的人物不适合挖版。

3)用网格拘束，保持每张照片的独立性，适合设计照片作品。而自由格式使图文融和为一体。

6.版面率

版面率，也就会空白的大小比重。空白少的，紧迫感强、生动；空白多的，高品质、沉静、自然。

7.构成的三种类型

1)齐行型：合理、标准、面向商业

2)居中型：优雅、高品质、高格调

3)自由型：自由的、随意的、有活力的

8.字体印象

1)粗体字体：有精神、自信、活力、男性力量。但过粗则给人低品质感觉。

2)细体字体：时髦、优雅、纤细、高品质

3)用大字体组成标题，可以适当紧缩字距。而诗集正文可以适当扩大字距，体现高品位，但过度则空洞。字距不足，则低品质，难读。

4)每行字数标准为20~30字，少则轻松易读。

5)使用艺术字：记号、图案中包含文字；设置大小比，表现立体感；除去边缘，加上阴影，使其立体化；加入椭圆等形状，有流畅感；不同大小，不同字体组合，产生对比感；涉及各种形状小框，并加入文字；拉开字距，增强线条；在告示板写入文字

6)在大标题或者大文字后追加小文字，显得十分有生气。而小文字又使版面细致。

Word文档的样式设计的让阅读者感觉比较舒服，就是一看挺好看的，这个样式设计是文档中选定的文字（如大标题，小标题，正文，图，表等）所呈现的风格，还有样式设计好后，给后续的排版带来便利，还有目录的自动生成，可以说样式是我们Word文档排版的基础。

步骤

1、打开一个word文档，我们在菜单里的格式点击样式和格式

2、或者直接点击工具栏的样式图标，格式窗标

3、弹出格式和样式的窗口，文档鼠标所选文字的格式可以看出是标题1，字号小四，字体宋体，左，段前6磅，段后6磅，行间距2倍行距等，如果对格式看着不好，还可以修改，点新样式

4、弹出新建样式的对话框，属性中样式名称类型及样式基于

5、设置好属性中的项目后，再设计格式，格式中包括字体，段落等，设计完成后，点添加到模板，下次就可直接使用样式1的模板了

6、样式1的所有格式可以查看到，具体都是什么设置，可以把鼠标悬浮在样式1上，就会显示出来，这个就是刚才我们新建的样式1的的格式内容

7、如果对样式不满意，还可以修改，或者对所选文字清除格式等操作，如果是修改，则点修改项，就可以弹出修改样式的对话框来，来刚才的新建样式差不多，自己可以去试着操作一下

以上就是Word文档的样式和格式设置方法介绍，操作很简单的，你学会了吗？希望能对大家有所帮助！

1、检查是否清除浮动

其实有不少的 CSS BUG 问题是因为没有清除浮动造成的。养成良好的清除浮动的习惯是必要的，推荐使用 无额外 HTML 标签的清除浮动的方法（尽量避免使用 overflow:hiddenzoom:1 的类似方法来清除浮动，会有太多的限制性）。

2、检查 IE 下是否触发 haslayout

很多的 IE 下复杂 CSS BUG 都与 IE 特有的 haslayout 息息相关。熟悉和理解 haslayout 对于处理复杂的

CSS BUG 会事半功倍。推荐阅读 old9 翻译的 《On having layout》（如果无法翻越穿越伟大的 GFW，可阅读

蓝色上的转帖 ）

快捷提示：如果触发了 haslayout，IE 的调试工具 IE Developer Toolbar 中的属性中将会显示 haslayout 值为 -1。

3、边框背景调试法

故名思议就是给元素设置显眼的边框或者背景（一般黑色或红色），进行调试。此方法是最常用的调试 CSS BUG 的方法之一，对于复杂 BUG 依旧适用。经济实惠还环保.

4、检查页面的标签是否闭合

不要小看这条，也许折腾了你两天都没有解决的 CSS BUG 问题，却仅仅源于这里。毕竟页面的模板一般都是由开发来嵌套的，而他们很容易犯此类问题。

快捷提示：可以用 Dreamweaver 打开文件检查，一般没有闭合的标签，会黄色背景高亮。

5、样式排除法

有些复杂的页面也许加载了 N 个外链 CSS 文件，那么逐个删除 CSS 文件，找到 BUG 触发的具体 CSS 文件，缩小锁定的范围。

日常的设计工作中，版式即一个画面的骨架，也是视觉传达的重要组成部分，版式整体的活跃程度也能起到改变画面基调的作用，这也就是为什么很多作品看似很“简单”，但却不失设计感的原因，如何把原本比较中规中矩的版式结构通过设计手法将其差异化、提升设计感、增强活跃度，这样做的目的是为了打破墨守成规的形式，提升用户停留时间、以及画面的趣味性，所以本期就和大家一起总结一些常用增强版式活跃度、提升版式设计感的设计手法，有哪些？色块叠压法色块叠压法，顾名思义就是改变色块的摆放方式，可以分为两类：第一类是：色块与色块之前的叠压；通过色块与色块之间的非常规摆放形式，打破原本常规的版式结构，增强其形式感、活跃度，下面我们举个例子：通过上下对比，我们不难发现，下侧画面整体版式结构更跳跃，直白的说就是不死板，而且形式感更强，给人的感觉也更舒服、有趣味性；而上侧画面的整体感受并不是说不合理，只不过相对比而言，这种种结构形式很常见，版式结构变化性不高，形式感和设计感也稍有欠缺，那么造成这种现象的原因是什么呢？1、顶部LOGO区域因采用了色块叠压的手法且故意将LOGO处的色块放大，使其超出导航栏的固定范围，在视觉感受本身来说就已经形成了很强烈的形式感，打破了原本色块区域分明的布局，因此，版式的跳跃性也更加强烈~2、时间说明区域将原本上下关系的色块划分通过叠压的手法将其改变为前后关系，且合理的将海报、时间说明、以及下半部分三个不同模块连接为一个整体，在提升版式活跃度的同时也增强了视觉的整体性！色块叠压的形式在很多优秀作品中也是很常见的，这种手法对于版式结构的重组、改变也是最直观的一种，比如： 通过色块之间的相互叠压，形成了很好打破常规的效果，使得页面版式的跳跃性更强！第二类：色块与主体的叠压方式，通过色块与主体物或者产品之间的相互叠压作用，营造出非常规的设计形式，从而提升版式整体的灵活度以及设计感，举个例子： 这里运用的就是将主体物与色块之间相互叠压的手法，形成了一定的前后关系，而且这里主体处色块最大作用还是打破常规的版面形式，目的是在视觉上给人以更加新颖、更具形式感的感受，且虽然做了结构上的改变，但并没有影响到主体信息的传达；切记，不能一味的追求非常规而忽略了设计本质问题，一定要合理运用！局部放大法当作品版式不够活跃的时候，我们可以尝试刻意改变某处的局部信息，将其放大，提升视觉变化的对比性，因为放大的元素其本身就具有很强烈的视觉冲击力以及装饰性，比如大号字体、数字、图形等等，所以局部放大的手法在页面版式设计中也是很常用的一种表达形式，比如： 将主体的某一处细节或者某一局部放大处理，与原本偏常规布局形成了鲜明的对比关系，在页面整体而言也起到了很好的打破版式关系，试想一下：当用户前面一直在浏览比较常规的布局结构时，突然有1-2处这样非常规的处理模块，会很大程度上提升页面对于用户视觉的冲击力，，给用户留下更深刻的印象；同时也使得作品整体的版面结构更加富有跳跃性！还有另外一种局部放大形式，即在放大的基础上故意按照非常规的形式摆放，往往也能起到很好的打破版面布局的作用，只不过这种形式在使用时相对不好把握，比如：类似案例中所展示的一样，通过产品非常规的局部放大以及摆放形式，画面给人的感受更加大气，视觉冲击力更强烈，同时版式的跳跃性也更强；只不过这种形式在运用时要注意：页面整体中最多出现1-2次即可，用于活跃版式、提升设计感，一点出现次数过多，很容易形成杂乱的现象；之所以叫做非常规是因为有常规方式加以衬托、辅助，所以才会在视觉上形成反差！使用非常规形状既然是为了提升版面的活跃度，那么版面中所有的元素都可以是尝试改变的元素，比如常用到的按钮，再或者线条等等；使用非常规的形状、图形也是方式之一，比如最简单的： 说到矩形，很多人都会想到常规形式，而也有一部分设计师会联想到非常规形式1，少数人会想到2和3的形式，这四类并没有设计上的好坏之分，而是当我们习惯了常规形式的色块之后，也可以尝试一下其他形式，也是会有意想不到的结果！比如非常规形式2的运用： 相比平时看到的矩形排列方式，这一作品则给人很新颖的感觉，原本平面的作品，因为色块形状的改变使得整体有了很强烈的纵深感，版面的跳跃性很强烈，这样的版式还会有人说死板、常规吗？非常规形状3的使用可以参考下面这个案例： 在原本页面中完全统一的形状图形中变幻其中一处的形式，对于页面整体跳跃性的提升还是一目了然的，原因在于：此处矩形的形态就属于非常规类型，本身就具有一定的跳跃性、设计感，而用在此页面中又与上下形成了一定的反差对比，所以使得版面整体更加活跃！还有很多非常规的形状，同样也可以尝试，比如：想要版面看似来不古，、就要在页面中的每一个视觉元素上找突破，版式听起来好像一个很大的整体一般，其实一样可以抛开整体，把每一个局部作为突破点，寻找合适的视觉表达形式；当某一种形式已经让大家所熟知甚至成为常识的时候，我们不妨稍作改变，在不影响辨识度以及视觉传达的基础上，做一些形式上的改变，往往可以给与版式更强烈的跳跃性以及设计感！总结版式就像配色一样，很感性，没有完全一成不变的理论；当我们想要提升版面整体跳跃性的时候，我们不妨试试以上方法，也许小小的改变对于整体而言就是完全不同的两种感受，当然，也不能盲目的追求形式感、特殊性，要切记：特殊是通过对比体现出来的，没有对比，就无法形成很好的视觉反差，同时也起不到应有的作用；还是要提醒大家：一个整体非常规的手法用在1-2处即可，太多的话是很难把握的！

一、版式设计中的形式美法则版式设计中包含了很多的方法和够成规律，（站在巨人的肩头上就是爽）我们可以去理解这些方法和规律从而掌握板式设计灵活应用。这些形式美法则是版式设计的基础，在app界面设计中有些法则经常运用。在banner中的排版方法几乎都是从板式设计方法中延伸出来的。 1、对比与极限对比是比较好理解，可以分为大小对比、形态的对比、色彩的对比、主从的对比、疏密的对比、方向的对比、材质的都比（肌理对比）。极限，我的理解就是在对比中达到一个极限值，这样更能够突出对比所表现出来的视觉冲击。2、协调与统一协调是内在的东西，元素配合得适度或者恰当。是说明他们内在相似的东西和状态。统一是指的个个要素连成一体时所形成的同一性和整体性。 3、比例与均衡比例是部分对部分、部分对整体之间“数”的关系。在比例关系形成一定数值时既成为美的条件。均衡又称为平衡。平衡又分为对称式均衡（稳定、庄重、安全）。非对称式均衡（活泼、新颖、巧妙） 4、反复与律动（韵律）反复，同一类别，同一形态的图形连续不断的出现称之为反复。律动，要素从一定的间隔配列编排时所产生的节奏韵律美感。二、版式构成样式版式设计有很多种的构成方式和方法。这里我列举一下常见的方法。1、全版式文稿或者图片占据整个版面，不大面积留白、不制造臆想的空间，充分的运用这个版面来传达信息。2、标准式常用于书籍、杂志、报刊、寻求个性及变化。可分为中式（竖版）、西式（横版）、古典（传统）、现代（新潮）。3、对角式便于理解和认识的一种版式设计（不稳定感、动感）缺少均衡难以把握。4、定位式文和图各自定位，分为上下、左右、中斜、倒置。 5、坐标式无论是文字、图形还是线条装饰，在编排时均按垂直或者水平方向有规则的出现在版面中，形成类似坐标的格局，称为坐标式。6、重叠式文字和图片等元素之间的全部或者局部重叠。 7、聚集式给人以紧凑联系紧密的感觉。8、分散式无拘无束的感觉，自然宽松的气氛。 9、导引式利用视线、动势、指示性箭头线条做引导。 10、组合式有明确的模式规则，但不能呆板或者单调。规律中有变化，打破固有模式。11、立体式利用元素营造立体效果 12、自由式没有明显规律，灵活多变，生动自如是其特点。但并不是杂乱、无章的任意堆砌。