会08期淑慧文字的高级排版用户洞察对营销影响龚超期

1、设计基础-文字的排版分享人：龚超目录1234为什么学习文字排版文字排版对齐方式与其它最好的文字排版都是最简单的【第三期预告】文字排版高级技巧 【第四期预告】简单粗暴的字体效果【第五期预告】常见的版式设计1为什么学习文字排版Why learn text typesetting文字排版的重要性文字排版在设计中用的尤为重要。如何做出一张主题突出，有助于提高转化率的banner？那么就要先学好文字的排版！首先呢，要知道为什么文字要进行排版？当然是为了好看啦！文字可不是随随便便堆出来就能好看啊。而且文案的主要目的是什么？向你的客户传递你想告诉他的信息啊，好的banner能够勾起人们的购买欲望，文字的排版

2、就在里面起着关键的作用了！比如你文案中的打折信息，要突出，客人看到了感觉：哇！便宜！买！或者：哇！优惠了好多！买买买！.等等，看到转化率的提高，是不是心里也是美滋滋的？废话不多说了，咱们讲重点吧，设计的基础，最基础的，文字的排版，开始了。2文字排版对齐方式与其它第一个文字排版的内容：排版中的对齐第二个文字排版的内容：排版中的层级第三个文字排版的内容：行间距与字间距的设置文字排版对齐方式与其它 其实排版是有技巧的。比如我们常见的左对齐和右对齐，就有着非常大的区别，掌握了区别后，你就可以根据自己的需要，随心所欲的去为自己的创意服务了。 我们在看文字时。首先会看对齐方式的点，当然左对齐就看左边，右对

3、齐就看右边。当我们看左边时，会触动自己的左脑，用左脑看问题。而左脑是理想思维，用理性去看问题。当我们看右边时，同样会触动右脑，有感性看问题，会更注重眼睛看到的东西。 不同的对齐方式，会起到不同的作用，看你喜欢哪一种，再决定哪一种对齐方式。【1】排版中的对齐 左对齐 左对齐触动理性思维左对齐，首先剖析一下这张banner，右边的图片摆放具有指向性，做到了整个画面的平衡，文字可以排得更好，当我们看到这张图片时，我们会不自觉的看到左边的拍和下载按钮的对齐方式，会发现自己的左脑在开始判断事情的对与错好与坏。面对于右边的图片，似乎并不是最关心的。这就是左脑工作理性的判断。其次向左的文字排版是根据人的阅读

4、习惯的，所以，重点来了，左对齐文字排版的特点是：网页默认的的对齐方式；适合阅读的排版方式；用于内容较多的版式设计；具有方向感。左对齐是用的相对比较多的一种对齐方式。【2】排版中的对齐 右对齐 右对齐触动感性思维这幅图我个人非常喜欢，不仅先看到的是珠宝戒指，同时会关注右侧，有右脑的工作，会不自觉的以欣赏的角度看问题，会马上注意到右边的珠宝文案，爱不释手，出现买的冲动。【3】排版中的对齐 居中对齐 居中对齐的特点是：具有完美、完整、经典的气质；由于其结构稳定居中的特点所以标题感强。主要是根据他们的特点，在应对不同的商品设计的时候会对应想到文案的对齐方式就好。【4】排版中的对齐 穿过字会使人的视觉停

5、留 阅读此图，必然越过模特，造成时间的停留，给观众更多的时间来看图。【5】排版中的对齐 直线的补充对齐作用 “再塑 ”前面的直线，可以弥补文字太短，也是常用的方法 排版中的层级什么是层级？据我理解就是向楼梯一样，一层一层的，看得出下一步该踏那个位置，排版中的层级就是让你知道哪个是跟哪个一伙的，他们会以几个东西区别开，让你看的出他们的差别，哪个是重点。 我们要了解影响层级的因素，主要是以下几个：字体、字号、文字位置、颜色。注意把握这几个要点，设计的banner就不会差到哪里去（当然是从文字排版角度，其他因素也很重要，比如色彩、素材的使用等等。）。看看以下例子就知道啦。 排版中的层级来个层级的技巧

6、总结：要给文案分好层级，首先第一步，改变字体；第二步，改变字号；第三步，突出字体位置；第四步，改变字体颜色。影响的轻重次序为：颜色位置字号字体，建议排文字的时候文字比较少的时候能用三步不用四步，使用越少画面越精致。 行间距与字间距的设置改变行间距可以让内容层级分明，字间距可以调整排版的节奏、平衡，排版时应注意每行文案的长短调整节奏。3最好的文字排版都是最简单的很多时候，我们会下很大的功夫去研究文字的排版，认为是值得的。当我们去反过来看那些最好看经得起风雨的排版，却简单到没有任何技巧。原来简单才是最好的。 第一幅颜色吸取了图片颜色，文章几乎没有任何技巧。但图片看起来却非常舒服。 第二幅仍然吸取图

7、片颜色，字体简单，仅仅是拉了几条线，还是非常的清晰。看起来却非常协调。 第三幅还是吸取图片颜色加白色，采用居中排列。看起来非常的协调。 总结这些最简单的文字字体，加上不用太多的技巧，给人的感觉确实协调整齐，和谐统一。有一种说不出来的美感。比起那些哗众取宠的文字，它们更有味道。所以最好的文字，都是简单整齐的，和谐统一的。4 预告【第三期】文字排版高级技巧 【第四期】简单粗暴的字体效果【第五期】常见的版式设计文字排版高级技巧 分享人：龚超阅前一叨逼1234花了4天写的干货，满满的都是精华文字和图片都有点多，因为生怕你们看不过瘾主题：8个技巧助你排出好看的版式 【第四期预告】简单粗暴的字体效果【第五

8、期预告】常见的版式设计1使用长线利用长线排版这个技巧应该很多人都用过但是它并没有想象的那么简单如果运用得不恰当，不但不会好看，还会显得很死板。长线在排版中的使用一般是为了满足以下几个需求：1、区隔信息即利用长线条把版面里不同类型的信息区分开，你可以根据实际情况来选择使用虚线还是实线，觉得黑白线单调的话也可以给它点颜色瞧瞧，使用长线区隔信息可以使其看起来更清晰，更方便受众阅读，同时还可以起到规整的作用，使版面不至于太凌乱。1、区隔信息如果一个版面内的信息层级关系很多，我们可以同时使用细线和粗线来进行划分。1、区隔信息如图使用的是红色虚线，使用虚线会显得没那么生硬。2、装饰我们在排版时经常会遇到这

9、样的情况，信息并不是很多，也不适合加图片，所以整个版面容易显得单调和平淡，这时我们可以利用长线来丰富版面，在增加美感的同时还能增加设计感。2、装饰斜线经常被当做剪刀用，俗称“一剪没”。2、装饰如图文字顶部增加的直线使该排版看起来更专业。3、建立固定版式在画册或报纸的排版中，一般会有一些固定不变的信息放在顶部或底部，作为模板出现，利用长线来辅助建立这种固定版式也是屡试不爽的技巧。3、建立固定版式在画册排版时设计一个固定版式，可以让版面看上去更精致。3、建立固定版式用长线建立版式的同时也能起到分隔信息的作用。4、强调在文字下面加直线还能起到强调信息的作用，就像我们以前看书的时候划重点一样，引导到受

10、众把目光聚焦在此。4、强调线条是直还是弯应该跟设计师的性取向没毛关系。2使用短线短线的功能和长线大同小异，虽然没有长线用得那么普遍，但有时候更好用特别是在网页设计、UI设计、名片设计中，我们能经常看到短线的身影。短线的用法有如下几种：1、区隔信息利用短线区隔信息比长线要更灵活一点，不会造成太规矩的效果，而且虽然是短线，但是受众经常会脑补把它延长。1、区隔信息当然，有时候是因为信息比较短，所以用短线更合适。1、区隔信息如图的短线除了分隔信息外还起到了点缀的作用。2、装饰短线也是可以用来装饰的，把短线放在文字信息的前面、或者相对应的留白区域，再选择合适的颜色，可以有效丰富版面。2、装饰在文字的下一

11、行位置加短线2、装饰在文字对应的空白区域加短线3、归类就是用一条短线把一部分信息归为一类，一般采用竖线。把文字左对齐或右对齐，然后在对齐的一面加一条长于或等于这段文字的直线，跟大括号的用法差不多，但是要更好看一些，在信息类别比较多的版面中很实用。3、归类在目录中使用短线是最合适不过的了。3、归类这些短线都有点长？那我们就叫它长长的短线吧。3使用色块使用色块进行排版也很是实用的一项技巧，而且容易营造时尚的感觉，经常被用在画册和网页设计当中，色块在版式中的主要用途有以下几个：1、划分区域在画册或网页设计中，可以用色块来划分区域，一个色块承载一块信息，使该色块内的内容与其他信息区别开来，如果色块较多

12、时最好让它们形成一定的节奏感，比如呈统一或渐变效果。1、划分区域色块在划分区域的同时还能把一些看起来比较零散的信息组合起来。1、划分区域如图的三个色块各使用了不同的颜色，且有意上下错开创造节奏感。2、突出重点突出重点信息的方式有很多，把它放在色块中也是一种不错的方法，文字和色块要使用对比色。2、突出重点图上的色块是为了突出折扣信息2、突出重点如图的色块是为了凸现标题3、分离背景当我们在图片上排文字的时候，由于图片的明暗关系不是太平均，所以会影响文字的阅读性，这时在文字底部增加色块是一个不错的方法，如果把背景图调成黑白，再使用颜色鲜艳的色块效果会更好。3、分离背景如果想保留背景图片的完整性，也可

13、以适当降低色块的透明度，或者使用正片叠底效果。4、丰富设计形式（装饰）色块本身就是具有强烈设计感的元素，所以我们可以用色块来进行构图，比如用几个色块组合成一个图形，或者通过色彩搭配制造对比，都可以做出很漂亮且有特色的设计。4、丰富设计形式（装饰）如图的色块其实是左上角品牌标志的延展，构图很特别。4、丰富设计形式（装饰）如图这款包装顶部的橙色在大面积的白色对比下显得十分显眼，成为了该包装的最大亮点4使用线框线框和色块的用法有很多相同的地方，但区别也不小，首先线框没有色块那么有视觉冲击力，其次，因为线框的框内是没有颜色的，所以更适合把图片也一同框起来了，而色块主要用来承载文字信息。线框主要的用法有

14、以下3种：1、信息分组用线框来把版面内的信息进行分组，跟色块的用法是同样的意思，这里就不多说了，直接看例子吧。1、信息分组线框的风格应该与设计的整体风格一致1、信息分组如图右侧用线框把信息分为三组，粗一点的彩色线框还很时尚。2、信息组织零散的信息可能会造成版面混乱，用线框把临近的信息框在一起是一个有效的解决办法。2、信息组织2、信息组织在这密集恐惧症的版面中，还好设计师用线框守住了信息区域附近的一片“净土”。3、装饰根据版面尺寸、设计元素，合理的使用线框可以使作品更有设计感和美感，如：用图片贯穿线框，塑造一种突破束缚的感觉，或者把线框直接作为版面边缘的装饰线条花边等。3、装饰在卡片的设计中用细

15、线框装饰在边缘，有点小小的文艺气息。3、装饰利用规则的线框与图片错开制造冲突。5把文字排成一个特别的形状正常情况下我们都会把段落文字排成小方块，但是对于那些要求不是太规矩的设计，我们也可以尝试把段落文字排成一些有意思的形状，例如把表达爱情的文字排成心形，把阐述环保的内容排成树的形状等。这些特别的形状会比方方正正的文字更具视觉冲击，看上去也会更灵活更有趣，不过太花哨的形状会降低文字的阅读性，要慎用。把文字排成一个特别的形状把文字排成一个特别的形状文字被排成平行四边形，虽然算不上太特别，但是也造成了一种不稳定的感觉，在周边文字的搭配下显得个性十足。6文本绕排即把文字绕着图片的外轮廓进行排版，这种手

16、法在画册、杂志或报纸的排版中比较多见，因为文字要足够多才能达到效果，使用文本绕排时，图片要用异形效果才会比较好，而且图片要尽量大一点，此方法最适合创造视觉冲击。文本绕排如图的版面中不仅运用了文字绕排，同时还用了大小对比、稀疏对比、留白等技巧，时不时很冲击力，感觉这个图还不错吧！文本绕排报纸中的图片选得非常好，既有空间感又有动感，文字与图片也结合得很紧密，营造出了一种车从报纸里冲出来了的感觉。7文本绕排因为对齐排版能够制造一种稳定、整洁、统一的感觉，最重要的是便于阅读，所以，几乎是在任何版式中都要用到该技巧。看似很简单的技巧，其实里面也大有学问，有很多优秀的设计作品中都暗藏了很多对齐的玄机，但是过份的强调对齐也会让版面显得很死板，于是有些设计师就喜欢故意制造凌乱，结果总是弄巧成拙。左对齐、右对齐、上对齐、下对齐、左右对齐、居中对齐。这位i设计师肯定有对齐强迫症，不过效果确实不错。8文叠图跟使用色块不同的是，文叠图不需要其他元素的辅助，而是直接把文字叠在图片上，所以必须要保持文字的可识别性。而且不要把所有文字都放在图片内，而是只放一部分，与图片形成交叉的关系。这种排版的优势在于对比效