关于设计：道理谁都懂，但就是做不对？

 如果你一直关注我们的研究和设置阅读号码，你应该知道我们有一系列的教程叫做“每个人都知道真相，而不是他们自己”，即修改和解释具体的案例。在这个教程中，我们也从提交中选择了一个案例进行修改，但与以前不同的是，这次我们从颜色的角度进行修改，然后结合布局。在正式修改案例之前，我想解释一个事实，即布局和颜色之间的关系。以人本身为例，布局相当于人的骨架、形状、肌肉甚至相貌。颜色相当于我们穿的衣服。或者用来修饰化妆品的外观。这可能有点抽象。让我们举两个例子。例如，明星，可以成为明星必须看起来很好，这相当于设计布局已经完成，但如果穿搭配或化妆有问题，相当于设计配色不好。因此，要想成为优秀的设计，必须是布局与色彩的结合。看着同样的人物，穿着得体，妆容得体，效果完全不同。再比如这些素颜的小妹妹，这里并不是说她们不漂亮。相反，如果化妆后会更漂亮，也就是说，如果你的布局能在设计中做好，基本上可以达到80分，漂亮的配色会给你的设计加分。以上两个例子从积极的角度来看，即在布局良好的前提下，颜色匹配对图片的影响，然后让我们反过来看看。也就是说，同样漂亮的配色在不同的布局上有不同的效果。就像不同的人穿同样的衣服一样，效果也会大不相同。我相信每个人都应该熟悉这个话题，因为每个人都必须看到买家秀和卖家秀的照片。通过以上人、服装、化妆的例子，我们主要告诉你一个道理，那就是布局和颜色在设计中的关系。为什么要先说清楚这个道理？因为我发现很多人喜欢单独看颜色匹配，虽然颜色可以是一个单独的学科，但我们学习颜色必须附着在某些载体上，无论你做哪个领域的设计，最终归因于布局，所以从某种角度来看，布局比颜色更重要，如果你的布局很差，颜色匹配是无用的。让我们用一个具体的案例来解释。这是我们订阅号后台收到的投稿，也是奶茶店开业的活动海报。首先，让我们从配色的角度来看看这个布局有什么问题。首先，让我们来看看这里使用的颜色的数量。很明显，颜色的数量不够丰富。除了背景和装饰元素的无色是少量的黄色，然后是图片中的红色。第二点是颜色层次不够鲜明。第一层是背景和装饰元素的无色，第二层是黄色，第三层是上层文字的白色。而且，由于数量和面积的原因，以及背景色，上面的文字使用了更多的无色布局。整体感觉是黑色和白色。下一个问题是点缀色的使用不合理。对于这张图，点缀色是插图上的红色，在这张图的整体配色环境下有点格格不入。结合以上问题，还有一个新问题，就是主题氛围没有很好的衬托出来，因为我们知道海报的内容是关于茶叶店的开业，所以整体风格要给人一种刺激或者活动的兴奋，而不是死气沉沉的感觉。当然，我相信有些人会说，他们也看到很多关于饮料或食物的海报使用黑色。请注意，我们不是说我们不能使用黑色，而是根据你的内容来决定。例如，这些海报的整体颜色是黑色的，因为黑色具有高档属性，我们注意到，即使黑色也有明确的彩色产品，不影响整体氛围，我们的情况下没有很好的彩色产品，是背景添加大量的文本。我们常说什么是好的配色，就是正确美观。所谓正确，就是你的配色要符合你的设计内容。例如，你的设计内容是关于女孩的，最接近的颜色是粉红色或粉红色，这在某种意义上是正确的，正确只是第一步，第二步是使用美丽的颜色，这是正确和美丽的颜色匹配。当然，颜色匹配的正确性是一个概率问题，而不是绝对的。例如，黑色具有男子气概和力量感。与女性相关的设计不能使用黑色吗？当然不是。具体问题要具体分析，但遵循规律总体上是有益无害的。看完这个案例的配色问题，我们来试着修改一下案例修改的颜色。在配色之前，我们先找一些符合这个设计内容的色卡。第一张色卡整体为暖色，以粉色为主色，最明显的特点是偏女性和少女。首先在背景上填充主色粉色，然后是装饰元素的黄色，最后用紫色和蓝色填充文字形成冷暖对比，最后用黑色填充LOGO，保证识别度，完成配色。我们再试一组配色。在这里，我们使用这组色卡，主要是黄色和绿色，它反映了食欲、新鲜和自然。填充步骤相同，直接看最终效果。再试一次配色三。这组色卡以蓝色为主色调，搭配黄色和绿色，给人强烈而鲜明的印象。我们可以看到，高纯度的颜色加上黄色和蓝色的对比，整体效果非常抢眼。还可以继续尝试配色四。也以黄色和绿色为主，但我们使用浅色作为主色。与之前的配色相比，这组配色并没有那么刺激，绿色给人健康自然的感觉。让我们再试一组配色。也以粉色为主，整体为粉色，上面的文字颜色使用较深的颜色。然后我们来比较一下。明显比以前的配色好，乍一看给人很强的视觉感受。针对之前的问题，我们一一看一看。首先，颜色数量的问题得到了解决，因为我们基本上使用了四到五种颜色。然后颜色水平也打开了，没有颜色的使用也适当减少了，装饰颜色没有很好的解决方案，因为它是图片材料的颜色，但对整体影响不大，使用这些颜色也衬托了主题氛围，但呈现出不同的风格。但是我们会发现，仅仅做好配色还远远不够，虽然整体上看起来会比原版好一些，但是经不起推敲。乍一看还可以，但只要我们仔细看，这个布局还是不能算是好的设计。为什么会这样？这将回到我们开始谈论的问题。虽然颜色匹配没有问题，但布局问题不能通过颜色匹配来解决，因此我们需要进一步修改布局。让我们逐一诊断布局中存在哪些问题。首先，字体搭配不是很好。我们看到这里使用了三种不同的形状，这三种形状是冲突的。棱角分明的字体与笔画圆润的字体相比太极端，这是字体的问题。然后文本层次和分组也很混乱，虽然这里也通过字体大小划分了一些层次，但距离不够好，或者一个整体，这将使人们在阅读中非常困难。然后是布局的负空间，因为这里的布局很满，没有呼吸的空间，所以会造成布局混乱。还有无关的装饰元素，这里的装饰元素显然只是为了丰富布局来衬托氛围，但这些装饰元素与主题关系不大，使用不合理。最后，结合在一起，导致布局没有组织，分组没有分组，层次关系和距离不够好，字体搭配不美观，没有清晰的构图，有一种大杂烩的感觉。在案例修改的版式下，我们直接来看看版式和颜色的修改部分。首先，我们提取海报中的文案内容，然后分组这些信息，即主题、时间、活动内容和地址电话。在配色方面，为了对比明显，我们使用前五组色卡不做任何改变。首先是第一组色卡。首先，在背景中填充主色，然后安排主标题和副标题，垂直安排新店的开业，然后在下面安排副标题，并添加一些装饰图形。然后将其放入布局的上部位置，然后查看时间。时间信息可分为两组，按对称形式分组排列，中间用线隔开。然后是活动内容。在这里，我们选择熊本熊的插图和骰子的结合来表达活动。阅读后，我们发现活动内容主要可以分为两部分，因此我们可以适当地删除文案信息。只要不影响整体内容表达，我们就可以更明显地设计赢与输，以两个礼品盒和对比色的形式表达，免费进料，因为无论输赢，因此，熊本熊的图片可以安排在两者之间，最后在空闲位置添加。安排完成后，放在时间的底部，最后是地址和联系方式，这里不需要太多的设计，直接安排就好。安排完成后，放在时间的底部，最后是地址和联系方式。这里不需要太多的设计，直接安排就好。放在布局的底部，可以用黄块来区分。内容信息基本安排好了，剩下的就是装饰设计了。主题新店开业中间有点空，可以找相关的奶茶元素添加形式，然后提取上面最重要的时间重复表现，但周围还是有很多空白，可以继续添加图形来丰富，顶部可以做一个窗帘的感觉。我们可以在时间上添加一个喇叭元素，然后添加其他装饰元素，继续用线填补空白。还可以装饰活动内容的数字，最后将LOGO添加到左上角，完成第一个修改案例。接下来，让我们来看看第二种修改形式。使用此色卡。修改顺序仍然相同，即首先安排主标题和副标题。接下来，让我们来看看第二种修改形式。使用此色卡。修改顺序仍然相同，即首先安排主标题和副标题。首先填写背景颜色。标题部分与第一个案例相似。它也是垂直排列，然后打开空间。产品和日期直接添加到中间的空闲位置，副标题添加到下面，这是一个矩形趋势。把它放在布局的顶部。然后是日期，上下排列分为两部分，左侧用喇叭的图形强调和装饰。把它放在布局的顶部。然后是活动的内容，这个活动的内容没有太多的设计，是非常传统的排版。放入布局，用色块简单区分下两个活动，最后是地址和联系方式，也是常规安排，但这里可以加一个线框。放在布局的底部，文本内容的安排几乎是一样的。下面继续细化，如布局顶部可以放标志和变形英语，底部可以添加黄色块，让布局颜色对比和信息区分更明显，然后空闲位置可以添加一些相关产品，布局可以，整体蓝色和黄色搭配效果非常明显。通过这两个修改案例不难看出，我们在这里没有使用太多的设计技巧，即文本内容的基本安排，结合合理的构图和布局，我们使用之前的颜色卡，也没有使用太多的颜色匹配技巧。目的只是告诉你，有时不要认为颜色匹配太复杂，只要布局，即使直接使用色卡的颜色，也能达到很好的布局效果，而不是专注于研究颜色匹配，但忽略了布局的构建。接下来，我们用第三组色卡做一个版本。标题部分也是先安排的。这个标题我们处理的比较简单，就是直接安排。我们可以省略免费喝奶茶的处理，只保留免费喝茶四个字。接下来，我们可以安排时间，因为标题部分没有太多的设计，所以我们可以在时间上安排一些形式感，用时钟图表来表达时间的意义，然后在上面安排时间信息，放在布局的右边。接下来，活动内容的安排也用这个图表来表达。下面用文字安排。为了区分两者之间的差异，可以在下面的输赢内容中添加不同颜色的色块。与时间形成呼应，放在布局左侧，然后放入二维码，最后是地址和联系方式。在这里，我们可以以对话框的形式表达它。把它放在时间下面的空闲位置，这样整个左右都是平衡的。接下来，继续丰富布局。显然，现在的布局有太多的空白，所以我们可以在下面添加一个产品，然后在产品下面添加一个色块。在这里，我们将使用无色白色进行混合，否则整个布局将是黄色的，看起来会有点闷。在产品图片的顶部可以适当地添加一些装饰线，底部可以解决。然后在布局顶部的空闲位置添加丝带图形，以反映新店的开业氛围。在上面的两个角落添加标志和需要强调的时间信息，最后添加一些彩色碎片来丰富图片，这个草稿已经完成了。接下来我们来看看第四组配色。这一次，我们首先选择奶茶店的图形作为主体。为了适应杯子的形状，主标题可以弧形处理，然后将副标题围绕图形排列到左右两侧，最后通过倾斜角度增加白色英文手写的变化。这个组合几乎是一样的。首先放在布局中，然后安排活动内容，也通过简单的文本安排，但纯文本将不可避免地更无聊，所以右边我们可以使用奶茶图形的形式反映赢和输活动，然后可以使用对话框的形式重复免费请喝奶茶文案内容，放在布局的底部。然后是时间，也分为两组进行安排，只是改变了不同的形式。把它放在活动内容的底部，最后是地址和联系信息。我们可以在电话部分进行适当的设计，并根据您的具体内容添加简单的地图，以便给人更直观的印象。把它放在布局的底部，但现在看起来下半部分有点混乱，有些人可能会想是否必须调整位置和颜色，事实上，没有那么麻烦，我们只需要添加一个色块来调和。最后，在布局上加入一些奶茶的泡沫元素，这个版本就可以了。事实上，这些修改案例的总体思路和步骤是相似的。无论是纯文本的安排还是形式感的设计，首先要做的是将文本分组分层，然后一步一步地进行有组织的安排。你不必太担心配色。你可以提前选择与主题一致的色卡，然后在设计过程中直接配色。也可以像我们之前的教程中说的，