初次接触

接触京东平台是在2017年9月份，兼职做这个线上任务时，并不知道如何着手电商界面设计与制作？

我先搜索资料，店铺页面设计及定位做了预先的规划，产品的分类，价格由低到高的建档，excel表格的产品规范建立，会给你的后续工作复杂难度减少很多。

（因为我没有这样建档和分类造成后续重复性的工作，浪费时间，前期的规范繁琐，必将给你店铺的搭建缩短时间。）

电商页面设计首要的是你首页的确定，万事开头难，你需要搜集一些相关品类的店铺作为参考要素，再根据自己店铺的定位，模仿一些好的页面排版风格，（主题风格还是要自己的），

页面设计

我刚开始设计制作很多的类似网站切图动画的设计，设计了三版，发给身边同事与朋友，给出不同的建议与修改，选择一版。

确定首页后，开始设计你的其余二级页面的设计，简单的二级页面就是首页的导航条和banner图不需要改变，只需要下方设计你的产品展示、排版，宣传广告位的位置。

（我自己制作设计首页+5个二级页面共用时一个星期时间，包括最后的切图）

准备好店铺页面的设计以及切图。

店铺安装

开始京东平台搭建并实现你的设计效果，我刚开始也不懂怎么在京东上搭建，使用什么样的语言搭建，在京东的学习中心看视频，并没有详细的操作，都是笼统的简单的操作，很多我所设计的效果它并没有讲述，找身边软件开发的朋友做，他们的代码语言在京东上受到很多限制，研究了三天的时间，依旧没有很大进展。

我选择在淘宝上找了一位接私活的哥们以300元价格上传搭建

（上传搭建工作都在300到500左右，为了省钱选择300）全包制作线

整整一个星期的制作，由于产品上传不到位，最后的之制作只能是没有链接的页面，半拉子工程。

产品的上传历经三个月时间，拍摄、修图、上传、详情页设计制作等等繁琐工作，但是要是团队就会很快。

产品上传结束后，开始做链接，淘宝找的那哥们在我的不断软磨硬泡下，将制作方法过程简单的告诉了我，我才明白300元是多么好做的技术。

首先搞明白店铺装修中的布局模块；

布局分为：990通栏布局、1920通栏布局、100%通栏布局

系统模块分为：190模块、790模块、990模块、1920模块

注：布局模块和系统模块宽度尺寸一样的在一起使用，100%通栏布局什么宽度尺寸的系统模块都可以放。

自己设计风格安装

① 将京东显示自带的店招删除

② 按照自己的店招切图上传

③ 导航栏的高度为40px，宽度自己设定

④ Banner部分选用100%通栏布局，1920系统模块

⑤ 首页的商品展示部分有两种编写方法，一种：切图，将首页设计图切图，按照4步骤上传图片，然后点击编辑，代码编辑，复制代码，打开Dreamweaver软件，新建，删除里面原有代码，粘贴之前复制的代码，//mall前面添加http：，然后点击设计模块，进行图片产品的链接。

另一种：Dreamweaver软件中代码进行页面简单排版编程，不可调用JS

基本两三天时间就可以将页面链接和上传做好。