浅析淘宝首页拆修——原则版仿拓展版的造造过程（修改后）
各人好，初次写那品种型的文章，小女子在此献丑了！
今上帝要就是简单的讲解下我是怎么打理我的淘宝小店首页拆修的。
我是新手卖家，店展是原则版的，但是看到良多家店的拆修都好标致，同样是原则版的，看起来却很大气，狠有拓展版的风气。那天在旺展购置首页上看到一个原则版仿拓展版的造造 ，进往领会进修了下，跟群猪也聊过，进修过，第一次做出来的模板，额，效果其实是不敢捧场啊。 话说仍是跟我同窗一路筹议怎么造造的呢，做的时候也觉得蛮有成就感的，不外放上往后才晓得有良多不敷之处。
先上图，给各人看下第一个亲手造造的模板，不外已经被我下了。
再上一张第二次造造的，也就是如今利用的模板。
小我觉得效果好了良多，嘿嘿，别喷我~！
起首，讲下需要利用的软件吧：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格局的动态图片；以及详情页面和此外一些页面的规划和美化。