“七星大法”为您揭秘文案排版那点事！

喝咖啡的猫

      对于那些做淘宝的无论是店长、运营、亦或是老板，对一个合格美工的基本要求就是效率，不管你会不会设计，你都要在限定的时间里完成设计工作。
      对于一个有一定规模的淘宝店，至少有一个C店和B店，如果下面还有其他品牌，那店铺就更多了，相应的工作量也会增加许多。
     总有些老板为了省钱而少雇佣设计师，这个时候设计师的效率就显得非常重要了。
     往极端了说，做美工的最直接最好的方法就是抄。你可以把好的店铺的推广图拿过来，改下文字就可以直接用。没有版权问题，工作也可以很好的完成。但是，对于一个有想法或者说一个真正上进心的美工肯定很不愿意这么做，因为这不是他的设计。在不妥协的情况下，他会自己做设计，尝试各种各样的想法，然后各种被否定，最后拿出来的设计总是会差那么一点。在很多年的时间里，他会不清楚这一点到底是哪一点。也许他这辈子都会不知道，因为在得到那个答案之前他已经转行了。
      嗯哼！收！~~
      把话题拉回来。图片的设计并不复杂（我这里指的广告图），一般情况下产品照片加背景加文字就可以搞定了的，也用不着很有创意的设计，很容易模式化，也因此变得不容易出彩。在一张广告图里最重要的元素有两个，一个是产品照片，一个是广告文案。其中最重要的工作就是完成文案的排版。
      排版的档次可以分五档。分别为狗屎丶别扭丶一般丶舒服丶小伙伴们都惊呆了。
      嗯哼！再收！

      先来看张图吧，不管其他元素，单看文案的排版，相信你和我会是同一个感觉，那就是乱。

      为什么会乱呢？

     再来看张图。这张看起来是不是好很多？

      如果放开了讲，排版可以从字体的选择讲到颜色的搭配再到位置的摆放，每一点扩展开来都可以洋洋洒洒讲上一堆。但是知道这些就够了么？或者说知道这些能让设计师找到设计的关键么？

      答案是不会的。

      绝大多数设计师的设计习惯是边加内容边排版，这样很容易导致一个问题，就是我们需要用大量的时间来调试各种各样的排版方式。这点大家应该深有体会，每一次设计，我们的时间很多时候都花在元素位置的摆放，大小的调整，颜色的调配上，太浪费时间了。

      你能找出它们的共同点吗？

      它们的排版看起来一点都不死板，看起来舒服又有亮点，是什么地方让它们看起来与众不同呢？

      也许你看到的是位置的摆放，或是英文的选择等等。我看到的则是整个文案排版的形状。

      它们的形状或对称，或对齐，看起来是一个完整的整体。排版的整体形状是非常关键的，首先，文案的这块区域是受众的阅读区域，如果形状是常见的稳定协调的形状，看起来就不吃力，也容易获得注意力。该形状区域里面的注意力分配又是另外一码事了，这里先只考虑整体的形状。

      我们以前学写作文的时候，都会学到一个总分结构，我们写之前就应该规划好整篇文字的结构。设计也是一样的，在我们在做具体的排版之前，我们最需要做的就是规划整体文案的形状，然后再是形状区域内部的排版，如果我们这样做设计，在时间上就会获得很大的自由。

      该怎么挑选形状？

      看看上图就能明白了。现成的让人感觉舒服的形状是很多的，长方形丶圆形丶圆环丶塔形甚至是上面的皇冠形，这些都是很好的形状，一旦选好形状，后面剩下的工作就是把你的文案填进去，如果文字不够就加上英文，还不行的话，可以把另外的图形填进去，这样整体的设计感就会很强，更重要的是节约了大量的设计时间。效率是设计师的生命。也许你可以试试这种方法。

      文案形状设计法还是很有效的，至少在我的工作中有起到很好的作用。这种排版方法的关键在于让文案依照形状的走势来排版，整体效果是可以的，但是文案的排版精细度就不会太够。为此我决定把这个方法再拓展一下。在不考虑模特照片的情况下，我们可以把文案排版的元素分为以下七种：

字形丶方向丶颜色丶数字丶英文丶纹理丶框架。然后我按照设计的难易顺序来排个参照序列。

一丶斜向排版&竖向排版&横竖混排

      有倾斜的排版视觉效果是非常直接的

      斜向排版范例

      特点：倾斜角度不要超过45，否则影响视觉效果。另外一旦采用斜向排版，建议把所有文案内容都采用斜向排版，否则看起来不协调。

      竖向排版范例

      特点：竖向排版适合做有文化底蕴的东西。

      横竖混排范例

     特点：横竖混排非常考验排版能力，属于高端技巧，虽然很难排出效果，但是偶尔尝试一下也未尝不可。

      二丶双色排版及三色排版

      如下图所示的设计图在淘宝还是比较常见的，问题的关键是你有没有掌握里面最核心的设计方法。我把这种排版简洁视觉效果突出的方法归纳为双色排版和三色排版。当然，关于色彩的排版设计并没有那么简单，我只是出于高效

排版的需要所选择这样一种排版方式作为我的设计参考模板。

      双色排版范例

      特点：文字隔行排版，且两种颜色对比强烈。

        三色排版范例    特点：这里的文字颜色有三种。一个背景色，一个白色，一个黄色，这种颜色排版方式颜色对比强烈但又很协调。我们自己做图时可以采用另外的对比色，背景色和白色可以作为基础色。
      三、数字的巨大化

      促销图的排版少不了数字，一般是折扣数字和价格。下面是数字排版的典型创意。

      数字巨大化范例

      特点：数字跟文字对比强烈，包括大小和颜色。当然也可以如上图所示在位置摆放上做更多的创意。

      四、用英文制造形状

      现在有很多的广告图都加了英文，有消费者会看吗？未必，但是英文对于整个排版的增强效果是非常明显的。

       英文排版范例1     特点：把英文本身作为一种形状，让文案围绕英文排版，非常有趣。

      英文排版范例2

      特点：把英文本身做出一种形状，居中排版，简单而有效，推荐使用的一种英文辅助排版方式。记住英文字体要小，读不出来没关系，关键是文字排出来的形状。

      英文排版范例3

      特点：正如我在另外一篇文章里介绍的一种设计方法，先创建一种形状，然后把文案填进去，上图的英文就是作为一种辅助图形存在的，记住英文的关键作用，那就是让英文创建形状。

      五、纹理的创建

      纹理创建范例

      特点：上图已经展示了纹理创建的两种常见方法。一、数字260000，让文字的背景用另一种背景来填充；二、数字1875，这种方法就比较高端一点，文字的纹理就是背景的内容，但是颜色有改变，这种方法用的好的话是非常容易出彩的。

      六、文字的结合和变形

      文字是排版的核心，但是单纯地做文字效果也是最难的。下面是文字结合变形的两个范例。

      文字结合范例

      特点：文字的笔画相融合，形成一个整体的形状。难度系数极高，不常用的设计手段。

      文字变形范例

      特点：虽然上面的案例效果很赞，但是它不是高效排版的好方法，文字的效果需要很好的创意，日常的设计往往没有那么多的时间来给我们做创意。

      七、文字框架的选择

      

      文字框架范例

      特点：文案框架的形状选择可能性是无限的，你可以在不参照其他设计图来设计你自己的原创设计图。我把这种方法当做最简单但也是最难的设计方法，说简单是因为形状可以随便挑选，然后你把文案内容填进去就可以了，难是因为文案和框架的匹配也需要很多技巧，设计想要做很完美总是很难的，像上图这种效果很赞，但是我们想要模仿出来还是药费上很多的心思的。

加我请注明：打货网

喝咖啡的猫

码字好辛苦