电商设计师入门 - 第四章:实操练习
分享给朋友:

按住画面移动小窗

下载
PS-淘宝女装首页设计(上)
虎课APP支持视频下载
扫码下载/打开虎课APP
支持视频下载,随时随地学
手机观看
扫一扫,手机继续学
扫码下载/打开虎课APP
支持视频下载,随时随地学
PS-淘宝女装首页设计(上)_虎课网
记笔记

全新AI视频总结上线

一键节省你80%学习时间

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

3.7万

已学

38小时

时长

44

配套素材

完课证书

¥199(¥299)

全站通VIP免费畅学

立即购买
图文教程学员评价 (157条评论)视频字幕

1、本课主要内容如图示。

2、[打开]PS软件,[新建]画布,具体参数如图示。

3、[拖入]顶部店招素材,排列顶端合适的位置。[拖出]参考线至合适的位置,使用[矩形工具]结构制合适大小的矩形。具体效果如图示。

4、[拖入]准备好的产品素材,调整大小排列至合适的位置,按Alt键单击矩形图层[创建剪切图层]移动至合适的位置。使用[文字工具],输入文案内容,根据设计思路,调整文字大小和颜色,排列至版面合适的位置。具体效果如图示。

5、使用[矩形工具]绘制装饰图形,根据设置思路排列至合适的位置。使用[文字工具]输入促销文字信息,调整大小排列至矩形上方合适的位置。具体效果如图示。

查看更多
您需要学习后才可以评价, 立即学习
您需要学习后才可以评价, 立即学习
评论列表
仅显示有内容的评论
仅显示带图评论
排序方式:

hello大家好欢迎来到虎课网 ,我是豆豆 ,那今天给大家带来的案例呢是 ,关于淘宝pc端女装首页的 ,首先呢先来看一下本节课的主要内容 ,课程目的了解呢并学会制作淘宝 ,pc端女装首页课程重点呢就是 ,我们首页的一些基本规范 ,还有排版技巧色彩搭配以及模块归置 ,那课程难点呢就是模块的归置 ,排版技巧还有整体页面色彩的协调性 ,那在操作之前呢我要提前和大家 ,说明一下 ,本次案例的素材呢是在淘宝店铺 ,唐诗这个店铺来找的 ,会涉及到版权的问题 ,所以呢模特脸部打了马赛克 ,为了大家作图方便呢 ,我还是会把素材打包发给大家 ,点击视频右侧的黄色按钮即可下载 ,但是呢素材仅用于个人练习来使用 ,不可商用哈 ,好的接下来呢我们就开始进行练习 ,打开ps ctrl加N新建画布 ,那我们一般pc端的首页呢宽度 ,为1920高度呢随意设置哈 ,那一般高度呢都是根据你的 ,内容的多少来决定的 ,那我们PC端的最宽的宽度呢也 ,就是1920了然后呢命个名 ,这里注意一下分辨率是72哈 ,颜色模式RGB ,建好以后呢我们把这个头部 ,给它先拖进来 ,这里呢我主要跟大家说明一下 ,那我拖进来的这一部分呢 ,其实是平台统一的导航 ,那接下来的这一部分呢就是 ,呃店铺的招牌了一般是150的高度 ,宽是1920 ,那一般主要就是放店铺的logo ,啊或者有的店铺会放一些slogan ,还有一些优惠券这些的内容 ,那这些呢嗯大家就了解一下就可以了 ,到时候具体的尺寸呢或者说放什么内容 ,

那会由运营部的人来给你提供 ,这些呢都是要根据你的实际情况来定的哈 ,那一般的店铺首页呢先进去呢 ,嗯我们看到的就是一个大大的banner图 ,那说明呢banner图其实在页面当中它 ,其实是很重要的 ,那主要呢就是给顾客传达一些 ,重要的信息 ,比如店里要在什么时候上新一些 ,产品要做什么促销活动之类的 ,那这些内容信息呢一般都是由 ,运营部来提供文案的 ,那所以呢banner图呢一定要做的 ,吸引顾客的眼球 ,这样的画你的促销或者活动呢才 ,做得有意义 ,从而呢才能提高产品的流量 ,那比如呢这一次给的banner大致 ,方向是嗯今年夏天店里的热销款 ,啊是哪几款哪几款哪几款 ,然后呢向客户传达店里卖的好的 ,那几款衣服 ,然后呢点击banner就会链接到另一个页面 ,那另一个页面内容呢其实就是 ,展示你的这一款衣服了 ,因为店里的衣服呢这次店里的 ,衣服选的都是偏简约大方的 ,所以呢嗯我们的banner图呢不能做的太花 ,否则呢会抢了衣服的风头 ,那我们最主要突出的其实是衣服 ,和文案哈选择 ,最有代表性的一款模特图来做 ,那在做的时候呢要注意一下 ,banner的文字排版和色彩搭配 ,

那文字排版呢要有主次 ,那比如说下热销排行那这个是标题 ,文字呢就要大一些 ,那其次的呢就是一些辅助性的 ,一些文字了 ,那也可以用英文呢嗯字体小一些 ,哈作为装饰去放在里面 ,中英文结合呢那整个图看起来就会 ,丰富一些 ,那再来说一下这个颜色搭配 ,那一般做电商的banner图的时候呢 ,这个主色调呢完全可以去吸附 ,它模特衣服身上的衣服的这个颜色 ,然后呢在拾色器里面呢调一下它的 ,

这个饱和度和明度 ,调的稍微的柔和自然一些就可以了 ,那一般直接从衣服上吸的颜色 ,其实是不好 ,其实是不太自然的 ,所以呢还要再进行嗯调一下 ,那今天给大家主要讲的其实是咱 ,啊整个页面的操作哈所以这个banner图呢 ,我主要是想给大家说一下 ,这个banner图的意义 ,还有就是大概的整体的排版 ,还有颜色的搭配 ,就是大概的跟大家说一下 ,那整个banner图里面呢用到的字体呢 ,除了这个2018TOP SALE ,是思源黑体以外那剩下的字体用的都是 ,方正兰亭中黑 ,那这两款字体呢我都会打包 ,发给大家的 ,好的我们的banner做好之后呢把组分好 ,那这个组呢一定要建好啊 ,因为我们这个内容会比较多 ,整个页面呢会比较长 ,所以这个分组呢一定要整理好 ,方便后期修改 ,那接下来的这一块区域呢 ,我们开始给它做优惠券的 ,那一般的店铺呢首先呢进来都是 ,会是一个大的banner那banner是必不可少的 ,哈那接下来呢一般呢都是会有 ,一个优惠券这样的一个区域 ,首先呢选择文字工具 ,我们给它把标题放上来 ,这里呢我们可以用英文呢给它 ,显示一下这个字体大小呢是40像素 ,这个字体大小呢大家可以参考 ,啊并不一定非得就是按照我的 ,这个大小来不要被我的这个文字 ,我这说的这些东西给框住 ,文字大小呢我们给它改成12像素 ,这里跟大家强调一下在我们网页当中呢 ,那字体大小呢最小是12像素 ,如果说嗯再小的画就会影响到 ,这个顾客的观看啊 ,如果说你你的有效文字呢必须 ,是想要顾客看到这些文字有效的 ,信息必须是在12像素或者12 ,像素以上的 ,如果说你作为装饰的那些小英文呢 ,

可以是12像素以下 ,这里呢要特别的注意一下 ,颜色呢我们给它百分之60的灰 ,那比如说我们这个时间啊因为它 ,嗯字体比较小12像素 ,嘛所以这里就不要给它加粗了 ,不然的画啊这样也是很容易会 ,看不清你的这个字 ,接着呢选择矩形工具 ,画一个1364×120的矩形 ,那这个色条呢我们给它百分之97的灰 ,那在这个色条里面呢我们要给它把 ,优惠券的信息给它放进去 ,那加这个色条呢是为了可以让页面 ,看起来丰富有更加的有层次感一些 ,所以加了一个这样的小背景 ,这里呢我们选择选区工具给它量 ,一个200左右的这样一个距离 ,然后呢拖拽一条参考线 ,然后把这个啊灰色的色块呢我们 ,给它紧挨着这条参考线 ,然后呢从在选择选区工具 ,然后把这一块给它量出来 ,然后选择这个标题和时间 ,我们给它在这个区域之内居中 ,那在后面做的时候 ,我们每一个模块呢我们都给它 ,200像素左右的这样的一个间距 ,那整体页面看起来就会很整齐很统一 ,不是啊杂乱无章的那种的这些小 ,细节呢大家也要注意一下 ,接着呢选择文字工具 ,如果说你这个图层呢正好是选中 ,这个矩形的图层那你再把 ,文字工具单击上去的画 ,那这个文字就会输入到这个色块里边 ,所以呢你要在空白处单击 ,然后再去写这个文字 ,那这个优惠券呢它是比较重要的一个 ,就是你只要进店铺呢你就可以 ,领到这个优惠券 ,所以呢这个文字呢我们给它加成红色的 ,但这个红色啊我们不要给它用 ,纯红色的我们这个明度呢要给它降低 ,纯红色的这样的颜色看起来 ,是比较辣眼睛啊比较不自然太亮了 ,给它降低一下明度 ,这样看起来会稍微的好一些 ,我们把这个十元的这个数字呢 ,

我们给它放大 ,是56像素 ,接着在拖动数字输入文案 ,告诉它这个是十元的优惠券 ,然后下面再给它嗯加一个解释 ,就是无门槛优惠券 ,那一般这个优惠券这个信息啊 ,或者说打折啊促销活动 ,这些信息一般都是由运营部来 ,提供的哈这个其实不是 ,我们设计要去考虑的 ,它会把文案提供给你 ,到时候你来进行排版就可以了 ,我们让人民币和这个十呢左对齐 ,这个无门槛券呢让它在这个十 ,就是底部对齐 ,按住ctrl键选中这几个图层ctrl加G编组 ,得到这个小背景块的这个选区 ,我们让这让这一组内容呢我们让它居中 ,接着呢ctrl加J复制一组然后修改文案 ,这个颜色呢我们都给它修改成纯 ,黑色哈那大家在修改的时候 ,那我想跟大家强调一下 ,就是嗯在一个页面当中呢 ,其实是最多是不要超过文字的颜色 ,不要超过三个颜色哈就一个黑色一个灰色 ,用来区分文字的主次 ,还有它这个文字的重要性 ,它这个意义的重要性啊 ,还有一个就是我们的主色调 ,主色调呢可以你可以用你们店里面 ,比如说你们规定的啊你们这个店的 ,主色调是什么颜色去使用 ,还有一个就是你可以自己去想嗯 ,选一个红色呀什么 ,

但是还是根据你的整体的页面的 ,这个调性呢来来选择这个主色调的 ,三种颜色就可以了哈 ,那颜色太多的画反而会没有主次的 ,

登录后查看更多
平面设计助理
共 104 节课
字体设计入门
共 215 节课
平面设计师进阶之路
共 483 节课
PS抠图师
共 58 节课
创意字体设计师
共 22 节课
已是第一张图了
已是最后一张图了
记笔记

导出笔记

笔记导出历史

00:00

0/12
确定保存
笔记导出历史导出完成的笔记将保留1天,如有需求请及时下载
课程名称
导出时间
文件大小
状态
操作
AI视频总结
AI正在分析视频,请稍等…
AI总结遇到了一些问题 点击重新获取
点击重新获取
成为全站通VIP 查看完整AI总结
复制

职业路径建议意见

请选择你对职业路径课程的满意程度

请选择你对职业路径课程的满意程度

请填写关于职业路径的建议意见:

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

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

赞助一下吧

确定学习吗?

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

成为VIP可无限学习 !

成为VIP吧!

成为VIP吧!

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

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

升级VIP吧!

您已经学习 5 个教程啦!

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

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


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


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


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


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


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


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


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


学习后才能评价哦!

获得30虎课币

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

×

下载素材/源文件:

收藏成功
取消成功
特惠
充值
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
为确保账户信息安全
请先进行真实姓名验证后进行充值付款
立即验证