一个外部的同学，给我们助教老师发了一张他做的海报练习 ，助教老师转给我看，看了一眼，不知道说啥，先看图吧，就是下面这张图。
其实做设计教育这么多年以来，已经习惯了很多同学发过来的设计没法下嘴这件事。但问题还是能说出个所以然的，比如——背景色浑浊暗沉的前提下，宜用高明度字体或白色字体，不宜用黑色字体；图像没有任何处理；点线面没有介入，背景用的网格属于较早期的设计元素，尤其在很多酸性海报和科技风海报里，这种设计都被用烂了；然后歪斜的文字没有面元素承载，这样就破坏了对齐感；文字排版无序且没有重量感对比等等。
巧的是，这串葡萄我瞅着眼熟，总感觉在哪见过，突然想起来是花瓣网里的一个元素，我还拿着给学员做过案例，遂去找过来给大家做几个不同的版式，敲一篇教程出来。
接下来，就是吃葡萄不吐葡萄皮的时刻。。。
#01
图像黑白化
先把葡萄拖进PS里，然后会发现，这图片从摄影图的角度看，已经很挑不出什么毛病了，但是“好看的图”和“好用的图”对设计师而言是两码事，我们需要这张图好用，而不是好看。
这里我们把图像在PS里通过两重处理，先是把图像做黑白化，然后是给图像做阈值。
于是我们就会得到一串黑葡萄。。。
然后给背景做渐变，颜色最好要符合葡萄本身的颜色的范围。。。
然后通过PS中的滤镜—像素化—彩色半调（这里彩色半调当中四个通道数值都设置一致）
这样我们就得到一个有彩色半调风的背景。
然后按照预先想好的构图方式，四角对齐排版，标题居左上角，由于标题想做双行，但是图像要放大，于是把标题后两个字缩小。总之记住，大字原则是前提，但在大图面前，大字也要让路。然后抒情文案我们做成路径文字围绕一颗果实排版。左下和右下都放英文，但形成大小和轻重对比。
继续补充文案，右上角用黑色把主要的标题级英文都排出来，形成和左边白色文字的强对比。新增加的日期文案右对齐。
增加黑色色块 ，让对比更明显，也让版面中的点线面更丰富，右下角加一个箭头，增加潮流感。
最后，给标题文字也加一点彩色半调的纹理，设计完成！
#02
对角构图
首先，开门见山就是一个ctrl+B，上来就给葡萄一个色彩平衡，调整如下。。。
得到的效果如下，然后把背景跟葡萄同色。这里就是本着一个“纯色系设计”的原理。。。用这样的色彩去拉伸视觉张力。
按照预先规划好的构图，将标题文字进行对角构图。同样，在版面的另外两个角上，英文作为一个凄凄惨惨的装饰工具跟着走起走起。。。注意这里标题直接就是怼到边，不留边距，也是为了饱满的视觉张力。
继续补充文案，这里新补充的数字和英文都“顺势排版”，融入进图像的环境里去，用蒙版，顺着果实的边缘擦除，做成被果实遮挡的感觉。。。
补充一个线性点元素在2024后面，左下角的上部加两个标签化设计，文字做镂空。标题上挂个纤细的英文小标题，文字采用futura字体。
最后的点睛之笔，背景肌理！！！完成！
#03
分割构图
这里首先把葡萄复制出两个图层，做成三个图层，三个图层分别向不同方向错开。然后通过混合选项面板进去，分别给三个图层各自只保留R、G、B三个通道当中的一个通道。做出故障风的感觉。
然后给背景分成上中下三块，给两个明度和饱和度都拉满的纯色调。其中一个空间遮挡葡萄，其中一个空间被遮挡。
上下背景皆为亮色系，所以文字自然给黑色，列出标题和底部文字及元素。
确定好整体构图之后，开始补充版面内其他文字。
版面中增加一个邮戳的小装饰，然后黑色背景区域加一些做旧元素，并且降低不透明度。
最后，灵魂之子。。。浇给。。。加上下色块的肌理素材让版面质感更强。完成！
怎么样，学废了吗？
还想让我写什么教程，直接在评论区留言给我，老罗一定倾力而为！
评论