在线设计为产品设计器，可对所需要的产品进行自定义图案设计，并进行在线订购，加入购物车，和保存自己设计好的商品。
用于选择所要进行设计的空白产品
用于对所需产品的快速搜索
Ø 在搜索框输入产品名称或编号，点击“搜索”，可快速查找到所需产品
用于对产品的类别筛选
Ø 点击“全部分类”，在下拉列表中选择的款式类别，可筛选出所要的产品种类
用于用户所要设计的图片素材的上传
Ø 点击“上传图片”，在出来的文件选择中选择所要选择的图片
选择好要设计的产品，点击设计区，就可进行产品的设计。
设计说明用于说明设计区中重点图示的涵义。
Ø 点击“设计说明”，进行查看设计说明。
Ø 在“图案管理”中选择所要添加的图片，就可添加图层到设计区
Ø 左击点住图片移动鼠标可实现图片拖动
Ø 点住旋转角进行拖动，可实现图片的旋转
Ø 点击图片角上删除图标，或点击图层列表删除图标，进行图层删除。
添加多个图层后，设置前后图层显示的切换。
Ø 点击工具中的上下图层工具进行前后图层切换或点击图层列表中图层上下图层工具进行切换
水平居中用于将图层置于设计区水平居中位置。
Ø 点击工具栏中的水平居中工具
中间设计用于将图层置为设计区中间位置
Ø 点击工具栏中的中间设计工具
水平镜像用于对图片进行水平方向的镜像操作。
Ø 点击工具栏中的水平镜像工具
上下镜像用于图层的上下镜像操作。
Ø 点击工具栏中上下镜像工具，实现图层的上下镜像。
用于对添加图层进行复制。
Ø 点击工具栏中复制图案工具，可实现图层复制
用于撤销设计时的操作步骤。
Ø 点击“撤销”，撤销前面的操作步骤
用于清空设计区图层，重新开始设计。
Ø 点击“重新设计”，清空设计区图层
用于给设计添加文字图案。
Ø 点击“添加文字”，给设计添加文字
Ø 在添加文字框中输入所要好添加的文字。
用于设置添加的字体，字号，加粗和倾斜等。
用于设置添加的字体颜色和背景颜色。
用于保存和加载设计。
Ø 点击“保存设计”，将当前设计
Ø 点击“记录”，选择要加载的设计。
用于将当前设计好的产品在线订购下单购买。
Ø 选择好尺码，数量，点击“在线订购”，对设计产品进行下单。
Ø 选择好尺码，数量，点击“加入购物车”，对设计产品加入购物车。
放大查看设计出来的模特效果图。
Ø 点击模特图区，对模特图进行放大查看。
快捷进入购物车查看加入了购物车的商品。
Ø 点击右侧购物车图标，进入购物车。
