淘宝手机版首页:浅析淘宝首页装修——标准版仿拓展版的制作过程

大家好淘宝手机版首页，首次写这种类型的太平洋xg111xg111企业邮局文章，小女子在此献丑了！

　　 今天主要就是太平洋在线简单的解说下我是怎么打理我的淘宝小店首页装修的淘宝手机版首页。

　　 我是新手卖家，店铺是标准版的，但是看到很多家店的装修都好漂亮，同样是标准版的，看起来却很大气，狠有拓展版的风格淘宝手机版首页。那天在旺铺购买首页上看到一个标准版仿拓展版的制作 ，进去了解学习了下，跟群猪也聊过，学习过，第一次做出来的模板，额，效果实在是不敢恭维啊。 话说还是跟我同学一起商量怎么制作的呢，做的时候也觉得蛮有成就感的，不过放上去后才知道有很多不足之处。

　　 先上图，给大家看下第一个亲手制作的模板，不过已经被我下了淘宝手机版首页。

　　 再上一张第二次制作的，也就是现在使用的模板淘宝手机版首页。

　　 个人觉得效果好了很多淘宝手机版首页，嘿嘿，别喷我~！

　　 首先，讲下需要使用的软件吧：photoshop （必不可少的哦~）、dreamever、isee、美图秀秀，嗯，大致就这么多了，isee的用处倒是不多，主要用以批量更名或者批量调大小，但是isee的大小调节是真的按照图片大小调节而完全不顾相片是否变样，用来压缩是可以的淘宝手机版首页。至于美图秀秀么，可以做一些小的修饰性图片的美化，也可以做一些gif格式的动态图片，美图的饰品类目下有“淘宝专用”饰品一类，有一些还是蛮实用的。至于复杂点的gif 动态图片那就要用到imageready了。

　　其次，也是最重要的一步，就是【设计】了，这个就看个人的设计能力以及喜好决定的了淘宝手机版首页。因为淘宝的底色是白色的，所以我设计的时候也是用的白色打底，额，为了看不出间隔

　　步骤一：设计（此处省略N字淘宝手机版首页。。。。。。）；

　　步骤二：PS（photoshop以下简称PS）制图淘宝手机版首页。

　　有一些数据是要注意的，淘宝左侧模块宽为190像素（以下简称PX），右侧模块宽为750PX，左右模块之间间隔10PX，所以整一块页面的总宽是950PX淘宝手机版首页。设计的时候可以有两种底版，一种是950PX的，拉好参考线，一定要注意记得把10PX间隔开。不然效果就难看了；第二种是940PX素的，只在190像素位子拉一条参考线作为间隔，但是后期参考线多了的话可要注意了别弄混了。

　　我选择的是第二种，做模板的时候是把整个底版当成一块大型的模板来做，那样在视觉效果上就有一个整体性淘宝手机版首页。PS用到的工具其实并不多，主要就是

　　 这里的一些工具，只要会简单的应用就OK了淘宝手机版首页。选框工具、移动工具、文字工具、变色工具、切片工具，基本就是这5个了。当然在处理照片的时候还会用到裁剪工具和魔棒、套索、钢笔等工具，就不赘述了。

　　简单描述一下制作首页自定义模板的步骤吧：

　　1、新建模板淘宝手机版首页。用PS新建一个自定义模板，设置940px*6000px即可，高度自行调节；

　　2、调节标尺淘宝手机版首页。把标尺调出来(用ctrl+R即可快捷调出)，鼠标放在标尺上点右键，选择像素，然后鼠标放在左边标尺上，点住左键在190px宽的位子拉一根参考线；

　　3、定好框架淘宝手机版首页。根据自己的设计，分别用标尺拖出框架，亦可用描边工具打出框架，方便设计。（一些重要的参考线最好不要删除，最后一步切片的时候要用的哦~）因店招大小为950px*150px，所以我另行制作了。

　　按照自己设计的样式，拉上参考线，制作起来会方便很多淘宝手机版首页。

　　4、统一布局淘宝手机版首页。制作的时候一定要注意的是图层的选择，文字图层要放在最上面，照片的大小也要统一好格调，左右对称，那样才能使得整体看起来干净统一。在做模板的时候不用把照片都放上去，因为照片是要改动的，而模板是可以一直使用的，所以只需要列出框架，定好大小和方位即可。

　　5、切片保存淘宝手机版首页。制作过程其实很简单的，熟练了就好，只要开始的时候设计好底稿，会省很多事儿。思路一定要清晰。切片的时候不是按照所有的参考线乱切一通哦，而是按照亲所设计的模块，整体切片。

　　比如

　　切成5块，但亦可切成左右2块，不过右边就要制作4块小份的图片，以制作链接淘宝手机版首页。

　　切成左右两块即可；

　　不但要切成左右两块，左边还得切出5行小块的，因为导航需要单独做链接淘宝手机版首页。

　　所以总的来说切片切多少，看个人制作需要，但是不要零零散散的全切了淘宝手机版首页。按着大方向制作，保存好后切勿乱了顺序，最好更名，编上序号。此处亦可以用到isee统一更名了。

　　制作好模板后，就要用到dreamever了，额，这个软件因为是叫我老公做的，所以我也不会使用，貌似做起来还是不难的，一些简单的代码，复杂了标准版的也用不上淘宝手机版首页。

　　写好代码后就是店铺首页的装修了，这个大家应该都会的哦淘宝手机版首页。把店铺首页装修页面的所有模块删除，亲有需要的可以留着，新建自定义模块，点击html编辑图标，把制作好的代码复制过去即可，高度可以稍微调节，保证左右对称。最后点击发布就可以了。

　　 好晚了，先说这么多吧，下次更新的时候再继续说下怎么用imageready制作gif格式的动态图片；以及详情页面和别的一些页面的布局和美化淘宝手机版首页。

标签： 标准版 制作过程 浅析 淘宝 首页