打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
爆!用好PS和DW两把利器,让你店铺迅速靓起来!店铺装修必看-经验畅谈居 - 淘宝论坛 -...

------------------------------------------------------------------------ 

【获奖感言】

非常感谢管理员提出的宝贵建议,并把帖子加精!

得知加精之后的感觉,只能用一个词来形容:

鸡冻!!!

非常感谢淘友们的支持、鼓励和帮助,

这些天认识了很多朋友,和大家交流起来非常开心!
其实这个帖子发表后2个小时后就被管理员加精了,

非常佩服纪律审核部的火眼金睛和兢兢业业精神,

但是获奖感言却是来得晚之又晚,

只为了等了那个极具纪念意义的系统消息... ...

让我苦等呀,苦等呀, 苦等呀,却始终没有等到......

近期内我正在总结和实验网店推广这一块,

相信不久就会有新的精华帖面世,敬请大家期待哦!

末了,祝大家开心快乐每一天,快乐享受淘宝!

------------------------------------------------------------------------------------------------------—— 

用好PS和DW两把利器,让你的店铺迅速靓起来!

相信每一位小卖家每天都为自己的店铺设计而苦恼,而且大多小卖家既没有充裕的时间来学习技术,也舍不得花钱去买比较好的模板,论坛上也已经出现不少PS和DW在网店设计应用中的帖子,但是都比较局部,让新手们看了感觉非常零碎且难以串起来进行全局性操作,于是这样一篇帖子应运而生,曾经有个3钻卖家看了我的店铺找我做店铺设计,我实在是没有时间做,借此机会,我以自己的店铺设计为例,以店铺首页和宝贝描述页面为主,手把手告诉大家简单易行操作PS和DW,就可以使自己的店铺迅速漂亮起来!

我从设计最初——思想 开始阐述,希望大家能理解我的思路,在后面的操作过程中大家最好打开软件,跟上我一起做,只要你用心学用心做,我想短短的20分钟之后你会发现惊人的效果!

准备活动

1、下载PHOTOSHOP和DREAMWEAVER软件,这个不用我教你吧,百度和迅雷搜索即可。

2、下载PS素材:我们网店中主要有矢量图、字体、画笔、特殊形状这4类就够了,尤其字体和矢量图格外重要。我把我常用的3个免费的素材网站分享出来,东西都很全的而且都是免费!加为收藏吧,会非常非常有用哦!!!

素材天下网  http://www.sucaitianxia.com/

photoshop素材库  http://www.photoshop.org.cn/

素材网  http://www.sc126.com/

3、旺铺。这是基础,一定不要舍得花几块钱,别的东东什么都能舍,就是这个砸锅卖铁也不能舍!小卖家先用标准版吧,一个月30一个季度90也不贵,但是带来的效果确实非同反响的!

  1. 店铺设计之初——思想和灵感

设计最初,一定要有一个大概的起点和思路。店铺命名是非常关键的,名字是你的门面、脸面,就像见了帅哥美女都会多瞅两眼一个道理,好的名字对店铺的流量会有相当大的促进。有了好的名字,就要定位自己的店铺了,什么色调?什么风格?我来就是来分享自己的心得的,请往下看。

思想和灵感当然最重要,是你设计出来的作品的灵魂。很多人就想算了吧,我没有这方面的天赋。其实不然,天赋或许是占一小部分,但是后天的学习才能决定着你能否独立作出一个不错的创意。如果现在我们的大脑还比较空泛的话,马上动手——第一步:学习!第二步:模仿!淘宝上成功的网店随处可见,按照人气排名搜索出同行业20个皇冠店铺和20个钻石店铺,耐心、仔细地看看他们的店铺首页是如何做的,放了些什么图片,写了些什么话等等。好记性不如烂笔头,见到好的,一定要把图片另存、把语句复制下来!

如果你能仔细地看完他们的页面,相信不用我问,你都会有一个自己的想法了,而且大有捋起袖子跃跃欲试之感!没关系,只要你有想法,初期不用整理就可以执行,千万别让自己的想法转瞬即逝,要记住有了想法要马上动手去执行!任何事情,只要动手去执行,就已经成功了一半!而且在实现它的过程中你又会得到更加宝贵的经验和感悟,这是一个非常重要的学习过程,所以动手去做,非常难能可贵!如果还没有自己的想法,也没关系,挑一个认为比较理想的页面,全部复制下来,用心去模仿它!相信我,你会在做的过程中,收获你的创意!

  1. 店铺设计之PS——简单和简洁

有了好的想法和创意,就要开始动手作图了。我认为除了能带给人强烈的风格感召力之外,简单和简洁是最重要的。我现在就教你如何用最简单的方法,做出自己精美、简洁的模板,轻松搞定精美宝贝描述页面。今天我先以宝贝描述页面为例,不久我将会推出店铺首页的制作实例,敬请大家关注!

淘宝页面中左侧栏大小宽度为190PX,右侧为750PX,自己的宝贝描述页面右侧栏的组成部分一般为:店铺介绍、商品介绍、实物展示、买家须知、销售记录这几个部分,自己可以调整先后顺序。以我的页面为例,现在跟我一起开始动手做吧:

主要为两个部分,栏目条和其他描述图片。

1、打开ps,新建(ctrl+n)图像,用油漆桶喷涂底色。

为什么宽度为740呢?因为我要在以后嵌入页面的时候整体加个边框,这样会显得更漂亮一些。加了边框后宽度为745左右,保守起见这就能保证在每个显示器都能完整看见页面内容。虽然窄了5个像素,但是肉眼完全看不出来。或者宽度745,边框为2的话整个页面就是749的宽,比较紧凑,效果最佳。如果你不喜欢加边框的话就直接把它改成750。

2、新建一个图层,矩形选框拉出一个框;选择渐变工具,调整渐变颜色,在矩形选取中拉出渐变。

3、选择文字工具,输入文字,调整字体、颜色和大小。

通过以上简单3步,栏目条就做好了。输出保存后,只需更改文字内容,就可以得到其他的栏目条。在保证风格一致的情况下,可以在个别图上做一点改动。大家尽可以充分发挥自己的想象能力和动手能力设计。

输出图片之后,把它们上传到图片空间备用。

4、现在我们设计其他几个描述图片。主要为店铺介绍、买家须知、退换保障几个方面的说明、条款这些内容,道理都很简单,新建图像,加入想要表现的内容就行,本文的重点在后面,这个我就不用多说了。关闭PS,图片设计暂告一段落。

三、店铺设计之DW——打造自己个性、专业的宝贝描述模板!

1、打开DW软件,开始设计自己的模板。在DW中新建一个html页面。插入表格,设置表格参数和边框颜色,如图。

2、切换到“代码”编辑页面,复制<body></body>中所有代码,粘贴在txt文档中保存。

3、打开淘宝助理,新建一个页面,在“html源代码”编辑框中复制进去刚才的代码。

4、切换到“编辑宝贝描述”编辑框中,在页面表格里插入图片空间中我们做的图片,再加上自己的促销图片、店铺介绍、买家须知、退换保障等说明内容,一个精美的免费模板就做好了!

看着我们的精美的模板半成品,是不是觉得非常有成就感?!对,设计师也就是这么做的,网上那些商业模板都是如法炮制出来的。那么接下来我们怎么使用它呢?聪明的你一定不用我多说,如果自己动手拍的照片,那就很好办,在对应的表格中逐个插入我们想要展示出来的宝贝图片就可以了。可是有很多朋友都是做网代的,也就是说是用上家提供的数据包,那我们难道要逐个逐个把数据包里的文字和图片剪切粘贴进去吗?那连修改标题,设置参数,每个页面都得最少鼓捣2-3分钟,100个的话就是3个小时!天哪,太浪费时间了!

呵呵,不用那么麻烦,可别忘了淘宝助理强大的批量编辑功能哦!

另外,你也要稍微懂一点html知识。不过没事,跟着我干吧,几分钟就可以让你所有的数据包都钻进我们强大的模板中去!下面我就来帮你搞定非常漂亮非常个性的宝贝描述页面!

一般数据包里给你的东西是宝贝介绍和宝贝照片,都属于商品展示这一栏目。那么我们把我们的模板代码分为两个部分,商品展示前和商品展示后。就是说,以商品展示为拆分位置把模板拆分,在数据里加入一个头部和一个尾部,我们就会把数据包中的文字和图片完美地嵌入到我们自己的模板中来了,这样做出来的宝贝描述是不是非常DIY呢,有自己的店铺介绍和数据内容共同组成、浑然一体,是不是非常专业呢?你的宝贝描述不再千篇一律、人人都有了,加入了自己的独家模板,我们的描述页面将更加精美、更加个性!

如果你还没有看明白,那么请跟我来:

5、首先,把代码一分为二。你想要在模板的哪个位置(一般是商品展示栏目)插入数据包里的文字和图片介绍,就在哪个位置拆分。在编辑页面中我们不能操作,因为表格是一体的,不能拆分,只能在html源代码中找到这个位置。有的朋友又要问了,都是黑乎乎一片代码,我怎么找到这个拆分的位置呢?不用担心,有个办法可以解决。你先根据图片空间中图片的链接地址,找到源代码中拆分位置附近的栏目条图片分辨出应该拆分的地方,或者在这里输入几个字符标记,然后根据这个标记拆分,就一下子搞定了!呵呵,明白了吧?且看下图:

6、新建两个txt文档用以复制保存以上两段代码,做完这个我们还差一步就成功了!最后一步很简单:

打开你要编辑的数据包,选中要批量添加模板的宝贝,选择菜单“批量编辑宝贝”中的“宝贝描述”子栏目,再选择“首尾添加新内容”,分别输入刚才top和end两个文档中的代码,然后点击保存,就完工了!

我在试验的过程中多次发现,批量编辑后的宝贝,一般第一个宝贝都写不进去这些代码,但是从第2个开始都是有效的,这可能是淘宝助理的本身存在BUG吧,希望在以后的版本中会逐渐完善!

7、几个需要注意的细节:

如果数据包里有部分图片和表格的宽度大于等于750px,那我们的模板就会被撑变形,怎么办呢?千万不要逐个动手去变形缩放了,同样的办法:批量编辑。在html源代码中定义宽度的语句为width=**,选中要编辑的宝贝批量编辑宝贝描述,在“查找并替换”中,把width=750更改为width=740或者745就可以了。尽管放心修改,宽度定义改变是不会引起图片变形的!

如果有的数据包里面的图片和文字不是居中的,我们也用批量修改:把定义对齐位置的语句align=left修改为align=center,就可以了!

有人担心这样做出来的模板以后是不是不便修改,尤其促销图片需要经常更换。其实非常方便,可以用上面的方法批量修改(不过批量修改仅限于html源代码哦,不熟悉的可要慎用了),还有一个办法啊,把这个图片空间中的促销图片替换了!非常简单非常方便吧,呵呵只要鼠标点击几下,就可以解决所有问题,真可谓运筹帷幄决胜千里之外啊!

 

这是我们把数据包里的内容也加入我们自己店铺独特的模板的全过程,现在打开一个修改完毕的宝贝,是不是觉得非常好看呀?!买家在浏览你的页面的时候,也会对卖家如此全面、细心的态度肃然起敬!一个小小的模板,一个个性、漂亮、专业的宝贝描述,着实是影响成交量的不可或缺的重要因素!有了这些,只要卖家们都能多用点心,用好方法,成功也就离我们不远了!淘宝如同人生,店铺就是心脏,精彩的人生需要我们用心和双手把她们绽放!在此鼓励所有的淘宝中小卖家们——相信自己,努力奋斗,坚定不移的走下去!!成功一定属于我们!!!

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
PS三种抠图,图文并茂,手把手教你,从此不在为图片烦恼
新手必看,装修只看一个帖!旺铺扶植版免费装修完全攻略!
淘宝学堂模板使用教程(2):如何制作上传店招图片
实用修图教程
解析PS不规则切片方法技巧的教程
手把手教你在宝贝详情页面添加“宝贝关联营销图”
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服