Date 2026-04-20 14:21:08

@K先生,研究社 :「每个人都知道设计的道理,不会改变自己」本系列自推出以来一直很受欢迎,所以本期我们将继续选择具有代表性的设计案例进行诊断和修改,希望为设计师在未来的工作中提供一些新的参考思路。让我们一起进入今天的内容。
上期回顾:“每个人都知道设计的道理,为什么不改变自己?”

本期为我们提供设计源文件的是邮箱尾号2902的朋友,感谢他提供给我们的设计内容。经过网上数据查询,我们大致了解到这是9月19日中国邮政电商节日海报,内容是金条收藏的促销活动。
首先,让我们谈谈这张海报的优点。我们不仅要知道作品的缺点,还要知道有些想法不是错的,而是处理不好。
1. 字形选择

字体的选择没有太花哨的字体。没有拉伸变形和各种光效,字体大小也有层次对比。整篇文章选择了中性黑体和无衬线体,只在一段文字中添加了宋体,形成了字体的对比。因为大部分内容都是关于价格和活动的信息,所以从字义上选择黑体也体现了这种促销的印象。
2. 色彩搭配

布局共有两种颜色和黑白无色搭配,其中黑色和黄红色的搭配也是设计中常见的颜色组合。

以黑色为主的视觉会给人留下高级和质感的印象。
3. 创意思路

这也是元素安排理念中可以保留的一点。布局中的主体由一个图形和一个产品组成。问题是底部的图形在外观上与产品没有太大关联。从外观上看,我不知道它是黄金拼音的第一个字母还是产品名称的开头汉字。

黄色产品成为黑色背景下的绝对视觉焦点,位置也在布局的中心,这将使产品引起广泛关注。布局底部倾斜的图形会提供一些动态的不稳定性,这也是一种防止布局变得僵化的技术,其他相应的元素可以排列整齐。

中间图形的加入增强了整体的层次感,它最大的作用就是使布局中的内容更加丰富。

我们对文本的基本印象是建立在水平的基础上的。一旦角度发生变化,原本熟悉的文本就会变得陌生,意义识别的降低将使我们更容易认识到它作为一个图形。

小心点,你可能已经发现图片中的图形文本并不是简单地旋转角度,而是增加了透视的变化,这种踩在文本上的形式近年来经常用于电影海报。

在我们的文章《谈图文叠加的四种常用技法》中,也提到了这种图形与空间融合的方法,简单的图形叠加。透视图会有更多的空间感,整个画面的深度也会增强。
然后在布局的优势之后,让我们讨论一下这个布局中可以改进的缺点。
1. 缺少秩序感

首先映入眼帘的问题应该是缺乏秩序感,那么秩序感一般体现在哪里呢?对齐自然是创造规律和秩序的首选。导演最容易指出新设计师的问题是对齐。除了对齐,这个布局中的凌乱感也来自于元素的分散,设计师划分了太多的文字块。

凌乱的色块自然会使周围的空间同样复杂和多变。对齐至少可以确保元素的排列有一定的秩序感。当然,过于规则的布局也需要改变,否则它会变得僵硬和无聊。
2. 字重的均衡

文本的粗细对比过于强烈,虽然粗细对比可以起到强调信息的作用,但过度对比也会使人们忽略对比的薄弱部分。

因此,在修改文本大小后,我们需要尽可能平衡它们的厚度。我们使用线条来模拟布局中的文本灰度。可以看出,平等厚度的线条和背面景观混合后,可获得非常匀称的布局灰度。

对于大小差距过大的文本,我们只需要尽可能在视觉上使其厚度相似。同样,我们可以通过使用线条模拟文本来获得更平衡的布局灰度。

但是极端比较的后果是什么呢?如果布局充满了极端的厚度对比,结果就是布局会变得非常复杂,到处都是所谓的关键信息,严重干扰了内容的传达。
3. 空间的划分

空白和负空间的分散也是使布局混乱的关键因素。图中框架的位置是我们标记的负空间部分。很明显,负空间的划分非常分散和不完整。
4. 缺乏逻辑阅读

布局的目的通常是让内容信息更容易理解。但是,如果内容的传播因为安排而受阻,就会失去应有的作用。
5. 氛围烘托

原设计草案的背景采用了纯背景色和三条分割线的组合。虽然这种搭配有一定的层次感,但由于缺乏细节,它也会显得有点单调,没有发挥有效的氛围衬托作用。
6. 主视觉刻画

接下来,让我们来谈谈主要视觉的描述。我们观察元素和其他主要处理方法。产品提供了两个角度,中间还添加了一些亮点和气泡进行装饰。粗糙的边缘会给人一种非常便宜的感觉。另一个问题是,这个有文字的主体不能随意镜像,所以很容易穿帮助。

在谈到了优缺点之后,让我们试着重新设计这个布局。首先,提取文案信息和产品主体有两个视角。

右上角和左下角的闪光灯有点太梦幻了。真实性不是很强。让我们先把它去掉。下面的气泡似乎没有逻辑。

接下来,与另一条金条组合,使另一条金条覆盖四分之一的位置。组合完成了。

接下来,让我们纠正它的颜色温度。目前,颜色有点冷。我们试着把它调整得更暖和,这样整体上会更舒服。这是因为当自然界中的黄色亮度变暗时,它也会偏移到红色。

然后重新绘制它的光影,为图像添加暗细节。

画光影和材料,我们在给它添加一些高光,这样主体部分的刻画就完成了。

对主体部分的描述完成了底部文本的替换「福」字,这样不仅画面会变得更加丰富,还能使底层的图形与内容相关。

为底层文本添加红色,以衬托产品的先进感。主要内容的面积与整个页面的比例为黄金分割比。

亮度高的颜色会显得近,亮度底部的位置会显得远。

接下来,通过笔触丰富书法字的细节。

在文本中添加纹理。这样,主视觉部分就完成了。

为了满足产品的光影,我们在底部添加了投影探照灯效果。

下一步是为图片添加阴影和倒影。这里需要注意的是,从这个角度应该做什么?显然不可能复制一层,然后反转镜像。在这种情况下,我们需要重新修改投影图形。

接下来,添加一些火星点,以衬托布局氛围,使图片看起来更饱满。同时,火和金条的铸造也有一定的相关性。图像部分设计完成后,将文本部分安排在布局顶部的空白位置。在这里,以色块的形式安排将更容易理解布局中文本的组成结构。

在高度上,文本部分占据了布局顶部五分之一的大小,宽度是左边占据了两列,右边占据了一列的宽度。左右两个文本组合之间预留的空间只是右边标题文本组的宽度。页边距的大小与主标题的最大字体大小相同,重复相同大小的比例,两条厚线也重复大小文本的厚度。

这与绘画的想法相同。首先确定轮廓,然后逐渐添加更多细节,同时确定整体结构和比例关系,然后进一步绘制细节。


以上是本期的内容。我希望你能在未来的工作中多思考。也许下次你会遇到我们今天遇到的这些问题。只有看到明确的问题,我们才能找到解决这个问题的方法。