您还没有专辑

开始创建自己的专辑吧

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

免费学习即将结束

关闭继续学习>

分享/下载
添加到专辑收藏
已收藏
收藏成功,可进入个人中心-课程收藏 查看!
记笔记

全新AI视频总结上线

一键节省你80%学习时间

视频暂不支持AI视频总结
AI视频总结
编辑完成后,记得点我~
solo
solo

关注人数:10628

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

本节课讲解 Photoshop(简称PS)软件 - 电商详情页设计系列课-01,同学们可以在下方评论区进行留言,老师会根据你们的问题进行回复,作业也可以在评论区进行提交。

课程核心知识点:详情页排版规范标准,配色与风格表现。

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

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

 

1.电商海报的高度一般为1200像素左右,制作时需要在这个高度内将所有重要信息完整地展现在其中,1200像素并不是绝对的,如果创意表现的内容偏长,高度可以更高一些,例如老师做的海报的高度就到达了1450像素左右,如图所示。

2.在客户使用手机端打开详情页时,海报的抬头会有高度为150像素左右的通栏,底部为130像素左右,分别用来摆放通知栏和底部一排购买按钮,制作时不能将重要信息放在这两块区域,需要留白,如图所示。

3.海报的页边距要保留70像素左右的留白,两边的页边距要相等,最小要大于20像素,确保客户用手机能看到海报的重要信息,如图所示。

4.第一屏海报成为KV或镇楼图,主要展示产品本身的款式、颜色、产品本身,例如海报中的产品小巧便携,就可以用手捏住,给消费者直观的、产品小巧的感受,在海报中一定要完整、清晰地展现产品,如图所示。

5.第二屏海报主要罗列产品的卖点,利用图标展现产品的卖点,给消费者超值的感受,如图所示。

6.第三屏展示产品的特性、好处,例如这个产品是天然成分,可以清凉止痒,老师使用了薄荷的元素将这种特性具象化表达出来,让产品特性区分于其他同类的产品,如图所示。

7.在制作详情页时核心的逻辑思路应该放在前三屏,放入消费者关注的所有利益点,确保转化率,然后剩余的海报就采用重复原则不断展现其他卖点,如图所示。

8.展现卖点的中间可以加入产品的特写海报,同时添加天然元素,在潜意识告诉消费者产品是纯天然的,如图所示。

9.展现原材料时文字描述要小,重点展示原材料的图片,重复灌输产品的卖点,最后加入产品的视觉效果海报,以及摆放产品的参数,即可完成详情页的制作,如图所示。

10.打开PS软件,【新建文档】宽度和高度为790x6000像素,使用【矩形选框工具】拉出矩形选区,【填充 快捷键:Alt+Delete】为黑色,,如图所示。

11.在PS中打开手素材,尽量使用【钢笔工具】抠图,抠出手后将其拖入画布中,【水平居中】后【创建剪切蒙版 快捷键:按住Alt单击图层间】,在PS中打开产品素材,【转换为智能对象】后拖入画布中,【自由变换 快捷键:Ctrl+T】调整位置大小,摆放在手上,如图所示。

12.添加【蒙版】,降低图层的不透明度至10%,使用【钢笔工具】绘制选区选中手指与产品重叠的部分,【羽化选区 快捷键:Shift+F6】半径为0.2像素,如图所示。

13.将选区【填充】为黑色,隐藏重叠部分的产品,发现接触位置手指呈黑色,【双击】进入手图层,使用【钢笔工具】绘制选区选中相同的部分,【羽化选区】半径为0.2像素,使用【仿制图章工具】修去手指的黑色部分,如图所示。

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

为你推荐

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

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

赞助一下吧

确定学习吗?

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

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