淘宝网店旺铺装修图文精品教程
- 格式:pdf
- 大小:4.57 MB
- 文档页数:61
课题第6课店铺装修(上)课时2课时(90 min)教学目标知识技能目标:1.了解店铺装修的基本流程2.了解店铺的风格管理3.了解店铺的布局设计4.掌握店铺装修的操作方法素质目标:领略中国前沿科技,增强民族自豪感和创新意识教学重难点教学重点:店铺装修的操作方法教学难点:店铺装修的操作方法教学方法问答法、讨论法、讲授法、练习法教学用具电脑、投影仪、多媒体课件、教材、文旌课堂APP教学设计考勤(2 min)→互动导入(5 min)→传授新知(22 min)→任务实操(36 min)→课堂实操(20 min)→课堂小结(3 min)→作业布置(2 min)教学过程主要教学内容及步骤设计意图考勤(2 min)⏹【教师】让学生使用文旌课堂app签到⏹【学生】班干部报请假人员及原因培养学生的组织纪律性,掌握学生的出勤情况互动导入(5 min)⏹【教师】讲述引导案例“开网店,‘门面功夫’也很重要”(详见教材),并提出问题大家在网购时一般会注意店铺的哪些方面?什么样的店铺容易激发你的购物欲望?⏹【学生】聆听、思考、回答通过对具体案例进行分析,激发学生的学习热情传授新知(22 min)⏹【教师】讲解新知:店铺装修的基本流程、店铺的风格管理、店铺布局设计的相关知识一、店铺装修的基本流程网店开设成功后,就可以对店铺界面进行装修了。
店铺装修的流程一般分为5个环节:①设置店铺基本信息;②选择店铺模板;③设置模板配色;④设置店铺背景;⑤设置店铺布局。
【多媒体】组织学生扫码观看“新版旺铺装修操作指南”视频(详见教材),让学生对店铺装修流程有一个更直观地了解二、店铺的风格管理店铺装修花样百出,如何吸引买家的眼球,是卖家关注的重点。
【师生互动】教师提出问题,并随机邀请学生进行回答通过教师讲解、师生互动、分组讨论与观看微课等方式,帮助学生了解店铺装修的基本流程、店铺的风格管理、店铺布局设计等相关知识如果让你来装修一家服装店,你会打造一个什么风格的?在设计时,你会注意些什么?【学生】聆听、思考、回答【教师】总结学生的回答,讲解店铺的风格管理通常来说,店铺装修最重要的是确定店铺的整体风格,不仅要注意与主营商品相符,还要注意色彩的协调搭配,同时还要满足消费者的心理和行为需求,以便更好地促进其消费。
目录背景 (2)列表页 (4)店招 (7)店铺导航 (11)图片轮播 (14)悬浮旺旺 (18)宝贝分类 (20)特价模块 (27)宝贝推荐区 (30)友情链接 (32)宝贝描述模块 (36)布局管理 (39)备份与还原 (42)背景点击”装修“--”样式编辑“--”背景设置“ 便可设置店铺背景点击”背景设置“ --”页头设置“进店招位置的背景设置两种方式设置:选择调色器或者选择本地上传一张图片点击”选择要设置的页面“ -- 可以选择不同页面不同背景“页面设置”同”页头设置“列表页先来了解几个列表页的展示第一种是无法装修的--“默认搜索页”也就是买家在店铺内搜索了宝贝出来的搜索结果页。
第二种就是以前老旺铺的列表页--“默认宝贝分类页”【点击某个宝贝分类会出现的页面】这个页面可以在右侧750位置添加促销区点击“+”可以添加新的个性列表页如下:可以几个类目用一个子频道也可以一个类目一个频道如下:最后别忘记保存:如果想删除的话先在左侧选择你想删除的个性列表页然后点击“页面编辑”的“删除页面”即可具体的个性列表页同首页。
新旺铺的一大特色是:列表页可以删除掉所有默认模块自由装修啦!店招1.如何编辑店招?首先进入店铺后台点击店招“编辑”按钮2.可以使用默认的店铺招牌“店铺名称”虽然是默认店铺基本设置也可以修改3.可以选择图片空间选择图片进行默认店招背景5.如果不喜欢店招默认显示可以选择“自定义招牌”自由装修此处可以插入“banner maker”6.自定义招牌可以自由的输入代码如果店招自定义区内什么都没有是空白店招就会“消失不见”7.可以在右下方恢复历史记录8.最后进行保存即可拉!热门问题答疑:1招牌尺寸页头高度为:150px(已包含导航)建议招牌尺寸:950*120 px(即加上导航高度,刚好是150px,可避免发布后导航被挤掉不显示的问题)2店招模块误删后怎么找回来方法一:在页面管理-页面编辑-首页-“+添加模块”选择添加店铺招牌方法二:在页面管理-布局管理-首页-店铺页头-“+”添加店铺招牌3招牌中的收藏按钮制作收藏按钮需要自行设计制作。
店铺装修模板使用教程第一步打开我的淘宝在左手边找到店铺管理点击店铺装修如图点击店铺装修后出现如下页面:如果出现提示需要升级的请按以下步骤升级,如果已经升级了的请直接跳到第二步如何安装店招以下是升级步骤:第二步如何安装店招在下图中鼠标移到店铺招牌那会在右手边出现编辑两个字--点击编辑。
点击浏览找到你保存的店铺装修文件点击以店招为名称的图片----保存(店招就上传好了)第三步:如何上传促销区代码:在店招的下面右手边我们看到自定义内容区,如下图:注:把名称为促销区代码的文档中所有内容全部复制过来,在空白处粘贴。
效果图:这时候可看到装修模板。
可以在里面编辑了。
在店铺公告下面”在这里输入文字”的地方双击鼠标,出现如上图红色圈起来的框框,此时可以更改公告文字内容。
下面介绍如何更换产品图片和给产品图片添加链接。
在上图中注意看箭头的指向:1.点击○1箭头产品图片,右键剪切。
2.点击○2箭头指向的图标出现○3箭头指向的图框3.在○34.6.最后保存第四步添加宝贝分类图片在店铺装修的页面中在左手边我们会看到宝贝分类如左图;当鼠标移动到左图时,在左图的宝贝分类这个几个字旁会出现编辑两个字,点击编辑点击编辑后出现下图:在上图中对应的分类粘贴上对应的分类地址,最后保存就完成了。
第五步点击发布,此时买家可以看到已装修过的店铺。
注意如何获得图片地址:先把图片传到图片空间就可在图片空间找到相对应的图片地址。
(注:所有的操作,都要选择保存并要发布,才能生效使用。
)说明:教程里所有的图片及代码,都可以在官方赠送的资料里查到。
淘宝网店铺装修全攻略(八、店铺介绍、个人... - 萧然的日志- 网易博客淘宝网店铺装修全攻略(八、店铺介绍、个人空间、动态签名与网店视觉识别系统设计)(2010-11-03 17:27:40) 1 店铺介绍的设计全流程店铺介绍的设计与网店描述模板的设计是一个道理,通过上一章对网店描述的介绍,相信大家对于将能够更加好的掌握店铺介绍设计方面的知识和技巧。
什么是店铺介绍模板?淘宝网店有一个店铺介绍的网页,店铺介绍的网页大家可以自己编辑,这样,我们就可以制作店铺介绍模板放进去,从而起到美化网店的作用。
如何设计店铺介绍模板?店铺介绍模板的设计和网店描述模板的方法和步骤是一样的,最大的变化就是需要修改一些设计文字。
在这里我只简单的介绍一下店铺描述模板的制作方法。
制作使用的软件主要还是用到Photoshop 或者Dreamwear 、Fireworks等。
为了制作店铺介绍模板先前也要进行模板的素材的收集和构思。
接着就使用制图软件,按照自己的思路来整合各个元素,设计成网店介绍模板,使之成为一个完整平面设计图形。
切片保存成为web 格式文档后,把切片上传到网络相册空间,再使用Dreamwear (或者Frontpage )重新编辑一下html 文件。
店铺介绍模板如何安装呢?店铺介绍的模板安装并不难,只要关键就是制作店铺介绍模板的安装代码。
下面介绍安装店铺介绍模板的步骤:步骤一、从网上下载一个免费的店铺介绍模板代码,当然能够设计那就更加好了。
步骤二、淘宝网—>我的淘宝—>我的店铺管理—>基本设置,点击网络编辑器中编辑源文件”。
步骤三、复制源代码,粘贴到网络编辑器的源代码编辑形式的文本框中。
步骤四、点击网络编辑器中的“使用编辑器”。
步骤五、添加相应的店铺介绍文字后,预览效果,满意后,点击确定就搞定了。
2、个人空间设计全流程个人空间也是展示和宣传自我的平台,对于网商来说可以充分利用这个平台宣传自己,从而更加有利于促成网络交易的成功。
目录目录 (1)第一节快速了解旺铺 (2)第二节FLASH店招的使用 (7)第三节Flash动画促销区 (14)第四节促销区代码安装 (21)第五节自定义栏目使用 (28)第六节做店铺收藏模块 (34)第七节宝贝描述设置 (40)第八节添加多旺旺图标 (43)第九节添加背景音乐 (49)第十节旺铺风格随你用 (54)第十一节淘宝店铺装修各种尺寸大全 (59)第一节快速了解旺铺旺铺基础:认识、了解、订购——快速了解旺铺【认识旺铺】如果您正在犹豫是否购买旺铺,千万要认真看此贴!如果您已经升级到旺铺后但苦于如何装修?那更要看此贴!这将让您对旺铺装修有全新的了解……淘宝上除了商城外包括普通店和旺铺两种,旺铺是淘宝为广大卖家推出的功能更强大的店铺。
形象的可以理解为,普通店只是淘宝大卖场里面一个个的小柜台,而旺铺则像独立的一个个店面,每个店面都有了自己的独立门头店招、店面形象区、货品展台……,这些对于店铺经营,树立品牌形象都远远胜过普通店。
如下图中,大家可以直观的看到同样一个店铺由普通店铺升级为旺铺后整体形象翻天覆地的改变!左侧是普通店,右侧为升级后的旺铺,如下图:上图中可以形象的看到,旺铺对于普通店有以下几种最显著的提升:1、旺铺最上方有独立的“店招”,就好比商家的门头,可以醒目的标注商家店名、品牌、广告等等。
结合FLASH、GIF动画店招会更方便店家推广宣传店铺形象、品牌字号,这相对于左侧的普通店上只有小小的店铺名称来说绝对是质的飞跃!2、旺铺的右侧上方可以随意设定大面积“促销区”宽度为750PX远远超越了普通店铺右侧上方仅340PX小小的“公告区”,这个超大的促销区宽度是750PX,高度不限,完全可以自由发挥,您可以做大幅的广告、也可以设定滚动的字幕,还可以穿插动画,这也是旺铺装修的核心所在,就相当于一个店铺的“脸面”。
3、店铺首页上宝贝的"缩略图"再也不是普通店的80PX小图,旺铺可以自由设定多种规格,店家可以根据产品自由设定为3列显示220PX大图,或则4列显示160PX的标准模式,呵呵,不论哪种都远远优先于普通店铺的小小图片,这就好比商家有超大的橱窗可以把热推的产品强有力的展示到顾客眼前。
当然还有更多超级功能,我将在连载中一一详解,这里不多说了,以上三点是最核心和最醒目的旺铺优势,够诱人了,当然了,不然为什么月月都要给淘宝缴租金噢。
下面表格是淘宝列出的普通店铺与旺铺比较:【了解旺铺】旺铺装修的模块又是哪些呢?凤凰社长精心为大家做了一个说明图,让您一目了然认识旺铺装修的各个模块旺铺不但有那么多丰富的可装修内容,另外旺铺还有一大特色,就是“可视化的编辑”,这点对于新手朋友操作尤其好,所见即所得,如下图中在淘宝的旺铺管理后台,会用灰色的透明色显示每个模块,每个模块上方都有标签,可以随意上下拖动自由摆放,非常灵活的控制首页的显示,设定好后,只要点击右侧上方的“预览”可快速预览效果,没有问题后,点击“发布”就马上能正式生效,超级好用!【购买旺铺】如果您还是普通店铺,看了上面后,想购买升级旺铺,那非常简单,现在淘宝对于全体卖家都开放旺铺,只要到“我的淘宝”后台,如下图选择服务订购就好了。
或则在你的管理平台上,点击升级到旺铺。
在可订购的服务项目中,下方可以找到旺铺的项目,现在有三种费用模式,根据您的经营选择后点击订购就好了。
最后,如果您是普通店还没升级旺铺的朋友,看到上面旺铺如此诱人的功能一定是蠢蠢欲动想升级了,但是毕竟是要花费银子的,所以我会给每个朋友一点经验建议:1、旺铺的功能绝对是普通店铺无法比的,但是这不代表购买了旺铺你的生意就能好!购买了旺铺你只是购买了这项功能而已,能不能发挥旺铺的优势,这刚刚开始。
2、旺铺的很多功能很多朋友都没有用上的,有可能是不了解、也可能没时间,但是我会建议如果您决定要购买旺铺了,那就一定要有准备你将投入更多的精力来打理您的店铺,不然投资是没有回报的,如果您只是抱着玩玩看的心态,又没有多少银子,那建议您还是用普通店吧,因为不投入精力和花费时间学习,你会发现你的投入是资源浪费,很多朋友的旺铺根本没有充分利用。
3、如果你已经有了充分的准备,又想把淘宝店铺经营的风风火火,那我会说赶紧加入旺铺,因为以后你赚到的远远比你投资的这点店租多的多!很多开得早的大店年营业额都超过千万了!但是现在您加入的淘宝已经是竞争激烈的战场了,充足的 货源、一流的产品这些远远不够,电子商务的营销才会让你的好宝贝不淹没在茫茫大网中,而旺铺装修是“大营销”不可缺少的一个重要环节,这系列连载凤凰社长将与您分享如何通过装修来提升和促进您的营销。
马上行动吧!第二节FLASH店招的使用店招:旺铺FLASH店招如何用?7种经典技法!店招位于旺铺最顶部,尺寸是950×150,呵呵,好大的一个招牌!这远远要比普通店铺优越了很多,而且现在旺铺店招不但支持GIF动画,还支持FLASH动画,更加是丰富多彩,效果炫丽。
因为店招是一个店铺的门头,位于店铺顶部,是每个顾客第一眼能看到的地方,因此至关重要!是店铺装修的重要环节,精心设计的店招往往能醒目的传达店名、品牌、经营特色等店铺信息,或则凸显店铺的独特风格。
但是实际很多店主并没有注意自己的店招设计,只是从众多模板中随意选一款后,改成自己店铺的名称草草了事,甚至更有连店招究竟如何设置都弄不明白,大大的显示系统自动生成的店铺名称。
那赶紧看看下面我将与你分享如何发布GIF图文店招?如何设定FLASH动画店招?店铺首页右上方点击进入管理我的店铺:管理后台选择“店铺装修”:然后点击“招牌设置”,这时你就可以看到下图所示,图的左下角点击“更换招牌”:跳出更换招牌的窗口,点击浏览,上传设计好的店招就OK了;当然这个店招文件是需要先在本地电脑做好的,或则您从设计师手中购买后发给您的。
一般店招图片格式是JPG或则动画的GIF格式,文件大小在100K内,尺寸是950×150px。
最后记得点击“应用到本页”或者“整店”,大功告成了。
上面我们学会了如何上传设计好的店招图,但是很多朋友可能犯愁了,自己不会用PHOTOSHOP,更别说做动画店招了,没关系!淘宝为大家推出了在线制作招牌的工具,下面我们来学习掌握,只要点击“在线制作招牌”按钮;点击后会进入在线的做图工具,这是淘宝推出的FLASH动画做图工具,使用相对PHOTOSHOP等大型做图软件简单的多,而且提供了很多设计好的店招模板,如下图,按行业和主题分门别类的为我们准备了很多可选择的模板,点击店招按钮:选择喜欢的主题或则分类,可以看到下面会列出很多FLASH动画的店招,都是设计师设计好的款式,您可以在其基础上修改调整为您自己的店招,方法很简单,先选择一款相对适合自己店铺风格和色调的,然后点击“开始制作”按钮。
马上进入FLASH的在线编辑工具,这个工具使用比较简单直观,您可以点击店招上对应的店名文字等,在右侧会出现编辑工具,里面可以将原有文字替换成您自己的,好比我把“施华洛世奇水晶”替换成了“凤凰社靓衣馆”哈哈!超级简单吧?如图我们把所有的文字都对应改成自己的,左侧您还能看到这个工具也有图层,你可以自由发挥调整原有的模板,这里不多介绍了,您自己上手试试吧。
所有都设置满意后,点击窗口下方的“设计完成”按钮,保存您的成果。
点击进入“我的设计”栏目,您可以看到上面通过编辑您就将一款现成的模板改成了自己的店招,有了这个工具您即使不会做图也能在别人的基础上修改完成不错的店招,变成自己的设计,下图中可以看到上面我们完成的店招,还有凤凰社长设计的更多店招,下面只需在“我的设计”库中选择想放到页面上的店招,点击“应用到店招”按钮。
跳回到招牌设置页面,马上可以看到编辑好的店招显示出来,最后记得点击“应用到本页”或者“整店”,大功告成了。
上面掌握了发布应用店招的方法,不论什么工具,FLASH或者GIF动画,关键的还是要懂得安排设计店招的内容、图片搭配技巧、文字特效等等,凤凰社长最后给大家介绍7种店招常用的经典技法!可供借鉴。
招招都是那些皇冠大店常用方法!7种经典技法!第一招:图片拼接法,背景使用漂亮的照片拼接可以丰富多彩体现店铺商品特色,当然要处理好上面店铺名称,好比加背景色块来醒目显示第二招:漂亮插图法,使用漂亮的矢量插画调用矢量插画元素,例如上图中的红色卡片,一下让气氛活跃,醒目时尚第三招:动感斜线构图,文字和背景插入倾斜元素具有强烈的运动感,非常适合运动、户外等,倾斜的文字很容易表现时尚动感第四招:抽象文字,几何元素非常适合店铺经营产品繁多,没有单一照片好代表店铺的,恰当使用文字和字体,抽象的点线面非常现代第五招:曲直对比,店招出现曲线优美的曲线往往能吸引眼球,水平的店名在曲线衬托中更醒目第六招:摄影、质感、特效如果产品有漂亮的摄影照片,往往简洁的运用好摄影独有的视觉冲击感,字体也使用一定的特效,效果简洁独到第七招:氛围烘托法,采用有感染力的环境图片好比上图中并没有直白的商品照片,而是间接的温馨家居,更能让人为气氛感染,爱屋及乌第三节Flash动画促销区flash促销区:自己制作动画促销区,包月5元搞定前面我们说过促销区就是旺铺的“门脸”,可谓装修重中之重!位于店招下,店铺的右侧上方,最宽尺寸是750px,高度不限,一般会设定在600 像素高以内,这正好是打开店铺后不用滚动下拉页面的第一屏,因此客户对整个店铺的第一眼印象全在这里。
促销区形象的说就是淘宝给了每个店家一个超大的广告形象区,掌柜可在这里随心所欲的自由发挥,设计漂亮的品牌形象、精心的展示促销宝贝、发布滚动的字幕广告。
上面说的那么好,又那么重要,那如何才能打造好呢?方法很多,我一一讲解,这讲我们来看看淘宝给我们准备的"flash的在线制作动画"工具。
这是一个第三方BannerMaker捆绑到阿里的软件,是要花费月租的,因此如果您还没有订购,或者订购了但是还没搞明白如何使用好,那一定看看下面讲解,您将学会如何使用,或者评估一下自己是否值得花费购买此项服务。
这种FLASH的动画促销区是要花银子的,如果您还没有购买我就告诉你如何订购,进入“我的淘宝”;我是卖家栏目中,点选“服务订购”:可订购项目中找到“旺铺装修模板”,这里提醒一下,“只要一分钟……”这有点夸张的,呵呵,请先点击“功能描述”详细看看!其实通俗的讲就是在设计师已经做好的模板基础上,您可以改动文字,修改成为自己的……不过这个工具确实很好,详情请往下看:注意这个服务可按月、季度等不同时间缴费,费用如下图,模板数量有一定限定;购买成功后,在“素材管理”项目中,点击“旺铺装修模板”:选择挑选模板栏目,然后点选促销区类目:如下图显示出很多设计师设计好的模板,如下图我挑了两个服装模板,每个模板上面都有标注适合范围、发布时间、人气、作者等等基本信息,您评估挑选后,可以点击上面的“开始制作”:点击“开始制作”马上进入编辑区,点选文字就可以替换文字内容,右侧可以看到编辑选项,颜色、字体、动画……轻松编辑。