@研习设K先生 ：如是关注我们研习设订阅号小伙伴应该知，我们有个系列教程叫做《理谁都懂，换成自己不会》，也是针具体案例进改和讲解。本期教程我们也是从投稿，挑选个案例来进改，不过跟前有所不是，这我们是从色度出发再结合版进改。
在正式修改案例之前，我要先为大家阐述一个道理，就是版式和彩之间的关系。
这里我们就拿人本身举例，版式就相当于人的骨架、形体、肌肉甚至相貌。
色彩就相当于我们身穿的衣服。
或者用修饰相貌的化妆品。
这么可能些抽象，我们举两例子。比如明星，能够明星肯都相很不错的，也就相当于设中的版式已好了，但如果穿搭配或妆问题，就相当于设中的配色好。
所以优秀的设，必须版式色彩的结合。
我们看同样的人，穿妆得体，效果就完全不一样。
再比如这些素颜的小姐姐，这里并不她们不漂亮。
如果行化妆后会漂亮，也就设中如果的版式能够好，基本已可以达到八十分了，漂亮的配色会的设加分。以这两例子从向的角度看，也就版式好的提下，配色的好坏对画面所造的影响，那我们再反过看一下。
也就同样好看的配色，用不同版式效果也不同的。
就好比同样的衣服不同的人穿，效果也会天差别，我相信这话题家应该不会陌，因家一都看过那种买家秀卖家秀的图片。
通过以人与服装以及化妆的例子，主告诉家一道理，就设中版式色彩的关系。什么先清楚这道理呢？因我发很多人都喜欢单独看配色，虽然色彩可以单独的一学科，但我们学习色彩肯都依一的载体的，无论哪领域的设，终都归根到版式，所以从某种角度讲版式的重性于色彩，如果的版式很差配色再好也于事无补。
下面就用一个体的案例来讲解，这个是订阅号后收的一个投稿，是一个奶茶开业的活动海报。
首先我们先从配色的角度看看这版面都哪些问题。
首先我们先看这里色彩的使用数，很明显色彩的数不够丰富，除了背景装饰元素的无彩色就少的黄色，再就这图片的色。
第二点就色彩的层次不够鲜明，第一层就背景装饰元素的无彩色，第二层黄色，第三层就层文字的白色。
且方的文字因数面积的原因再加背景色，就导致了版面的无彩色使用较多，整体给人的感觉就黑色白色。
下一问题就点缀色使用不合理，对于这画面，点缀色就插画图片的色，这画面的整体配色环境下显得些格格不入。
结合以这些问题综合起又一新的问题，就很好烘托出主题氛围，因我们知道海报的内关于奶茶店业的，所以整体的风格应该给人一种刺激或者活动的闹，不死气沉沉的感觉。
当然相有的人会说，也见过多关于饮品或美食的海报使用黑色的情况。
注，并不是说不能使用黑色，而是要根据你的内容来定。比如这些海报整体的色调都是黑色，这是因为黑色有高档的属性，而且大家注，就算是黑色调这也有确的有彩色产品，并不响整体的氛围，而这个案例中并没有好的有彩色产品，就是背景加大量文字。
我们说么才是好的配色，就是正确美观。谓正确，就是你的配色要符合你的设计容。如你的设计容是于女的，那最贴的颜色就是粉色或粉红色，这在某种意义上就是正确，而正确只是第一步，第二步还要把这个颜色的美观，这就是正确美观的配色。当然于配色的正确性问题是一个概率性问题，并非是绝对的，如黑色具有阳和量感，那和女性相的设计就都使黑色了么？当然是，这个要具体问题具体分析，但总体上遵循规律还是有利无害的。
看了这个案例的配色问题，面我们就来尝试修改一。
配色一
在配色之前我们先一些符合这个设计容的色卡。第一个色卡整体为暖色调，粉色为色，体现来最明显的特征就是偏女性和女。
首先将色粉色填充到背景上，然后是元素的色，最后紫红色和蓝色填充字形成冷暖对，最后将 LOGO 填充黑色保证识别，这个配色就成了。
配色二
再尝一组配色。这用这组色卡，以黄色和绿色为主，这个色卡体现出来的就是食欲、清新、然。
填充的步骤都是一的，就直最终效果。
配色三
再试一。以蓝色主色调，搭配黄色绿色，这组色卡给人的印象就强烈、鲜明。
我们看，纯度较高的颜色再加黄色蓝色的对比，整体效果很抢眼。
四
还以继续尝试。也是以黄和绿为主，但是主我们使用淡。
相比之前的，组就没么刺激，而且绿给人的感受就是健、自。
配色五
我们再来尝试组配色。
也是以粉色为主，体为粉色系，上文色使用较深颜色。
然后我们来比看下，跟前配色相比，明显会好些，乍看视觉感受是很强。
针前问题，我们逐来看下。首先色数量问题解决了，为我们这里基本上都是使用了四到五颜色。然后色层也开了，而色使用也适减少了，缀色没有很好解决，为是图片素材上颜色，是体影响也不大，综合来看这些色相使用也烘托出了主题氛围，不过呈现出来风格不而已。
但是我们会发现，只做好配色还是远远够的，虽然在整体上看起来会原版的好一些，但是经起推敲。第一眼看上还可，但是只要我们细看，这个版面还是算是好的设计。这是为么呢？这就要到我们开始讲的那个问题了，虽然配色没么问题了，但是版式上的问题并通过配色来解决，我们还需要进一步修改版式。
先来逐诊断下都有哪些版上问题。
首先在体搭配上做并不是很好，我们看这里使用了三不形，而这三形是有冲突，个棱鲜明体和笔画较圆润体搭配在起比太极端，这是体问题。
然后文层级和分组也是很混乱，虽然这里过号也划分了些层级，是在距离上做是不够好，是个体，这会让在阅读上很吃力。
然后是版负空零碎，为这里编排常满，没有喘息空，所以会造成版混乱。
有是关装饰元素，这里装饰元素很明显是单纯为了丰富版烘托氛围，是这些装饰元素和主题并没有太大关联，属于使用不合理。
最终结合在起，造成了版没有条理，该分组没有分组，层级关系和距离做不够好，体搭配也不美观，没有个晰构图，有大杂烩感觉。
下我们接来看版和色改部分。
版
首先我们先将这个海报中的案容取来，然后对这些信息进行分组，就是题、时间、容及地址电话。配色上为了对明显我们就使之前的那五组色卡做任何变。
首先是第一组色卡，先将色填充到背景当中，然后编标题和副标题，将店开竖，然后方编副标题，并且添一些图形。
然后放进版面中上的位置，接来再来看时间，时间信息要可划分为两组，按照对称的形式分组编，中间线来区隔。
然后是容，这里我们熊本熊的插画和骰子的结合来表现，我们阅读之后发现容要可分为两个，我们可对案信息进行适当的删减，只要影响整体的容表达都是可的，然后赢和输这我们可设计的更明显一些，两个礼盒的形式再上对色来表现，而免因为无论输赢都有，可在两者中间，最后在空余位置添熊本熊的图片即可。
编之后放到时间的方，最后就是地址和联系方式，这里需要进行过多的设计，直接编就好。
放到版面的最方，这里可色来区分一，容信息基本上都编了，剩的就是性设计了。标题店开中间有些空，我们可相的奶茶元素添进来形成图叠字的形式，然后上方可取最重要的时间来重复表现，但是周围留白还是有些多，可继续添图形来丰富，顶可做一个门帘的感觉，时间这我们可添一个喇叭元素，然后再添他的元素，继续线来填补空白，容的数字可进行，最后将 LOGO 添到左上角，第一个修改案例就成了。
版式二
下面再来第二个修改形式，使用的就是这个色卡，修改顺序还是一，就是先来编排主标题和标题。
先填充背景色，标题部和第一个案例相似也是竖排，然后拉开空间，在中间空余的位置直添加产品和日期，下方添加标题，整体为一个矩形势。
放版面偏上方的位置。然后是日期，也是个部编排上下排列，左侧用喇叭的图形来调和装饰。
放版面偏上方的位置。然后是活动内容，这次活动内容没有进行多的计，就是常规的排版。
放进版面中，用色块来简下个活动，最后就是地址和系方式，同也是常规编排，但是这可以加一个线框。
放版面的最底部，文字内容的编排就差不多了。下面继续细化，比如版面的顶部可以放 LOGO 和变形的英文，底部可以加一个黄色块，让版面的色彩对比和息更加显一些，然后空余位置可以添加一些相关产品，这个版面这就可以了，整体蓝色和黄色的搭配带来的效果鲜。
通过这两个修改案例难看，这里我们并没有使太多的设计技巧，就是对字容基本的编，结合合的构图和版式，并且在配色上我们就是使之前的色卡，没有使太多的配色技巧。目的只是想告诉大，有时候要把配色想的太过复杂，只要先把版式做好，哪怕直接使色卡的颜色，是可达到很好的版面效果的，而是处心积虑的研究配色，却忽略了版式的搭建。
版式
面我们再第组色卡来做一版。
同也是先编排标题部，这次标题理的比较简，就是直编排，免费请你喝奶茶可以略理，只保留免费喝茶四个字。
下来编排间，因为标题部没有进行过多的计，所以在间上就可以进行一些有形式的编排，用钟的图形来表现间的含义，然后在上方编排间息，放版面的右侧。
下来编排活动内容，同也是用这个图形来表现，下方用文字来编排，为了者的不同，下方的输赢内容可以添加不同颜色的色块。
间形成呼应放在版面的左侧，然后将二维码放进来，最后就是地址和系方式，这可以用对话框的形式来表现。
放间下方的空余位置，这整体左右就是衡的。下来继续丰版面，现在的版面显然留多了，所以可以在下方添加一个产品，然后在产品下方添加色块，这用无彩色色做一个调和，不然整个版面都是黄色会显得有些闷。产品图片的上方可以适当添加一些点缀线条，底部就解决了。然后就是版面最上方的空余位置添加彩带图形来体现新开业的气氛，上方的个角落添加 LOGO 和需要调的间息，最后再添加一些五彩碎屑来丰一下画面就可以了，这一稿就完成了。
版式四
下面再来第四组配色。
这次我们先选择一张奶茶店图形作主体，了切合杯子的外形，主标题可以行弧形处理，然后副标题围绕这图形编排到左右两侧，后用一白色的英文手写体通过倾斜角度增加变化，这组合就差不多了。
先到版面当中，接下编排活动内，也通过简单的文字行编排，但纯文字难免会比较枯燥，所以右侧我们可以用奶茶图形的形式重复体赢输的这活动，然后可以用对话框的形式重复免费请喝奶茶的文案内，到版面的下方。
接就时间，也分这两组行编排，只不过换了不同的形式已。
到活动内的下方，后就址联系方式，电话部分我们可以行当的设，并且根据具体的内可以当的添加简略的图，这样给人的印象加直观。
到版面的底部就可以了，但看去下半部分显得些乱，可能的人会不就得调整置颜色了，其实不用那么麻烦，我们只需通过添加一色块调一下就可以了。后再版面添加一些奶茶的泡沫元素，这一版也就可以了。
其实这个修改案例大体的思路和步骤都差不多，无论是进行纯文字的编排还是有形式的计，首先要做的都是要先将文字进行组和层划，然后一步一步进行有条理的编排，而配色方面大家不用纠结，你可以像这提前选择好和主题相符的色卡，然后在计的过程中直配色。也可以像之前的教程中所讲的，先用黑灰代替来创建版式，最后再填充颜色，种方式都可以，可以根据个人的工作习惯来选择。
版式五
下面就是最后一稿修改的案例。
同样也用之的色卡，这次我们将标题时间信息一起编排，主标题副标题其实并固的求，主还看突出哪。这一稿我们就突出免费请喝奶茶，并且选用一款卡通体，配一杯饮品，然后免费加料处理一小标签的形式，这组合就平衡了。
先到版面当中，然后新店业时间，下排列到版面的方。
然后用同样的方式，就主标题添加色块行信息区分。
接活动内，这次我们使用序的方式编排，这样阅读顺序加具条理，同样底部也需添加白色块，这样就会加清晰。
后就址联系电话，同样这里我们也使用图的形式。
到版面的底部，但很明显右侧些空，所以我们可以添加一饮品的图片。内部分就差不多了，这版面还同样的问题，就留白些多，所以我们可以继续添加产品丰富版面，顶部可以添加一些彩图形。
后就产品添加手绘图形，让产品的形态类似卡通人一样，加动活泼，同时也加强调了整体卡通、可的调性，后这一稿也就完了。
此为止这五个修改案例就全部完成了，并且每一个版式都不一。但是颜色还是前期改稿使用的颜色，从给人的色彩印象上来并没有大的差异，但是细的话显然后改的案例要更好一些，版面更有条理一些，这是因为版式的因。
本期教程这就结束了，在课程开始的候主要为大家阐述了一个道理，就是版式和色彩之间的关系，之后挑选了一个作品来作为案例进行析。先析了色彩的问题，然后进行重新配色，发现虽然重新配色之后效果会好一些，但还是没有解决根本性问题，所以进一步析了版式上的问题，对版式和色彩同进行修改，并且用相同的思路做了五稿。相通过这些演示能让大家彻底配色和版式之间的关系，只有弄清楚了这面的逻辑，才能从容地去解决一个个问题。
注研习社的微信公众号：「Yanxishe2017」
浙公网安备33011002017549号