电商设计师入门 - 第二章:必备基础
分享给朋友:

按住画面移动小窗

下载
淘宝店铺如何进行手机端装修
虎课APP支持视频下载
扫码下载/打开虎课APP
支持视频下载,随时随地学
手机观看
扫一扫,手机继续学
扫码下载/打开虎课APP
支持视频下载,随时随地学
淘宝店铺如何进行手机端装修_虎课网
记笔记

全新AI视频总结上线

一键节省你80%学习时间

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

3.7万

已学

38小时

时长

44

配套素材

完课证书

¥199(¥299)

全站通VIP免费畅学

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

1. 打开【PS】,点击【文件】-【新建】调整【宽度】为750像素【高度】任意尺寸;将素材【拖拽】到PS中,使用【裁剪工具】把边缘裁;选择【图像】-【图像大小】调整【宽度】750像素,点击【确定】。

2. 在【浏览器】中,打开淘宝【卖家中心】,选择【页面管理】,选择【手机端】点击【店铺装修】;先点击【备份】防止文件出现错误,再将没有用的【模块】删除;点击【店招模块】在右侧设置【店招】,将【链接】设置为【店铺首页】,点击【保存】。

3. 将【图文类】中的【轮播图模块】拖拽到放模块的位置,在最右侧【设置】里面点击【本地上传】,选择一个图片点击【确认】,拖拽【裁剪尺寸】点击【保存】。

4. 点击【链接】,选择【宝贝分类】选择一个选项,点击【确定】;在【设置】中点击【保存】;在【营销互动类】中【优惠券模块】向右拖拽过去,在【设置】中点击【创建更多优惠券】,再进行订购。

5. 在【图文类】中将【视频模块】向右拖拽,点击【上传视频】,选择【免费开启】,首先订购【无线视频】。

6. 打开【PS】,使用【选框工具】,在【样式】选择【固定大小】调整【高度】1500像素,在画布中建立选区,【拖拽】参考线。

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

大家好 ,我是虎课的讲师 ,小老胡子 ,那今天呢我们要和大家介绍一下我们的这个 ,淘宝手机端的一个制作 ,我们的这个装修课呢一共我这里呢一共分成了四节 ,它主要呢是一些对于没有美工基础的人的 ,一些简单的这个装修 ,基本上在公司里的话 ,这种装修的效果呢已经可以了 ,那如果你对店铺的装修还有其它的一些装修方式 ,你不懂的话 ,你可以听一下我的其它的课 ,那接下来呢我们来介绍一下这个手机端 ,淘宝手机端的一个店铺装修 ,那些肯花钱的土豪用模板的 ,那这个我们不管我们不管 ,好 ,好 ,我们来看看手机端 ,那在制作手机端之前呢 ,我要先和大家说一下 ,就是我们,我们怎么说呢 ,就是我们要装修之前必须得有一个做好的首页 ,对吧 ,那我们呢首先呢和大家介绍一下这个首页 ,在制作过程中的一些简单的规范 ,简单的规范 ,首先呢是我们的这个带大家,首先呢是我 ,带大家呢去看一下这个后台 ,就是我们淘宝这个手机端的后台 ,这样子呢会对你的制作呢会有一些帮助 ,好,打开我们的这个卖家中心 ,在我的卖家中心里面呢 ,它其实有我们的这个手机淘宝店铺 ,但是呢以前我们的手机装修都是从这里进去 ,但现在呢就是从去年年底的时候 ,我的店铺装修这里呢 ,它直接和我的PC端同一个页面呢都是可以 ,去进行我的装修的 ,那这里手机端和PC端 ,直接可以给你装修 ,点击这个手机端 ,

我们可以直接对它进行我的一个首页的这个 ,页面装修呢 ,把鼠标放到这个装修页面 ,点击,那这个时候呢 ,它的这个手机端的这个页面呢,装修页面就出来了 ,装修页面就出来了 ,那这个页面里面呢它其实和我们PC端长得非常像 ,都是左边一个我的这个模块 ,右边一个我的类似于一个做好了布局的一个板块 ,一个布局的板块 ,那我们来看看,在我们的手机端里面呢 ,它我们用的是什么呢 ,我这个店铺呢是基础版,基础版 ,现在流行的就是你一般到公司里上班或什么 ,现在流行的呢是智能版 ,这两种版本呢在我的这个手机店铺的装修里面呢 ,其实还是有比较大的一个区别的 ,智能版的话呢它会方便非常多非常多 ,我这里呢因为它没有智能版 ,所以说呢我等会在讲智能版的时候呢 ,我会用其它的模块代替 ,但是如果你,一旦当你使用了智能版 ,我说的东西你应该是非常明白就能看到的 ,然后呢主要呢会讲一下非智能版和基础版 ,为什么 ,因为基础版相对而言麻烦一点 ,行 ,我们来看一下看 ,那首先呢我们来看一看我们的这个首页的 ,一个制作,制作的一个规范 ,好 ,首先呢我们来看一看 ,你要先明白我的淘宝店铺 ,它到底是基础版还是我的这个专业版 ,因为这两种版本它的首页的尺寸是完全不一样的 ,

那如果是智能版 ,那恭喜你 ,你呢首页呢其实可以怎么做呢 ,只需要把,只需要一个宽度是750 ,宽度是750,高度不限的一个页面 ,当然这个高度你也不可能做到无限高 ,那高度呢是一般呢是没有一个限定的 ,点击确定 ,好,这个页面就是,就可以开始来做 ,我的这个智能版手机端的一个首页了 ,但它的首页制作呢其实和我的这个PC端的 ,制作呢是一样的 ,比如说我会在最上面放海报或放什么 ,当然这个制作排版的方式 ,这个是我们设计方面事情 ,跟我们装修课其实没太大的关系 ,所以说呢我这里呢直接地就下载了 ,那么几个首页 ,下载了那么几个首页 ,这个首页呢我们可以来看看 ,下载吗 ,没有手机 ,但是这个首页它其实你发现没有 ,我们加载过来以后 ,它的尺寸其实是比我的这个 ,我建的这画布的尺寸是要小的 ,你看这个宽和高是百分之百 ,为什么会这样子呢 ,因为我们这个版本,就我这个下载下来这个图片 ,它其实是一个什么 ,其实是一个,一个什么呢 ,应该叫做是一个基础版的一个首页 ,好,它的制作没有任何的规则 ,就没有任何的,怎么说呢就没有任何的约束 ,你可以跟首页制作一模一样 ,唯一的区别就是什么呢 ,尺寸宽度变成了750 ,并且你不再需要制作它图上的店招和导航区域 ,其它的东西 ,你比如说我这里需要好几张海报 ,那这个海报是多少呢 ,750 ,

那或者宽度是750,高度呢 ,你也可以不限 ,那如果你需要做轮播呢 ,那它就是有一定限制的 ,因为手机端里面它,它其实自带一个轮播模块 ,在我的这个淘宝店这个店铺装修里面 ,它的这个服务模块给它下面有一个叫做什么饿 ,叫做轮播 ,我的轮播模块呢 ,轮播模块在这里 ,你可以选中这个模块往里面播 ,它这个就轮播模块 ,那它的轮播模块的尺寸是多少呢 ,宽度是750,高度在200到950之间都可以 ,所以说你如果想要做轮播 ,那你就做海报 ,做一张海报 ,宽度在750,高度在200到950之间的 ,海报都可以,那如果你不用做轮播 ,只是做这么一张图片 ,那你做再高,你做一千两千的高度那我都没有关系 ,是吧 ,好 ,这个是我们的一个智能版 ,它其实非常随意 ,跟我们手机端是一样的 ,还有一个方法就是什么呢 ,有些人呢他的手机端的首页和我的这个PC端的首页 ,你想做成一样的 ,或者说做成非常像的那怎么办呢 ,其实非常简单 ,只需要你什么呢 ,只需要你把这个,你说这个是我们的这个 ,你说这个呢是我们的这个PC端上的 ,这个首页,它呢宽度是1920的 ,那很简单 ,你只需要什么呢 ,你只需要如果是想这样 ,你只需要把它两端的东西呢给它去掉 ,因为手机端上它是没有两侧都有空白留白的 ,

为什么,我们不需要 ,如果有这么多空白留白在那里的话 ,那我的手机它两,就尺寸太小了 ,两边都是没有用的东西 ,对不对 ,那所以说我们要把先把两边呢没用的东西呢 ,你就用这个裁剪工具或者任何的这个 ,这个,像我这个裁剪工具怎么点了半天 ,裁剪工具 ,我们把它给边上的呢给它裁掉 ,然后呢把这个图片呢给它图像 ,图像大小给它等比例的缩小,缩小到什么呢 ,宽度缩小到750 ,当然高度它也会自动的一个缩小 ,好 ,然后呢这个其实就是你的手机端的首页 ,非常简单 ,对吧 ,当然会出现一点小问题 ,就是什么呢 ,你的PC端的图片直接缩小以后 ,它的文字会,一些小的文字 ,它会出现一些模糊的状态 ,当然图片是不会模糊的 ,这点你们自己稍微注意点,那偷懒的话 ,那这个是我们最快的方法了 ,这是我们做PC,做这个手机端的这个首页 ,智能版的方法 ,那如果你做的什么 ,你做的是非智能版的 ,也就是我的一个基础版的 ,那在这做这个的时候 ,你就要知道它的一个要求了 ,它的要求就相对而言麻烦一点 ,它的宽度呢是640像素 ,不再是750像素了 ,那高度呢一样不限 ,但是在制作过程中它有一些约束 ,那我们边讲装修 ,然后我们边来看这个它的约束到底在哪里 ,和我们的智能版到底区别在哪里 ,好 ,我们来看看,我们刚才讲了一个把手机 ,

把PC端的这个首页直接快速变成我们一个 ,手机端的一个方式 ,但是这种方式呢怎么说呢 ,只限于我的智能版可以去使用 ,好 ,我们再来看手机端的装修 ,我现在 ,好 ,我们来开始装修 ,怎么进到我的页面 ,我们刚才说过了 ,就是在我们店铺管理里面 ,我们可以进行我的手机的这个店面装修 ,或者手机淘宝店铺都可以进去 ,比如店面装修 ,然后点击我手机端 ,然后点击我的店面装修就可以了 ,好 ,进到我的这个装修页面以后呢 ,跟我们的PC端装修一样就什么呢 ,你会发现它里面有很多的模块 ,它自带了它之前已经做好了的 ,同样的 ,你在制作之前你先点备份 ,先点备份 ,以防我们这个文件出现一些错误 ,出现一些错误 ,然后呢再把所有的这个不该有的东西 ,我们全部都删掉 ,全部删掉点一下 ,然后呢它是有一个,边上一个这个垃圾桶给它 ,这个模块全部都给它删掉 ,这个呢也跟我们的这个PC端上的装修是 ,方式是一样的 ,先把没有用的东西全部都给它删掉 ,别来影响我 ,那别来影响我 ,好 ,下面这个你不用去删,不用去删 ,好 ,把这里的这个模块它自带的这些模块呢 ,全部都删掉删掉 ,删掉以后呢我们一样的从头往下来制作 ,从头往下来制作 ,首先呢是我的这个店招 ,那店招这块区域呢它其实是不用你去做的 ,不用你去做 ,

唯一需要你更改的地方 ,就是什么呢 ,店招这个,店招的背景图那 ,那这张图呢你点一下这店招以后呢 ,其实在我们的右侧直接会出现一个,一个装修的一个模块 ,那这个模块里面它有官方推荐的 ,也就是呢自带的一些这个图片 ,自带的一些图片 ,还有呢就是自定义上传 ,当然它的尺寸多少呢 ,它这里有给你显示,店招的尺寸 ,750×254 750×254 ,你可以随意的把制作一张这样尺寸的一个图片 ,传上去以后呢 ,它这里下面呢还有一个东西叫什么呢 ,店招链接 ,店招链接,链接呢这里请输入无线端链接 ,也就是说它的店招的链接它是支持手机端的 ,也就是手机淘宝店铺首页那个链接是不能放到这里的 ,那这个链接从哪里来呢 ,你可以直接点击它后面的这个锁链的这个标志 ,然后呢对它进行一个选择 ,那比如说常用的链接 ,比如首页,选择它这个宝贝链接 ,当然我这里没有产品,宝贝分类链接 ,我这里某一个分类,优惠券优惠券,承接故事 ,这些自定义,你都可以去选择 ,我们的这个链接 ,必须得从这个地方进行选择 ,就这里选择 ,好,选择完以后你点击一下保存就可以了 ,非常简单 ,那店招 ,然后我的店招换掉了 ,那店招换掉了 ,然后呢在店招里面呢,我们刚才是换了这个店铺招牌 ,对吧 ,然后呢它在后面有个搜索栏,搜索栏 ,它可以去搜索我们店铺的这个内容 ,店铺搜索那我这里可以进行我们这个搜索 ,我的什么 ,直接字就输入到这个搜索栏里面 ,当然你看到呢该功能智能版专享 ,

智能版专享,这个就是智能版的一个 ,和我们一个基础版的一个区别 ,就是它智能版可以直接,这里有一些你的热门直接 ,直接输到我的,我的这个导航条里面 ,这个我们的基础术版没有 ,好 ,然后呢它这里呢还有一个什么呢店铺分类 ,你也可以对它进行某一个设置,店铺分类 ,它设置些什么东西呢 ,那它的店铺分类上面可以加图片 ,就是说以某一个图片的形式来展示 ,从这个分类 ,这个分类的尺寸呢是372×1028 ,这个上面尺寸都会有一个 ,怎么说呢都会有一个尺寸给你的 ,你可以自己去进行我的一个 ,自己去进行我的一个编辑 ,对设计方面的事情我们不去多说 ,不去多说 ,好,然后呢这个是店招很简单 ,几乎用到你的一个设置的事情,就放上去就可以了 ,然后按照我们那个正常流程 ,店招完了以后 ,下面什么 ,我的轮播海报 ,对不对 ,或者说我的什么呢 ,没有轮播 ,就一张大海报 ,对不对 ,那如果用轮播海报 ,我们刚才也给大家看过了 ,就是用的是什么呢 ,我的图文模块里面的这个,图文分类里面的 ,这个,这个轮播模块 ,你可以直接选中这个模块 ,往我右边拖,拖到我这个区 ,你就可以,发现我自己的这个模块 ,这个轮播模块 ,海报的图片750×200到950之间 ,那你可以做这么一个尺寸的 ,

海报当然我这里没有,这里没有 ,做完这张海报以后呢你就把它往上放 ,那这我们就直接选择了一个 ,它会自动给你选择了750 400 ,我们说白了它最宽只能750,高度多少 ,你可以到950为止 ,对不对 ,比如说我这里呢做这一下 ,截这一块 ,我这里呢我做了这么大一张海报 ,保存,这块就是我的海报 ,对吧 ,海报呢这个轮播海报呢最多有四张,四张 ,你可以继续添加,你可以继续添加 ,当然你加了海报你也得去加我的链接 ,对吧 ,加我的链接 ,点击这个链接 ,比如说它是某一款产品或者某一个分类的 ,这个链接 ,这个这个,那你必须给这个链接加上去 ,不要的话你就给它这个删掉 ,然后点击保存 ,那我们这块模块呢就给它做上去了 ,这个轮播模块 ,这是轮播,轮播模块以后再往下是什么东西 ,一般来说如果我们做这个话 ,如果店铺里面还有什么,优惠券什么东西的对不对 ,那它下面就是我的店铺优惠 ,那优惠券呢 ,同样的在我的这个左侧这个模块里面 ,它就有,有这个模块叫互动营销 ,这里面有一些我的优惠券模块,搭配套餐模块 ,这些东西 ,当然你别看它添加非常方便 ,但是我们点一下创建更多优惠券 ,你会发现它需要你订购 ,也就是说你不花钱也想用 ,也想用,这个的话 ,好像是十块钱一个月还是多少钱来的 ,好像六块钱,我也不是很清楚 ,你们自己订购吧 ,订购以后 ,它直接可以对我的这个优惠券呢自动添加 ,

或者什么呀 ,你到那个软件里面去做一个优惠券 ,那非常简单的 ,它是比如说它要定做优惠券 ,你一张券是金额是多少 ,这个软件你们直接买下来以后 ,它自然而然会知道的,很简单很简单 ,好 ,做完这个这个优惠券优惠券 ,优惠券完了以后 ,它里面其实还有很多的这个模块 ,我们看,比如左右的模块或者视频的模块 ,最近这两年它流行这个,最近特别最近 ,确实最近这两年都在流行这个视频模块,视频模块 ,你一样也可以去加视频 ,当然视频的尺寸 ,最小尺寸,时长在两分钟以内 ,这个东西同样的 ,它的视频呢也必须是传到 ,淘宝的这个视频的这个空间里面 ,这个我们可以免费开启 ,我们不开启 ,但是这个开启的话 ,它需要有一定的这个 ,无线视频 ,你要订购这个无线视频 ,吵死了吵死了 ,无线视频免费流量,赠送500兆 ,以前的话还是挺贵的这个流量 ,那这个我们也不去管它 ,你这里呢就是添加我的这个互动视频 ,这个视频呢我就已经开起来了 ,你开起来了 ,你可以加上我的这个视频,选择视频添加 ,当然我这里没有视频不去加了 ,那加完以后呢再往下呢就是什么呢这些模块 ,这些模块你自己去看 ,再往下一般来说就是我们自己做的这个首页 ,然后呢对这个首页呢进行我的一个什么呢 ,对它进行一个切图 ,

也不是说切图 ,

登录后查看更多
初级平面设计师
共 98 节课
LOGO设计师
共 165 节课
平面设计师进阶之路
共 483 节课
PS抠图师
共 58 节课
电商设计师入门
共 98 节课
已是第一张图了
已是最后一张图了
记笔记

导出笔记

笔记导出历史

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