• 保存到桌面加入收藏设为首页
淘宝免费模板代码

淘宝模版是怎么设计出来的?其流程是怎样的?

时间:2019-09-11 18:56:42   作者:文章CMS   来源:   阅读:83   评论:0
内容摘要:  我曾经在自己的博客里写过:一个淘宝SDK简易装修模板的制作流程,这样的一个制作流程,是关于简易版的!  一个简易模板从头到尾的做下来要一天左右,在别人眼里也就是把图片组合在一起,做成花花绿绿好看就行,很多淘宝店主并不知道这是一个怎么流程......

  我曾经在自己的博客里写过:一个淘宝SDK简易装修模板的制作流程,这样的一个制作流程,是关于简易版的!

  一个简易模板从头到尾的做下来要一天左右,在别人眼里也就是把图片组合在一起,做成花花绿绿好看就行,很多淘宝店主并不知道这是一个怎么流程,面对他们的提问和要求有时候真是无法解答,欲哭无泪!看看自己的一个简易模板流程,无需过多吐槽!第一阶段:制作模板效果图!开始构思,确定主题,收集素材,确定配色!

  主题不多说,一看这么多轴承就明白!合成是关键,高大上就靠它了!构思也不多说,就是体现轴承的气场,“爆发吧,轴承的小宇宙!”

  总体框架效果图已经定下!接下来切图,切图就是把大图根据店铺的模块来切成一张一张的小图,这里具体不细说,还牵扯到一些图片优化的问题,到后面步骤自然就能看见一个个模块的图片被切成什么样的小图片!

  模板的制作,基本也就是建立店铺的首页和宝贝分类页,默认详情页的框架,然后对系统模块的css样式设置的过程。

  简易模板还好,就是在原先的系统模块添加样式和图片每一个系统模块都包含一个放图片的文件夹和一个放CSS样式的文件夹

  如此重复一个个系统模块的建立,直到所有的系统模块添加完毕!主要就是设置一些系统模块在950,750,190的这几种布局样式,宝贝推荐还有考虑到3栏,4栏,5栏,7栏的宝贝展示设置情况

  如上图,高级模板就是要多写一部分模块!文件名前缀tshop-pbsm这一系列的是系统默认的模块,tshop-um这一系列的就是设计师自己制作的模块。

  每个设计师模块里面都有这几样,assets文件里放图片和样式文件,XML主要是模块的编辑设置,PHP文件就是模块的页面代码了!

  最后,再来一个无线端的模板制作过程吧!现在的无线端使用率非常高!但是目前呢淘宝的电脑端模板和无线模板还不能通用,我想最难解决的恐怕还是图片尺寸缩放的问题,电脑屏幕一个1024的尺寸安放到手机那么大的一个屏幕上,图上的文字怎么识别才是真难题,注定必须要做两套尺寸不同的模板来使用!

  首先需要会html+css,还休要具备JS和PHP语言基础,然后需要到模版设计师中心交1W的保证金,淘宝设计师后台可以下载一个SDK环境包,这样你就可以开发了,开发后,要提交给淘宝审核,审核通过后才可以用的,至于开发的细节,只要你具备我所说的这个语言,一般都不在话下.

  都是设计师写出来的代码。。。官方的模板是设计师写好的,按月收钱。。。。也有卖代码的,买来自己搞上去,就是免费的。。。我的淘宝小店就 是买来的代码

  淘宝现在规定只有申请模版设计师资格的人才可以自己设计模版,但不可以用自己的帐号店铺购买自己做的模版,设计师申请没有技术的要求,但必须缴纳1万元的保证金。


标签:淘宝首页模板制作  
相关评论