上周，我们更新了一些学员的电商设计练习作品。

在结尾征集大家意见，希望看到哪一张作品的详细讲解。

最终，这张让人眼前一亮的小清新作品受到大家的一致好评：

在征询作者本人的意见和想法后，今天，我们从创意构思和策划的角度，把他的作品剥茧抽丝，跟大家聊聊创作背后的逻辑与原理。

大神都这么随和的吗，爱了爱了。

闲话少说，进入正题，这次设计的主角：

一款定价在300元左右的中高端猫砂盆。

要给猫砂盆设计一款海报，很多设计师第一反应肯定是借助受大众宠爱的猫咪形象。

一个温馨的小窝，可爱的猫咪在产品旁打盹儿，想想那个画面至少是一张合格的猫砂盆设计。

但是，这样的构思有一个严重的BUG。

同样的场景，我换一个猫砂盆，甚至换一个猫粮投喂机，照样行得通。

这就是现在不少朋友吐槽电商设计越来越华而不实的原因。

很多设计师把一腔热血都灌注于画面的雕刻上，专注于每一个细节的材质表现，每一处光影的逻辑与美感。

不是说这样不好，美感是一个设计师应该追求的本质。

但作为商业设计师，风格、材质、色彩、光影都只是我们用来展现产品，提升转化率的手段。

产品是我们绝对的主角，我们的一切设计都应该建立在与产品产生独一无二的关联度上。

所以，在前期策划时，我们索性可以忽略产品和同类竞品的共同点，剑走偏锋，差异化才是这个时代的主基调。

像我们这位学员，他没有从最容易想到的使用场景入手，而是进一步深挖，从产品的设计理念：喵星飞船入手。

产品本身将猫砂盆设计成一艘宇宙飞船的形象，希望将猫砂盆的整体外形趣味化，让猫咪在里面上厕所的时候像乘坐宇宙飞船一样。

我们可以从这个点出发，将飞船的概念具象化，既从视觉角度传递了产品的设计理念，又成功地和竞品形成了差异化。

不过，场景我们可以参考科幻大片的外太空和空间站，但是也要考虑到产品本身依然只是一款猫咪使用的猫砂盆。

因此，在质感参考上还是要向可爱系靠拢。

前期的策划有了一个大的框架，现在就可以进入到画面的实操了。

第一个问题，透视。

找产品透视是很多新人设计师最头疼的点，方形产品的透视还好说，延伸产品边缘就能找到消失点。

但像这样的弧形产品如何找视平线和消失点？

给大家分享一个简单的方法。

我们用椭圆选区工具框选出产品不同区域的弧形边缘：

Ctrl+T打开自由变换，按住alt键，将中心点移至一个大概的视平线位置，

再次按住alt键向上拉伸下方弧形，如果下方弧形能和上分弧形重合，则说明中心点所在水平线就是我们所找的视平线。

如果没有重合，经过适当的微调也能找到视平线的位置。

视平线找到了，接下来就是寻找消失点。

这样规律的弧形产品可以有很多种透视建立方式，但我们观察，产品的窗口是朝右打开，会对消费者的视觉起到一种引导作用。

因此，我们顺应这种视觉习惯，用成角透视的构图，将右侧的消失点设置的尽可能离画面远一点。

透视线的绘制还需要再温习一遍吗？多边形工具，选择星形，边数设置为99，缩进边依据选择99%。

透视线设置完毕后，我们先对空间进行一个基本搭建。

如果大家对空间搭建还不是特别熟，建议最开始统一先用矩形立方体搭建，更容易区分空间体块的顶立侧面。

我们以产品为中心开始搭台子，先给产品搭上展台。

继续围绕产品展开搭建，注意调整空间的高低起伏，让视觉中心始终保持在产品身上。

大致完成后，我们可以通过模块的删减和添加来破形塑造出呼吸感。

但到这个阶段，我们只是将空间大致划分开了，并没有根据产品做什么设计。

如何让我们设计的场景和产品产生呼应？

在这里我们用一个最简单有效的方式：

提取产品轮廓。

弧形为主的产品用硬朗的立方体搭建空间难免有些奇怪，所以，我们可以柔化直角边，甚至把一些立方体改成圆柱体，增加画面的柔和感。

草图修改绘制的过程就不一一展示了，只需要在立方体空间搭建的基础上进行修改即可，中途还可以加一些层次和装饰性元素。

草图绘制好以后，我们可以不同色块将整个场景搭好，方便后续的调色与质感处理。

在配色选择上，我们通常考虑两点：产品和情绪。

从产品考虑，提取产品本身的固有色作为周围场景的配色既能让场景和产品形成呼应，同时也能节省很多时间，是一种安全的配色法则。

从情绪上考虑，即使整个场景设计成了宇宙飞船，但猫砂盆的实际应用场景依然给人的是一种温馨可爱的感受，因此，我们在点缀色上可以选择充满少女感的粉色系。

除了色相，在饱和度和明度上同样要注意，为了营造一种清新的视觉感受，我们尽量将颜色饱和度控制在一个低数值的范畴。

低饱和的色彩不会给人一种溢出眼眶的热烈感，会留有更多的空间，缺少视觉侵占性，但却更适合慢慢品味。

色彩调配后，我们就要开始针对画面进行精细化的处理了。

精致、清新与可爱这样的氛围关键词，我们自然不能用大面积的金属或石块来加剧场景的重力感，我们可以用一些镜面反射的光滑材质来传递一种顺滑舒畅的心理感受。

再加一点半透明材质的元素，诸如玻璃罩，毛玻璃这样的素材强化画面的通透感。

为了进一步强调画面的温馨感，我们可以添加一点木纹材质的元素，木材的纹理可以给人一种温暖的质感，可以很好地中和掉太空给人的阴冷的印象。

最后，用一些金属感来强化画面中线元素的占比，同时增加画面的质感表现。

再添加上特效和一些呼应主题的点缀性元素，一张海报就基本完成了~

要强调一点的是，我们添加特效的目的，不是为了炫技，不论电商海报还是影视海报，特效的设计往往是这两个目的：

1、拉开产品与背景层次，强化主角视觉焦点；

2、营造画面氛围，延伸配色情绪。

所以，特效不是越多越好，这就像唱歌一样，不是越炫技的歌手越厉害，只有真正把歌曲感情唱出来的才会为人称赞。

最后加上文案，一张凸显产品特质的专属海报就完成了~

很多时候我们要知其然，也要知其所以然，有朋友在之前的帖子下方留言说自己每次临摹都能临摹个大概，但轮到自己原创就什么都做不出来了。

这就是缺乏设计思维的锻炼，拿到一个产品如何提炼关键字，如何找到画面中心主题，如何根据这个主题进一步延伸整个画面，如何打造一款产品专属无法套版的页面...

对设计思维的学习比设计技法的学习更加困难，需要我们付诸的时间与精力也更多。

但也同样值得我们去付出。

今天的教程主要是分享整个设计的创意思路，关于材质处理的具体技法，明天会为大家把此前的材质技法做一个具体的总结分享。

如果图文教程不够详细的部分大家也可以提出来，我会另找时间做一期材质教程或者安排我们帅气的课推官们在公开课上直播讲解~

制图网(www.makepic.net)，专业的logo免费设计在线生成网站，全自动智能化logo设计，商标设计，logo在线生成！

欢迎使用制图网制作属于您公司自己的logo，不仅专业而且经济实惠，全方位满足您公司品牌化、视觉化的需求。