/我做设计养你啊

我做设计养你啊

写前叨逼叨:献丑设计了一张设计师版的情人节海报。

情人节马上就要到了,葱爷想给设计师设计一张情人节海报,表白是情人节的一个重要主题,那么设计师要如何表白呢?我想到了电影《喜剧之王》里的台词:我养你啊。以及网络流行段子:我偷电动车养你啊。

于是得到了:“我做设计养你啊”这个主题。我觉得还挺有趣的,既是设计师的表白语,也能体现出设计师的心酸与专情。
主题很有设计师的味道了,有没有?设计风格当然也要如此,形式上应该有个性一点。由于设计师的主要工具是电脑,根据电脑这个元素,我想到了近年很流行的复古互联网风格,即像下面这些由各种复古计算机元素拼贴组合而成的设计。

不过这种在色调上缺少情人节的氛围,我觉得可以跟蒸汽波风格结合一下。

现在可以开干了,首先去找一张老款的正面台式计算机图片,然后加上一双正在操作的手,呼应主题中的“做设计”。

电脑屏幕上可以加一个爱心,呼应情人节,不过这个爱心也要符合整体的风格,我想到了以前电视机上无信号时出现的色彩条纹,很有复古气息和设计感,于是我画了一组类似的图纹。

然后通过C4D材质贴图,使其变成一个立体的爱心样式,再放进画面中的电脑屏幕里。

接下来我们增加一些与设计师相关的其他元素,以丰富画面主体,跟设计师和电脑直接相关的元素就是设计软件,比如Ps、Ai、C4D等等,把这些软件的logo摆在电脑周围,然后通过重复叠加的方式形成立体感,塑造出这些软件是从电脑后面发散出来的感觉,这么做可以增加画面的空间感和视觉冲击力。

注意各个软件logo的大小可以有所区别,logo发散出来的方向和路径也可以有所变化,保持左右两边的平衡,并尽量使整体效果看起来自然一点、丰富一点。
电脑周围都是类似的设计软件logo还是显得有点单调,从之前的参考中可以看到,电脑弹窗也是这类风格很喜欢用的一种元素,所以我也添加了一个弹窗,与电脑错位叠加,弹窗里面加上一行文字“今天是情人节,不要加班”的英文翻译。这样视觉上就变得丰富了一些。

主体的大效果出来以后,我们再来制作一下背景,蒸汽波风格的色调一般是以蓝紫色和玫红色为主,这种色调与情人节的调性也是比较吻合的,于是我给背景填充了一个两端是深紫色,中间是玫红色的渐变,这样可以进一步突出主体。

然后我再给背景增加一些网格线条,加强背景的空间感,同时也可以强化设计风格。

接下来是标题设计,这种复古的设计风格以及计算机元素,让我想到了像素字,所以决定设计一个像素风格的标题。
首先,我通过AI中的矩形网格工具绘制出如下网格状色块。然后,用黑体输入标题,并把其放在网格色块的背后,缩放到合适的大小。

接着,根据黑体字的笔画路径,把网格中对应的色块填成白色,当然,在这个过程中需要根据实际情况来自行调整笔画的走势,文字的字面不需要完全统一,关键是要保证文字的识别性。

这样一组像素字就设计好了,我们只需用魔棒工具把黑色部分删除就好。

最后,把设计好的标题放到画面中,为了使其更突出、更厚重一点,我给其加了一层阴影和描边,否则效果过于单薄,会影响版面的平衡。

在中文标题上增加手写英文“I Love You”,一方面可以填补标题中的空白,另一方面可以与硬朗的像素文字形成对比,视觉上更加丰富。

到这里,大效果就出来了,我们还可以再增加一些元素丰富一下细节,比如在标题下方增加几个像素爱心,在电脑旁边增加一盆绿植。

整体效果还是有些拘谨,我们可以进一步打破,首先,把标题左移,在右边增加两个文件夹图标,然后,把文字 “2.14 happy valentine′s day(情人节快乐) ”,叠加在电脑下方,拼贴与复古风格得到进一步加强。

构图和排版部分已经完成,现在我们来调整颜色,背景色是整个画面的环境色,所以需要在此基础上调整画面中各元素的颜色,使他们在色彩统一起来,形成一个整体。做法通常是在元素图层上方新建一个图层,填充一个与背景色类似的渐变色,然后把图层的混合模式改成“柔光”或者“颜色”。

最后,略微调整一下看起来不太舒服的细节,再给电脑部分增加一点故障效果,以及加强颜色的对比度和饱和度。

最后的最后,我觉得根据标题的调性,画面还可以再有趣一点,于是我隐藏了最上方的Sketch图标,取而代之换上了一个比心的暴漫表情,到这里,海报就做完了。

这不是一张传统意义上的情人节海报,没有明确的诉求,风格也相对小众,葱爷只是借此来分享,在做设计时如何打破常规做出新意,以及如何创造和优化主视觉图形、如何合理布局和统一版面中的元素,希望这篇文章对你有所帮助。

本文来自微信公众号“葱爷”作者:葱爷(ID:congyenanian)。大作社经授权转载,该文观点仅代表作者本人,大作社平台仅提供信息存储空间服务。