您还没有专辑

开始创建自己的专辑吧

创建
您可在个人中心-我的专辑处查看
当前位置:首页 > 电商教程 > PS-品牌详情页-简约风KV的设计规范
下一节课程:这里显示课程名称长度多少课程名播放下一节重新播放
5s后将自动前往下一节课
为你推荐课程
为你推荐直播课
升级VIP特权,畅学全站89000+会员教程
立即升级特权超值
89000+教程
不限次学
素材/源文件
不限次下载
161大职业路径
不限次学
虎课读书
不限次收听

免费学习即将结束

关闭继续学习>

分享/下载
加入专辑收藏源文件本课素材
记笔记
编辑完成后,记得点我~

solo
讲师:solo

关注人数:10733

AI助教课程信息目录
我是AI助教小虎,你可以对本课程提出问题,我将根据课程内容为您解答
🌟1. 帮我总结这节课程的主要内容与知识点总结
💡2. 帮我提炼这节课程的章节段落
一键登录使用AI助教全新功能
复制

内容由AI大模型生成,请仔细甄别内容

图文教程学员互动 (72) 视频字幕
综合评分:9.9 评分100%作业点评课后上传的作业,学习过程中有困难疑惑都可进行提问
您需要学习后才可以评价, 立即学习
全部互动一课一练(29)课程提问(3)
有内容评论
本课作业要求(已有29份作业)
作业要求:根据视频教程中的内容,进行作业练习,在互动评论中上传你的作业,也可运用其他素材进行练习

本节课讲解 Photoshop(简称PS)软件 - 简约风KV的设计规范,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。

课程核心知识点:品牌详情页的设计规则,简约风KV的设计规范。

学完本课内容后,同学们可以根据下图作业布置,在视频下方提交作业图片,老师会一一解答。

那我们开始今天的教程吧。

1.下图为比较典型的品牌详情页,这个品牌方做的更多的是京东、淘宝的店铺详情页,会增加更多卖货的需求,他们的风格一般都是极简风,突出品牌的溢价能力,首先我们甲方的需求需要将官方的文案全部添加进去,但是这个产品本身有巨量的说明文字,如图所示。

2.品牌方的详情页会有很多的条条框框,比如必须使用的配色框架、文案必须完整的阐述并且逻辑要尽量清楚、排版上不能特别密集、需要贴合主流年轻人的喜好等,一开始的时候品牌方给的配色没有蓝色,老师在后期沟通中增加了科技感的偏蓝色,品牌方给的只有基本的深灰、橙红色和亮黄色三个底色,如图所示。

3.这个品牌方的店铺中所有产品都是这种色调,我们在运用的时候不能跳出这种条条框框,在接单时和甲方要有基础的沟

通,拿到必须的资料,比如竞争对手、配色的基本规范等,如图所示。

4.我们在拿到基本规范后需要阅读并理解方案,然后跟甲方进行第二次沟通,跟甲方阐述自己的理解,如果得到甲方的认可,理解上没有偏差就要开始产品角度的选择,比如修图、建模、渲染打光等,这些都是需要在前期沟通好的,如图所示。

5.商业设计是利他性的,我们需要以需求方的需求为准,贴合需求进行设计,和从自己的角度出发是不同的,下图为老师抠出的产品图,上方的是主打产品,价格在一万元左右,客单价很高,我们就需要表达更多品牌的重要性,如图所示。

6.老师使用了尺寸为790x1370像素的画布制作KV,这个尺寸是很典型的,我们如果将主打产品直接拖入,会发现宽度不够,如图所示。

7.通常来说消费者在五小图这个部分就了解了产品的基本信息了,详情页中就要解决消费者的疑惑,所以详情页中一定会有一个主KV,它告诉消费者这个产品是什么比如,长什么样子、颜值如何、是什么款式等,我们需要清晰地展现给消费者,让消费者产生兴趣,如图所示。

8.最早的一版是将三个产品图拖入海报并缩小,缩小至两侧最小留白,这样画面的上下部分就会显得很空,所以我们就需要做一些创意,比如将它们分开,做一些场景化的展现,但是甲方很明确地说明不需要场景化,如图所示。

9.所以我们将产品改为竖版,但是调为竖版后产品的直观既视属性就被削弱了,所以我们要在它下方放一个其他型号的产品,通过最基本的光影关系凸显空间层次,基本没有使用几何图形,如图所示。

10.如果要将海报的高度约束在1200像素之内,产品就会显得非常小,而且不能同时摆放两个同样的产品,这样会误导消费者一个链接中包含两个产品,如图所示。

11.将产品摆好后开始上颜色,深灰色贯穿于整个画面,首先将亮背景色深灰色填上,可以增加一些渐变,但是不能多,首先考虑画面中主题的表达,设置下方横向产品图层的【混合模式-正片叠底】,保留阴影部分并去除白色背景,如图所示。

12.在开始排版前要调整小细节,例如产品的白边,即使是半个像素的白边都会导致细节出现很大的问题,【双击】打开智能对象图层,在下方【新建图层】并【填充】为深灰色,在产品图层上【锁定透明像素】,使用【画笔工具 快捷键:B】选择硬边圆画笔吸取边缘的深色并涂抹边缘的白色像素,如图所示。

13.处理的时候注意细节的过渡,将所有白边的像素修理干净,完成后【删除】深灰色图层,接下来处理它底部的阴影,在阴影图层上添加【蒙版】,使用【渐变工具 快捷键:G】弱化边缘的阴影,使用【画笔工具】选择柔边圆画笔擦除图片的边缘,如图所示。

14.【复制图层 快捷键:

查看更多
您需要学习后才可以评价, 立即学习
字幕加载中...
登录后查看更多
换一批

为你推荐

同学,小虎知道你非常努力的想学习!

老师录制课程真的也很辛苦

赞助一下吧

确定学习吗?

您每天可免费学习一个教程。

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

您已经免费学习 1 个教程 !

我们录制教程很努力的,赞助下吧 !

升级VIP吧!

您已经学习 5 个教程啦!

我们录制教程很努力的,赞助升级下吧 !

您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个素材文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计下载5个源文件


您在当前分类下不是VIP,赞助VIP享受无限下载


您已经累计观看5个图文教程


您在当前分类下不是VIP,赞助VIP享受无限观看


学习后才能评价哦!

学习后才能提问哦!

获得30虎课币

评论提交成功,将在审核通过后显示

×

下载素材/源文件:

收藏成功
取消成功
已是第一张图了
已是最后一张图了
已是第一张图了
已是最后一张图了
记笔记

导出笔记

笔记导出历史

00:00

0/12
确定保存
笔记导出历史导出完成的笔记将保留1天,如有需求请及时下载
课程名称
导出时间
文件大小
状态
操作
AI视频总结
AI正在分析视频,请稍等…
AI总结遇到了一些问题 点击重新获取
点击重新获取
成为全站通VIP 查看完整AI总结
复制
特惠
充值
7折购
今日还在继续学习的你,太棒了!
7
折扣券可用于
年费无限VIP
立 即
使 用
此活动优惠不可与其他活动叠加使用
有效期:000000
消息
登录即可查看消息记录
建议
意见
官方
客服
在线咨询客服热线

您可以与在线客服进行沟通获得帮助

工作日:9:00~22:00节假日:9:00~18:00

联系在线客服

您可以电话联系客服进行沟通获得帮助

工作日:9:30~18:30

400-862-9191
虎课
积分
免费学习89000+个教程!
配套素材、源文件一键下载!
昨日学员已学习了36,588
并提交了234份作业!
登录后立即学习!
loading
微信扫码关注即可登录
您需要同意协议才可以进行登录
登录虎课网,每天免费学课程全站 89000+ 视频会员教程 | 每日可免费学 1
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证