我们在做设计的时候总是会听到，要注意「节奏感」。关于节奏感这个词，大多数人似懂非懂，可能明白它是什么意思，但是在设计中都应该注意哪些节奏感，却还没有一个比较清晰的思路。我们都知道音乐是有不同种类的，有古典音乐，有摇滚音乐等，它们之间的不同，很多时候是节奏给我们带来的感受不同。在设计上也是一样的，掌握节奏感就能控制画面的变化和气质的传达。
先理解什么是节奏感。
我们常说的生活节奏，可以理解为，假如你在规定时间里，你只需要上班和回家两点一线的生活。
但是当你有了孩子还要去幼儿园接送，晚上还要去健身等，这样就是生活节奏加快了。
我们常听到的节奏感其实是来源于音乐的。
不同节奏感的音乐会给人不同的感受，就像音乐1这种，会给你一种平静舒缓的感觉。音乐2这种就会有种比较喧闹、比较活泼的感觉。
说到设计的中的节奏感，从绘画里也可以看出，这是吴冠中的绘画作品，看似很简单的画面，但是这种水流的蜿蜒的感觉让这个画面变得灵动起来。
去掉这些流动的线之后，整个画面就变得很平静了。失去了那种蜿蜒流潺的感觉。
在我们很多图像网站里都用了这种瀑布流的方式，不仅是为了方便不同尺寸的图片的载入，在很多时候这种方式，相对于平铺的图片放置会更让人舒服而不枯燥。
在平面设计里，我们在学习平面构成的时候节奏与韵律是常常放在一起说的。
我们可以看海报去理解，第一张海报那几条鱼摆放的位置是没什么规律的，但是它却能形成节奏感。那么在第二张海报，我们能清晰地感受到它的节奏与韵律的变化。所以节奏是有规律或者无规律的变化的，韵律是有规律的变化的。
包括去百度百科查找相关信息也是表达类似这样的意思。
一个版面里的节奏影响是多方向面的，有文字编排、色彩搭配、图像处理等。
今天我们要讲的是文字编排里的节奏感。在文字编排上我们为什么要掌握节奏感呢?
我们在看一些纯文字的书籍的时候，很容易犯困。
这就是因为书籍的文字编排几乎没有节奏感，所以相对来说是枯燥的。
有一些不同的书籍设计或者杂志会在里面加入图片、对文字与版式进行处理，使它们变得有变化性，就会调节这种节奏感。让画面阅读不再枯燥。当然了，画面左边是因为大量的信息的传达不适合做过多的变化，否则阅读过程会有阻碍。这也是根据不同种类的信息从而把握不同节奏感的结果。
所以在这个画面里标题是节奏感比较强的，在保证阅读性的同时也做到了装饰性。那么由于下方信息量比较多，这些文字又需要被快速传达，所以这些文字的编排就会趋向于阅读性。
掌握文字编排的节奏感对画面传达的气质的影响是非常大的。就像这两张海报，它们的背景图片气质是很像的，都是天空的大留白，但是，完全不同的文字编排，就让第一张海报表现出活泼可爱的感觉，第二张海报表现出平静安静的感觉。
我们可以理解为，随着几乎没有节奏感到节奏感比较弱再到节奏感强，它的画面是可以呈现出由静止到舒缓再到动感的。
在文字编排中有非常多的对比，是一个非常大的系统，今天我们主要去梳理一下文字编排时的一些影响因素，以及在文字编排上一些需要注意的细节。（我们今天会讲这些影响我们文字编排的节奏感，字体种类、大小、长短、位置、疏密、颜色、组合形状和方向。）
文字种类就是我们对文字的类别进行分类，在字体种类里一般分成了衬线体与非衬线体，但是在中文里，我觉得主要由这五大类组成，分别是黑体，宋体，楷体，圆体与书法体。
包括字体家族里的不同字重。
不仅是这样，对于同一个字体我们还分常规体、窄体、扁体。
一段文字只选择上面的所说的变化就已经可以有很多种了。我拿了一段数学公式装❌。这里我们算出有 105 种。所以文字编排时稍微不注意就会有太多的变化性。
更何况我们经常在版面里加入其他国家语言的文字，这些都会影响文字的节奏感。
所以我们要学会控制这种节奏感，一般来说我们日常比较常用的就是黑体配无衬线体，宋体配衬线体。并且在字重上我们都要注意协调。尽量使它们看一起是一样的粗细度。
不同的字体搭配起来是有一定难度的。这种节奏感就好像不同风格的音乐的结合，它们之间的衔接与融合会比单纯的某一种风格的音乐制作起来更难。
这种不同类型的文字的搭配，对于排版和运用的能力有一定要求，运用不好就会传达不了画面的气质与信息。在电商里的反例是比较多的。在我看到的这张图里，它同时用了无衬线体与衬线体的结合，画面没有清晰呈现出准确的气质。大家可能会说它是简约高贵风，但是这是一个大范围，在简约高贵里有现代的高贵，有复古的高贵，还有一些与众不同的高贵等。
我们尝试把左边的衬线体换成无衬线看看。是不是有种现代都市的气质？
如果都统一成衬线的话，是不是一种精致的时尚感就出来了呢。统一这种文字的种类能更加精准地传达画面的气质。
刚刚我们也说到字体的混搭会产生混乱和怪异感，要慎用，但是如果我们的画画就需要这种感觉呢，当然就可以用这种特性来故意营造一种怪异感，当画面的字体种类越多的时候，所营造出来的节奏感会更强烈。
我们看这个画面也是这样的，周围的很多图形和各种各种样的字体类型让这个画面变得搞怪活泼。
就算去掉了周围的图形，文字这传达出来的搞怪感觉也依然存在。
接下来我们用这个文案来做一个案例演示下，由于平时很多都是用同一种类型字体搭配，那么这一次就挑战一下，我就打算做一稿用不同类型字体的版面。看看会有什么样的效果。
首先我在版面中划分版块，填上相应的文字，在这里可以看到，我同时用了衬线与无衬线的字体，还用了具有手写性质的字体。不仅如此， 所有的文字我都用了窄体而不是常见的常规体来增强这种怪异的节奏感。
最后加上一些图形处理一下负空间，这个案例就完成了。
为了减少影响，我把图片遮住单看文字组，我把这些字体都变成黑体了，对比可以发现，还是原来的文字组更有搞怪奇异的节奏感。右边这个因为板式与图形的完整性使得它看起来并没有很大的问题，但是它的确是缺少了像左边这种古典与现代结合的节奏感。
文字的大小节奏可能会有人理解为这样，但是我们一般不会这么做。
我们更多地是用在标题与内文的对比。
节奏变化比较大的文字组会给人一种冲击力，让人无法忽视标题的存在，就好像我在大声告诉你一句话的感觉，会比较强硬与喧闹。
节奏比较平缓的文字组表现出一种精致、安静的感觉。
我们把它们放到画面里看下，这个标题与内文的对比很大，并且在这个版面中占据一定的大小，这种时候有没有觉得这个画面呈现出一种，好像在播放新闻的感觉，好像在说这个小岛有什么重大新闻一样。
但是当标题变小时，整个画面呈现出比较平缓的节奏感，很符合画面传达出来的安静舒缓的感觉。
这种方式很多作品都有，这种标题和内文的对比，或者说是文字在版面的占比比较大时，就可以体现出这种很强烈的节奏，让人很难忽视这些文字内容。同时画面也更容易传达出一种力量感。
往往想要营造这种安静感的时候，比较注重画面整体的感觉，就不需要太多的文字变化，甚至为了区别文字层级而需要有的文字大小，也尽量地在减少对比。
我们都知道音频都是这种长短不一的声波图，因为这种长短不一的变化感受会给人带来节奏感。
所以也有以这种形式来编排文字，表现节奏感的系列广告作品。
它比较经常出现在居中对齐的文字组上。
但是我们要注意的是，你会发现很少情况在两个极端之间直接过度，比如说一长一短。
在没有文字大小的对比情况下，如果文字的长短对比太小，我们先不说节奏感，我们可能会有种疑问，它到底是想两端对齐还是居中对齐的呢？所以这种两端模棱两可的情况最好避免。不能模棱两可，对比太大又会不够美观，所以我们去创造节奏感的时候要注意这些问题。
毕竟它不是让人阅读时间很长的文字，所以我们就需要调节这种节奏让它看起来美观而且不枯燥。
这是我随便在购物网站截图的，你会发现它们的文字编排都很注意我刚刚说的短长短的节奏感。
我找了两张都是黑色背景并且配图比例也差不多的海报作对比说明这个问题。
因为图像的干扰我就同时去掉了图片，还有也把右边红色的字变成了白色，它们之间的对比变得清晰了，左边的文字规划在版面中显得更有活力，右边版面的文字集中在一块，就像我们前面提到的小说书籍内页一样。这样的文字编排在阅读上会比左边的缺少节奏感。但是我在这里要说的一点是，左边海报本身的图像没有右边的有冲击力与活力，所以我们如果要真正做对比的话。
用左边的图像放置在两个不同的版面来作对比，这样大家应该能感觉到差别。左边的版面虽然没有表现特别强的节奏感觉，但是至少版面不是特别压抑的。至于右边的我们会觉得很沉静，配合这种黑色的背景比左边更压抑。这就是文字编排在版面的影响。
不仅是文字组之间，标题的有意放置不同的位置就可以营造这种节奏感，是因为它依然可以使得我们的阅读视线发生变化。
比较随意编排的文字组也会比，比较拘谨正式的文字组看起来更有节奏、更活泼。
接下来我们用案例来演示。
首先选择纤细的宋体会比较符合这个画面的气质，很多人可能把文字组放在画面四个角就算大功告成了，但是这个画面既没有一个亮点吸引我们，而且画面里的元素都非常得散，没有体现出一点活泼的味道。
这个时候我们可以效仿刚刚我们看到的标题的做法，拉开距离，调整位置让它有上下浮动的节奏感，包括文字上我都做了一些切割移动让它们活泼，再加上线条让它们更有联系感。这个画面就会比刚刚活泼多了。
案例完成。
左边紧凑的文字字距会呈现出一种张力，一种急促的节奏，营造一种紧张感。右边宽松的字距画面会更缓和，不同的字距在版面中有宽松对比，也营造出了一种节奏对比。不会感到枯燥。
很多人可能没太去注意这些文字编排的小细节，这两版里哪一个更符合平缓的节奏感呢？答案是下面这个。第一张这样做也没错的，但是我们想让文字也能相应地呈现出一种透气感的话，第二张的会更加符合。
颜色的问题大家应该了解了很多了，这里就简单提一下，就像我们在营造一种氛围的时候选择的气球颜色都是非常重要的，我们选择饱和度比较高，颜色种类比较多的气球的时候，是想营造一种热闹活泼的感觉的。但是如果想营造一种浪漫安静的氛围时就用了很多白色或者淡色调的颜色。
就像这个 banner 一样，中间不同颜色的文字为这个画面增加了很强的节奏感。变得很活泼。
很多时候我们不需要太强的节奏感，所以我们经常给文字做一点的颜色变化，来让画面更鲜活。就像这个 banner，如果它没有了左边那个粉色的颜色的跳跃。
这个画面就会变得很沉静。
如果，画面文字的粉色变多，它的节奏感又会变得更强。
不仅是因为这个颜色本身的跳跃性比较高，而且也是因为颜色的不停切换导致这种节奏感的增强。所以不同颜色的占比也是需要考虑的。在这里主要是因为模特身上没有玫红色，所以左边不适合用过多的玫红色，用全黑都会显得很沉闷，所以这里选择用一次玫红色让这个画面鲜活。
我们在这些变化的图形中替换两个不同形状的图形，我们可以感觉到替换后的图形里的变化会更多，呈现出来的活泼性更强了。当画面中的不同形状更多，就会趋向于一种混乱。
用不同的图形在版面里，有区分不同信息的作用，但是这种方式也是增加版面节奏感的一种方式。在很多促销的传单会经常看到。
这个画面没有人物图片，仅仅是通过文字的编排就能传达出这种热闹的节奏感。
除了颜色本身的热闹性，其中比较大的影响因素。就是文字在各种不同形状里的编排，让这个画面呈现出热闹的氛围。
随着方向变化越来越多，画面会趋向于更有动感的的节奏。但是节奏感觉也是有度的，一旦变化性很多，那么这个版面就会显得杂乱。我们也可以简单理解为乱的元素的占比决定着你画面呈现出来的节奏感的强烈。
像第一张海报一样，这种有点古老的作品我们一般会认为是比较正式和比较严肃的，但是这些方向不一的文字编排，向我们说明了这不是一个严肃的展览，而是具有活泼的属性，从而吸引不同的观看群体。包括右边这个海报的文字编排都让这个画面的节奏感变得更强了，与人物夸张的肢体语言也相呼应。
倾斜的文字编排在电商里是出现得比较多的，微微倾斜文字就可以强调这种活泼的节奏感。
我们来看一个比较明显的例子，画面只有一个黄色的色块和文字编排以及一个不规则的图形，但是这个画面呈现出来的感觉却很活泼。
其实去掉这图形，也并没有影响原有的气质，是因为文字的编排的方向性的对比让它的节奏感增强了。
那么说到这里其实今天的内容也就结束了，这次的案例就给大家演示下怎么用这些知识去做一张海报。
首先我们要分析这个画面，图片本身是比较具有节奏感的，因为不是我们平常看的袜子的视角，而且人物有一种运动过程的动势。
这个负空间非常不规则，如果文字在这个画面负空间上直接加字的话，可能就会显得比较乱，但是我们又要做出迎合这个图片的节奏但是不乱的画面，应该怎么做呢？
首先不采取直接在图上加字的方式，把图片缩小，再添加一个深色的底色，这样这张图片和这个画面里就是一个整体了。
由于我们要压住图片的节奏感，不让它太乱，所以我在周围的空间编排文字是呈现一个既有文字层级关系，但是整体是呈现矩形的文字组。现在这个画面看起来的确不会乱，但是文字还是少了和图片活泼气质契合的节奏感。
分析一下这个画面，是宇宙系列的感觉，所以我就加入了环形的文字，然后再加一点与图片呼应的颜色。这个画面就会比之前更和谐。在做的过程通过减少变化与增加变化让画面逐渐接近自己的预期。
总结一下今天我们讲的，我们今天讲的是文字编排中的节奏感，在一开始，我分别给大家讲了从生活节奏、音乐节奏、再到设计的节奏去理解什么是节奏感，然后我还讲了关于文字节奏感对于画面的重要性，无论是对信息的传达还是对气质的表现，它的影响是非常大的。最主要的部分，我讲了影响文字编排的节奏都有哪些因素，比如文字类型、大小、方向、长短、文字组合形态等。把握自己要传达的节奏，才能正确传达信息。大家也可以用这种方式去看作品，分析它的节奏感是通过什么方式形成的。久而久之，对节奏感的掌握就会更加熟练与精准。
文章来源：优设
如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里
在日本文化中，「属性标签」是一个重要的组成元素。一个人是「御宅族」还是「视觉系」，抑或是「食草男」，细分标签总会添加上去。虽然这样的标签会给人一种「固化」的感觉，但是有时候也会让人对一个事物有更清晰明确的认知。日本的杂志同样如此。一本杂志应该针对什么样的群体，带有什么样的特征，传达什么样的情绪，都会有非常清晰的「属性标签」。
20世纪80年代是日本时尚杂志百花齐放的年代，众多现有知名日本杂志诞生，例如《ViVi》、《CanCam》、《JJ》、《mina》、《sweet》、《SPRING》等等。不同的杂志风格不同，面向的群体也不同，上面所带的标签也不同。
比如时尚杂志《PopEye》是针对「City Boy」的男性，「美式复古」和「学院派风格」是这本杂志最典型的标签。
而女性向时尚杂志《mina》的标签则是「清新少女」、「独立」、「青文字系」。「青文字系」是一个非常日本的标签，简单来说，带有「青文字系」标签的杂志在精神内核上强调女性要潇洒独立，不应该对男性谄媚，带有同样标签的杂志还有《sweet》、《steady》、《mini》、《SPRING》、《InRed》。与之相反的标签则是「赤文字系」，带有这一标签的杂志特别强调女子力，会教读者如何穿搭、如何做才能讨男生欢心，带有这一类标签的杂志有《JJ》、《ViVi》、《Ray》、《CanCam》。当然，近年来还出现了「黑文字系」，其实指的是喜欢穿一身黑的姑娘……
不过言归正传，今天我们要聊的主要是《mina》这本杂志。《mina》其实在新世纪之初进入过中国大陆，当时中文名称为《米娜》，巴拉排行榜曾将其列为全球十大时尚杂志之一，是日本少女清新风格的杂志。
《mina》能获得这样的赞誉，和它本身极高的内容素质是分不开的。包括尾身沙纪在内的许多著名的摄影师，会给《mina》拍摄图片，而模特更是有村架纯、竹内凉真这样的一线明星。
清新秀丽的妆容，凸显少女气质的整体设计，真实而细腻的场景，《mina》借助精心打磨的视觉排版，将女性最真实可爱、贴合年纪的美丽以及元气满满的少女感，都呈现出来了。
如果你是一名热爱视觉和排版设计的设计师或者爱好者，《mina》简直就是为你量身定制的排版素材库。稍加拆解，你会发现这个杂志中到处都是可供学习的排版知识。
《mina》杂志因为其少女特性，多样活泼的使用不同的区域放置元素，同一本杂志会给你带来不同的视觉效果。下面左图四周无间距的设置，会使你的视线更加开阔，无论看向版面的哪一部分，都可以传递信息给你，吸引你打开这本杂志。右图的框线设置，限制了阅读的区域，让你的视线聚焦在框线内，阅读精心为你准备的内容。
下面左图三张图片和两段文字的排列，使整个版面显的更加充实和生活化，而右图单张图片和零星的文字使得整个版面显的更加高级，这不仅仅是图片和颜色选择的影响，更多的还有元素的排列给你带来的视觉感受。
为了让读者更加易于阅读，在该版面上停留更长的时间，分组的设计在杂志中较为常见。图文元素整齐的搭配，是不是给你一种画面美观，信息可信赖的感觉呢？这样的设计也更加的吸引读者进行阅读。
同一排版样式的反复使用，会给你舒适的阅读体验，整个版面会更加的有节奏感，不会让你觉得某一元素特别跳脱。同样，为了美观和便于阅读，无论是图片还是文字，都遵循着一定的对齐原则，常见的有左对齐、上对齐和居中对齐。
活跃于广告界的白承坤先生说，无论使用怎样的图片，目的都是为了让眼睛停留两秒钟。同理，各类元素或色彩之间的对比是杂志常用的让你停留「两秒钟」的方式。由于视觉心理的作用，相对来说，大的元素、鲜艳的元素会更加的吸引人眼球，引人注意。
对于少女杂志而言，如何体现少女心和元气满满的感觉是一个需要解决的难题，而出血的设置为这个难题提供了一把钥匙，让整个画面活泼生动起来，右图奶茶开放式对话框的加入，有一种奶茶说「快来喝我！」的活泼感，使得整个版面顿时可爱起来。
《mina》很少在版面的四角放置满满当当的元素，是因为适当的留白可以让人在众多的元素冲击中舒缓下来，给你清新舒适的观感。让你在开阔的视野中，使杂志想展现出来的重点，成为你的焦点。这样好用的突出重点的方式，快快学起来吧。
抠出来的人物没有其固有的背景，会让你聚焦于少女的动作和轮廓，隔着屏幕都能感受到少女满满的活力。而四方版更加强调人与环境的关系，让你得以获得更多的信息。两种方式如何恰当的使用，就看你想用来传递什么样的信息啦！
传递信息是最重要的，其余的套路就快去打开《mina》找寻吧！
文章来源：优设
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。
如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里
排版的难处在于，我们不是根据已经设计好的版面来填充内容（套模板），而是要根据具体的内容来布局版面。比如版面中的图片有时候是一两张，有时候是十张八张，由于构成元素的不同，导致采用同样的构图、版式、形式往往是行不通的，所以葱爷今天的这篇文章就是要来分享，在不同情况下有哪些图片排版技巧。1. 平铺
即把图片铺满整个版面，这种处理方式多用于封面设计。
或者在内页中把某一半版平铺一张大图，另一半则排列文字或者小图。
平铺的图片比较有张力，有视觉重心的图片适合这么处理。下图平铺的效果就一般般。
还有一种情况是把图片当做背景，也可以采用平铺，如下图：
2. 四周留白
即图片要比版面小，并让其四周都留出空白。这里也分两种情况，一是图片位于版面正中央，图片周围的留白是对称的，这种效果类似于相框，常用于封面设计。
还有一种情况是图片周围的留白并不对称，如下图，留白较多的区域会用来排文字，常用于海报设计和画册内页设计。
3. 一条边出血
即把图片的一条边对齐边界，这么处理有点冲破束缚的意思，可以增加图片的想象力和版面的设计感。
4. 三条边出血
这么做会把版面分成两部分，一部分为色块，一部分为图片，在排版时我们还可以通过文字、色块或颜色把这两个部分联系起来。
5. 拆分
即把一张图片拆分成几份，然后隔开一些排列，这么做比单独放一张图片会更有设计感和趣味性，风景类图片适合这么处理。
6. 跨版
即在画册设计中，让图片同时占据两个版面。当在一个跨版中只有一张图片时，如果只把图片排在某一半版中，那么另一半版就容易单调，所以在这种情况下通常会使用跨版，而且图片放大后会更有张力，还能把左右两个版面关联起来。
在画册的设计中，有时候我们应该把一 P 当成一个版面，而有时候则需要把一个跨版当成一个版面，这取决于具体的内容以及排版形式，所以图片的排版也要分成这两种情况来考虑。
1. 统一大小对齐排版
在一些作品集或产品画册中常用到此排法，视觉流程简单、清晰。
2. 统一大小错位排版
比对齐排版更有动感，且由于图片不多，所以也不会显得混乱。
3. 一大一小排版
这种排版对比鲜明、更有张弛，可以在一个跨版中使用，也可以是在某一 P 中使用。
还可以把其中的一张图片去底，这么组合起来更灵活，对比更强烈。
如果把整个跨版当成一个版面，那么可以把大的那张图进行跨版，小的那张图则不跨版。
或者把大图铺满一个 P，而小的图片和文字则排在另一个 P。
这两种排法都很大气且不失细腻。
有时候一个版面内的图片会有很多，这种版面排起来会更有难度，常用的排版方式有以下 8 种。
1. 大小统一对齐排版
这种排法比较整洁，但缺少变化，适合用于目录页或者产品和人物介绍。
2. 大小不统一对齐排版
这种排法会比前一种更灵活一点。适合利用网格工具来辅助排版。
这种排版虽然没有统一图片的大小，但由于保持了严格的对齐关系，所以依然显得很整洁。
3. 图片与色块组合排版
图片与色块组合在一起排版既不会像只有图片那么单调，还可以利用色块排文字。不过注意色块的颜色不要太多，且颜色最好来自图片。
4. 错位排版
即把相连两张图片刻意错开，或者把图片与文字的位置互换，这么做可以有效打破图片完全对齐的单调，且由于有一定的规律，所以也不会对视觉流程造成太大影响。
5. 把图片拼成特定的形状
这种排法适合图片比较多的情况，这么做可以避免图片太多而显得混乱，而且因为拼成的形状要与设计需求相关，所以会显得更有创意。
6. 按照某一路径排版
这种排法跟前一种一样，适合数量较多的同类图片使用，可以避免图片排得太过分散，如果不统一图片的大小和方向，效果会比较活泼但不规范，适用于照片墙和儿童画册的排版。
如果统一图片的大小和方向，或者使它们呈渐变式的变化，这些图片还可以形成一定的节奏感，不仅不会乱，还很美观。
7. 一大多小排版
如果在版面中分开排列大小差不多的多张图片，那么该版面就会缺乏重点且没有张力，而如果把其中一张图片放大，与其他图片形成鲜明的大小对比，就可以有效解决这一问题。
8. 自由排版
即大小不需要统一、图片与图片之间也不一定要严格对齐，效果比较灵活，设计感较强，常用于杂志排版中。
这种排法有两点需要注意，一是图片不要排的太分散；二是最好要有大小对比。
去底图也很适合这么做，当然，在排版的时候也要有大小的区分，同时要注意图片与图片、图片与文字之间的轮廓要形成互补。
版面中的图片数量有从一张到数十张不等，图片的排版方式也非常多，所以我没法一一列出，以上总结的 17 个技巧仅仅代表一些比较主流的方向，具体的变化还需要大家根据具体的内容和设计需求去做尝试和突破，希望这篇文章能给你一点帮助。
蓝蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 、平面设计服务。
排版的基本功大家掌握多少呢，那么今天蓝蓝设计就和朋友们分享一下收集到的排版的10个基本功，希望对朋友们的ui设计有所帮助！
挑选合适的字体需要花费大量时间。但是不要一遍又一遍地让自己陷入对同一类型的字体挑选中。因为人们往往习惯于从自己熟悉的字体或者偏爱的字体开始。多花些时间去发现探索新的类型，这样你才能慢慢地发现自己对一种字体的细微差别的敏锐度，真正地让字体自己告诉你合适不合适。
如果你的一个页面里有十种不同的字体，那么你的排版一定会很难看。控制自己使用越少的字体，将会让你的页面脱颖而出。同时你也可以在字体的大小、重量和其它方面创造更多的对比变化。
一、门票：大门票产生大印象
读者特利发给我们一张他设计的洗车券，这张洗车券是他希望为他儿子的游泳队筹集在游泳池训练的各种费用而举行的一次洗车筹款，而它的有趣之处就在于其尺寸相当抢眼：
没有人会对它视而不见：这张洗车券是一般门票尺寸的两倍之大，界面设计起来也很容易，从视觉上也非常能吸引有兴趣的消费者。大图片及大标题使这张洗车券产生一张海报的视觉效果，效果当然不错。
蓝蓝 http://www.lanlanwork.com