抄一下？可口可乐换像素风格设计！

最近，

可口可乐的设计又整活了，

居然推出一款元宇宙主题的可乐。

呐，外观长这样：

这和元宇宙有啥关系，我还真看不出来。

我能看出来的是，这款可乐看着挺有像素味。。。为了贴合这次的包装设计，他们还将自己的LOGO单独设计了一个像素版本：

无论是LOGO还是包装设计，都有种复古的电子游戏风格，像素风的设计给人一种潮流、前卫的感觉。

不过，我咋看着像是可口可乐和字节跳动搞的联名了呢~

大家不要问我哪里有得卖了，我上网查了下，美洲地区限定款！

既然喝不到像素味的可乐，那不如学学像素味的设计？

那啥~

干货来的时候，挡都挡不住！

首先我们来分析一下，像素风格的设计都有哪些视觉特征。

 格子、方块元素 

这个无须多解释，像素化的最大特征就是图形和文字都是由小格子组成的，所以格子和方块，自然就成了像素风格的代名词。

 描边、重叠效果 

画过像素画的同学都知道，为了让文字或者图案的显示更加清晰锐利，经常会加一层深色的描边，或者叠加一层深色。时间久了，这种处理手法也就成了像素风格的重要特征。

 复古元素 

在像素风格的设计中，可以看到大量的复古元素的应用，这些元素大多来源于红白机经典游戏界面元素，或者早期的windows界面等。

像素风格的设计大多用于游戏、科技、复古等主题。其实，只要设计得当，它完全可以适用于更多设计主题。下面我们就通过实操案例来看看像素风设计如何做。

废话少说，直接动手吧。

虽说电商海报以实用为主，但是视觉特征鲜明的设计能让产品更有品牌调性，像素风给人一种潮流前卫的感觉，用在服饰类的设计上挺合适。

来看看怎么做。

第1步，

抠一张模特图。

第2步，

根据素材图片的颜色，我们吸取裙子上的黄色作为背景色，然后在画面的顶部画两行格子，与裙子的格子风格呼应。就这么简简单单的一个小元素，像素风格的感觉马上就有了。

第3步，

用像素风格的字体打上品牌名，再画一个方框用来承载文案信息。

第4步，

通过描边和叠加等方式，对标题和文本框进行细化，增加视觉层次感。

第5步，

完善其它文案信息。

OK，完工。

下一个案例，继续走你。

像素风格很容易让人想到八九十年代的红白机，下面我就通过模拟一个红白机的界面，来做一张switch的海报。

第1步，

先抠好产品图。

第2步，

设置蓝色的背景，用黑色的边框压一下画面，模拟出红白机界面的感觉。在背景上铺一层格子纹理。

第3步，

根据产品的外形，描一圈线框放在图下，让产品和整体的风格更融合。

第4步，

用像素字体打上所需要文案。

第5步，

给文字加上描边，这样不但可以让它看起来更清晰，也更有像素字的感觉了。

第6步，

给画面加上一些红白机界面中的经典元素，增加氛围感。

OK，完工。

表演继续。

对于音乐电影综艺等娱乐类的设计来说，会比电商类的海报更加有设计调性。像素风格视觉特征鲜明，正好契合这样的设计主题。

下面我们来做一张音乐海报看看。

第1步，

这次选择我喜欢的一只乐队来做海报，先来一张他们的照片。

第2步，

把照片隐藏，在画面中画格子先。为了突出海报的视觉调性，我选择了对比强烈的紫绿配色。

第3步，

在色块的边角处画几个不规则的小格子，像素风格马上就出来了有木有~

第4步，

将人物照片转成黑色调，对它进行裁切，以中间的女生为画面主角，然后置入方框中。

第5步，

用像素字体打上标题。

第6步，

原来的标题文字太细，在保持风格不变的情况下，把一些笔画进行加粗处理，让它更有视觉力度，这样标题就能压得住了。

第7步，

最后，修饰一下细节，加上对话框等辅助元素，丰富画面层次。

OK，完工。

今天的内容就到这里。

走了。