本节课讲解 Photoshop(简称PS)软件 - 简约风KV的设计规范,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。
课程核心知识点:品牌详情页的设计规则,简约风KV的设计规范。
学完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业图片,老师会一一解答。
那我们开始今天的教程吧。
1.下图为比较典型的品牌详情页,这个品牌方做的更多的是京东、淘宝的店铺详情页,会增加更多卖货的需求,他们的风格一般都是极简风,突出品牌的溢价能力,首先我们甲方的需求需要将官方的文案全部添加进去,但是这个产品本身有巨量的说明文字,如图所示。
2.品牌方的详情页会有很多的条条框框,比如必须使用的配色框架、文案必须完整的阐述并且逻辑要尽量清楚、排版上不能特别密集、需要贴合主流年轻人的喜好等,一开始的时候品牌方给的配色没有蓝色,老师在后期沟通中增加了科技感的偏蓝色,品牌方给的只有基本的深灰、橙红色和亮黄色三个底色,如图所示。
3.这个品牌方的店铺中所有产品都是这种色调,我们在运用的时候不能跳出这种条条框框,在接单时和甲方要有基础的沟
通,拿到必须的资料,比如竞争对手、配色的基本规范等,如图所示。
4.我们在拿到基本规范后需要阅读并理解方案,然后跟甲方进行第二次沟通,跟甲方阐述自己的理解,如果得到甲方的认可,理解上没有偏差就要开始产品角度的选择,比如修图、建模、渲染打光等,这些都是需要在前期沟通好的,如图所示。
5.商业设计是利他性的,我们需要以需求方的需求为准,贴合需求进行设计,和从自己的角度出发是不同的,下图为老师抠出的产品图,上方的是主打产品,价格在一万元左右,客单价很高,我们就需要表达更多品牌的重要性,如图所示。
6.老师使用了尺寸为790x1370像素的画布制作KV,这个尺寸是很典型的,我们如果将主打产品直接拖入,会发现宽度不够,如图所示。
7.通常来说消费者在五小图这个部分就了解了产品的基本信息了,详情页中就要解决消费者的疑惑,所以详情页中一定会有一个主KV,它告诉消费者这个产品是什么比如,长什么样子、颜值如何、是什么款式等,我们需要清晰地展现给消费者,让消费者产生兴趣,如图所示。
8.最早的一版是将三个产品图拖入海报并缩小,缩小至两侧最小留白,这样画面的上下部分就会显得很空,所以我们就需要做一些创意,比如将它们分开,做一些场景化的展现,但是甲方很明确地说明不需要场景化,如图所示。
9.所以我们将产品改为竖版,但是调为竖版后产品的直观既视属性就被削弱了,所以我们要在它下方放一个其他型号的产品,通过最基本的光影关系凸显空间层次,基本没有使用几何图形,如图所示。
10.如果要将海报的高度约束在1200像素之内,产品就会显得非常小,而且不能同时摆放两个同样的产品,这样会误导消费者一个链接中包含两个产品,如图所示。
11.将产品摆好后开始上颜色,深灰色贯穿于整个画面,首先将亮背景色深灰色填上,可以增加一些渐变,但是不能多,首先考虑画面中主题的表达,设置下方横向产品图层的【混合模式-正片叠底】,保留阴影部分并去除白色背景,如图所示。