如何设计电商系统商品中心电商产品设计全攻略

简述电子商务系统设计的步骤

确定页面风格

页面风格主要是根据产品本身来定的，如产品的属性、产品功能等。如果产品没有特定的风格属性，可以根据目标销售人群、季节、节日或主题活动来定。

产品和素材搜集

前期实拍素材，进行整理和分类。我们也要在设计的过程中要学会整理搜集自己的素材库，做好备份。

构架布局框架

根据文案内容，结合实际产品，进行有效的布局建立,可以从下面八个方面入手作：

产品海报 -- 引起注意。

产品属性功能 -- 提升兴趣，了解产品。

产品全景 -- 提升兴趣。

产品细节展示 -- 提升兴趣，了解产品。

痛点挖掘 -- 拉近客户。

检测报告 -- 建立信任。

卖点优势 -- 体现产品价值。

好评分享展示 -- 进一步加强购买欲望。

确定配色方案

已有店铺视觉规范的可以直接延续使用。如果没有，可以从产品本身提取，或者从Logo中提取或从产品联想属性提取。在配色过程中，无论用几种颜色来组合，首先要考虑用什么颜色作为主色调。

选择合适字体类型

字体相当于一个桥梁，相当重要。主要用来对产品进行解释说明，方便顾客阅读，同时，也是起重要信息的作用，可通过大小字体搭配进行重点显示某项内容。字体使用时一般不超过3种字体并选择符合产品定位的字体;在重点部分内容进行加粗突出显示，以加深买家对该信息的印象程度。

整个详情页排版

怎么对和文案内容进行排版设置，要考验我们平时积累下来的设计的水平。越是简约大气的页面，元素务必不要太多，清爽舒适的页面多留白，参考案例，多多借鉴和学习。学习是没有止境的，同样，详情页的设计排版也是。多学习，多总结，扩展想法，拓展思维，建立自己的设计风格。

关于电商产品详情页设计流程，青藤小编就和您分享到这里了。如果您对页面排版、网站设计、图形处理等有浓厚的兴趣，希望这篇文章可以对您有所帮助。如果您还想了解更多关于平面设计的素材及技巧等内容，可以点击本站的其他文章进行学习。

电商系统设计之商品管理

对于产品来讲，商品中心的合理设计不仅能够满足前端商品的多样化展示，还能支撑在复杂环境下，商品信息在订单中的系统流转。

SKU：中文译为小存货单位，英文全称为Stock Keeping Unit，简称SKU，定义为保存库存控制的小可用单位。

SPU：英文standard product unit，标准化产品单元，是商品信息聚合的小单位，属性值、特性相同的商品就可以成为一个SPU。

SKU和SPU的区别：一个SPU可能对应多个SKU，以iphone7为例，iphone7就是一个SPU；iphone7有四种颜色（黑色、金色、玫瑰金、银色），两种规格（32G、128G），颜色与规格之间可以形成42=8种组合，每种组合就称之为一个SKU（iphone7黑色32G、iphone7黑色128G）。

类目的主要作用有以下几点：

类目可分为前台类目和后台类目，前台类目是用户所看到的分类，后台类目是商家在发布商品时候所选的分类，前台类目和后台类目之间需要设置一个映射关系，将二者关联起来。

类目需要前后台分开设置，而不共用，是因为后台类目主要用户商家发布商品，管理商品，包括库存管理，商品销售统计等，而且商家所需的类目管理更加专业细致，且需要遵循行业规范，类目不能随意变更。前台类目主要是为了方便用户寻找商品，促进销售，可能会随季节、节日的变动频繁修改类目。所以需要前后台类目分开设置。

后台类目

后台类目主要面向商家，主要用户商品管理。一般设置3-4级，层级不宜设置过多，小层级的类目称之为叶子类目，商品必须挂在叶子类目下。

前台类目

前台类目主要用于用户查找商品，可以由商家随意设置，可在不同的渠道设置不同的类目用于满足不同用户群体的查找需求。

品管管理设置比较简单，设置好品牌元素即可：logo、中文名、英文名、产地、备注、状态（启用、未启用）

每个商品都有自身的属性，如尺寸、规格、颜色、重量等等，都属于商品属性。

属性设置

属性的继承

属性可以根据类目关系进行继承，设总共有类目，一级类目有属性A、B、C，二级类目有属性D、E、F，类目有属性G、H，那么该商品就有属性ABCDEFGH，需要全部设置。

再添加商品时，通过销售属性去关联SPU和SKU，同一SPU可以共用一个商品详情，通过规格属性映射到具体的SKU上，商品详情可以以SPU去展示，也可以以SKU去展示，淘宝是以SPU展示，京东是以SKU展示的（淘宝切换规格的时候标题和详情不变，京东切换规格，标题和详情也会改变）。

商品主要由类目、标题、品牌、商品属性、商品图、规格、标签、价格、库存、SKU信息、项品详情描述等构成。每个SKU都需要可单独设置价格和库存，也可以支持商品图标以及标题等设置。

用户可以对商品和服务进行评价。

用户搜索商品会讲过几个步骤：

商品

商品分为5大模块

需要注意的准确度与广度的协调，一般来说越，那么给用户的范围广度就越窄，比如一个用户经常听古典音乐，那么系统就会一直给他古典类的音乐，就丧失掉了用户听其他音乐的可能性，所以要有一定的机制去尝试比如流行音乐或者其他类型音乐，尝试扩展用户的范围。

业务梳理-电商-商品中心模块

Ja工程师知识树

商品中心，在电子商务公司一般是后台管理商品的地方。在前端而言，是商家为了展示商品信息给用户的地方，它是承担了商品的数据，订单，营销活动的数据中心。在后端而言，商品中心则是管理维护商品的地方，因此从商品的上传到发货，退货，整个闭环都离不开商品中心的支撑，因此商品中心的重要性毋庸置疑。

本文将从三大模块去讲述商品中心的设计。

在设计商品中心这一模块前，我们先弄清楚，电商后台常用的一些，有助于我们对业务的理解。

（1）SPU ：（stanrdard Product Unit，即标准化产品单元），是一组标准化的信息，例如：“iphone 8”就是一个SPU。

（2）SKU ：（Stock Keeping Uint，即库存量单位），库存控制的小可用单位。例如：“iphone8plus256G金色”就是一个SKU。

（3）前台类目（分类）：前台类目是为了方便用户筛选查找商品而设置的功能，运营可根据运营需求灵活调整前台类目，用户通过前台类目查找相应的商品时，自动从后台类目中检索相应的商品。

（4）后台类目：是为了方便管理商品的库存，sku，商品规格属性的一个分类管理功能模块。后台类目与前台类目相互映射，后台类目一般不轻易变动。

（5）属性：商品属性是描述商品信息的一组值，通过这类值我们可以建立起对一件商品的基本认知。

属性分为关键属性，销售属性，非关键属性。关键属性属于是指能够确定产品的属性，是必填项，例如手机的屏幕尺寸，型号属于关键属性。销售属性是组成SKU的特殊属性，或称为“规格属性”，例如手机的颜色，内存。非关键属性是指除了关键属性，销售属性外的其它属性，如手机的手机接口类型。非关键属性不一定是必填项，可根据运营需求设置。

在了解完电商平台的基本术语之后，我们则可以根据平台自身的业务需求商品中心了，后台的基本功能大致有四类——增、改、查、删。因此我们理解该基本功能之后，对商品中心的基本功能就有了大致理解。

在理解这一点的基础上，我们需要理解我们平台的管理者和对商品中心的功能需求：我们可以用简单的用例图的形式将员的功能画出来，便于分析。

根据以上用例图则可以画出商品中心的信息架构图：

在收集完公司的业务需求之后，我们就可以开始设计每一项功能：

定义：发布商品是在平台库中录入商品数据的基础功能，发布的商品审核通过后则可以直接在前台展示给消费者，在一些平台商家发布的商品需要经过平台的审核才能在前台显示，若需要平台审核，则在商品发布之后再商品中心则需要展示商品审核的状态，以方便知晓商品审核的动态。

需要注意的是:商品的上架和发布需要注意区分，有的平台发布之后则直接展示在前台，用户直接可以在前台展示，有的平台则需要在发布商品过审后需要点击上架后才能展示在前端，这里需要根据自身的业务需求去做设计处理。

定义：商品审核功能是保证商品质量并确保商品合规性的重要措施。审核的对象包含但商家上架的商品，平台自营的商品。审核包含商品性质的合规性，内容的规范性。审核包含商品上传的前置审核，上架后的审核。

前置审核的结果分为通过与未通过两种，审核未通过需返回不通过原因，便于商家或商品发布者修改。后置审核的结果为两种，下架和不做处理。后置审核的一般使用场景较少，本模块着重讲商品的前置审核。

商品发布提交后，商品则在平台方的商品中心展示待审核的商品：

商品审核结果有两种：一种结果是不通过，一种是通过。

审核通过时在在售商品列表，审核不通过时在待售商品列表中未通过状态之列里，审核不通过时后台商品审核人员需要输入商品审核不通过的原因，以便于商家修改。在商品审核不通过时，在该商品的详情里需记录商品的审核记录。在商品审核结束后平台应及时通知商家，以根据审核结果调整。

定义：商品下架是对在售的商品进行移除的功能，在平台方若下架商家商品则需要对下架说明原因。下架的商品则需要在商品中心有单独的区域展示，若是平台的商品下架则需对此功能做权限设置，并且在点击下架时需做二次确认。

定义：商品的修改则在商品列表中添加修改的入口，可以将常用的使用频次较高的功能在从商品修改页面中单独分离出来以保证商品员管理的高效性，例如商品的价格修改，排序修改等等。

定义：员对商品类目进行维护管理的功能，主要包含新增、修改、移动、删除，查看这基础功能。

这里以前台类目管理为例：

原型范例：

需要说明的是：在涉及到类目的删除，移动时在该类目下没有商品挂在，否则将会影响前端商品的展示。

电子商城系统设计开发的途径有哪些_电子购物商城的设计与实现

定制开发原生开发。

【企业为什么会选择电子商城APP】

众企业在选择进军电子商城APP领域前，应首先对其开发优势进行规范、细致化了解，不要盲目追赶开发潮流，充分了解电商APP行业的现状和发展趋势，结合自身企业性质，综合分析进行开发，将程度规避不必要的风险，也会开发出适用性的APP，获得更好的发展。

电子商城APP的优势，可从以下方面体现：

一、市场机会大

淘宝的崛起让整个行业市场看到了电商领域的巨大潜力，也正是由于市场的巨大，令淘宝和京东等巨头并不能产生垄断，也因此给了其它企业更多的发展机会。当下的淘宝和京东，因售卖性质导致市场较为杂乱而无法做到专一，如果有专一于某一领域的商城APP，将在该领域更受大众的欢迎与喜爱。

二、成本低效率高

很多企业并不知道的是，商城APP的开发成本并不需要投入较高的资金，但其回收成本却远超想象。这一优势也是商城APP的显著优势，十分适合企业长期有效地稳定运营，不论是对企业自身，还是对企业打开市场都具有很大助力。

三、盈利性强

一款APP的盈利性决定其发展前景。商城APP由于其自身的特殊性质，其可以同时为入驻商家以快的速度形成尽多的，以及为商家及时传递各类促销活动消息和品牌资讯，从根本上为入驻商提供直观的销售提升帮助。因此，对于商家而言，该商城APP作为他们直接的盈利平台，是其在市场运营的关键。也因此，各商家的入住费用、广告费用也将直接收入电商企业囊中，良好合作关系的维持也将是未来双方盈利的保障。

当下，企业应该知道的是，开发一款商城APP的直观价值就在于同时为商家赚取利益和为用户提供便利性，同时为两方提供，等于变相地为APP企业赢得更好的发展，纵观眼下与未来，商城APP必将成为主导未来移动互联物格局的赢家，企业现今的趋势把握，意味着未来的成功走向，山东趣构网络科技有限公司专业于商城APP定制开发，从用户角度出发分析大众心理，从企业盈利角度开展盈利探索，为企业量身定制合适的开发方案，助力企业快速进军电商市场，实现化的价值盈利。

【支付系统开发】

一般来说，支付系统开发包括无卡支付系统开发、智能代还系统开发、商城开发等内容，那么支付系统开发的流程又有哪些呢?

1、需求沟通。

无论是哪种内容的支付系统开发，需求沟通都是非常重要的一步。只有明确需求，才能够在这个基础上制订出适合的解决方法，帮助客户解决问题。

2、方案确认。

根据需求分析，为客户提供合理的解决方案，包括项目报价、项目实施周期等。

3、签约。

若双方确定彼此建立合作，则可进行框架协议的签订，使得合作关系正式生效。

4、项目调研。

支付系统开发人员需要对客户的行业进行调查，以更好地理解项目并促进其实施。

5、支付系统开发。

准备工作完成后，可以正式进入开发阶段，由技术人员负责实现代码功能，以满足支付系统的需求。

6、上线。

支付系统开发完成后，需要有专业的测试人员进行测试。确认无误后则可进行交付。

7、后期维护。

支付系统的开发者必须提供一定期间的售后服务，以便在产品出现问题时能够在时间内提供技术支持服务。

电商设计怎么做

随着电商设计的开展，越来越多的顾客接触电商规划。随之而来的电商设计的3大内容要点：电商设计主页、详情页、banner图得到了很大开展。那么，电商设计的这3大内容要点具体应该怎样作呢?今天就跟随小编一同来了解下吧!

一、电商设计主页

关于电商规划来说，主页便是添加销售机会，满足顾客需求。所以咱们要为中心产品规划好主页，首先要找到产品服务定位，再者处理顾客关怀的问题，然后有产品保证。之后要保证主页业务展示完整性，又要保证用户体验满意度，所以每个内容都要合理将流量导向对应的地址，在逐渐进行优化完善。

二、电商设计详情页

详情页好坏直接影响产品转化率，有时你什么内容都做好了，但转化率还是很低，这时咱们需求改动思路。重点要改动案牍，吸引顾客眼球，点击进入详情页，是否能促进转化率。再者标题不要过度夸张，顾客对过度夸张的信息很反感，可写的真实触动人心的标题即可。之后证书信息是必要的，要高清，不可有看着模糊的，这样给人一种的信息，有必要要高清的证书。

三、电商设计banner图

电商规划banner图大小不一，文件也有必定的约束，这给电商规划师添加许多难度，布景色彩不能太花，banner图简单就好。案牍内容不能过多，不然会让人看着没有重点。banner图全体画面要对准产品中心，让顾客看着很有动力、很热闹、很尊贵、能引起顾客购买的感觉，才能达到banner图的效果。

电商系统怎么设计产品

电商系统怎么设计产品详情页？1、首先我们要看一下产品详情页是否有效的把这个产品信息传达出来？2、产品详情页的与文字是否有一定的美感，文字与商品的排版是否符合大众审美观，文字的排版是否有统一性。这就需要我们在电商系统设计时就需要根据商品详情页的需求而设定产品描述文字的风格。3、产品详情页在设计中的问题是很复杂的，在设计之前要与商家进行多方面的沟通，明确客户的需求和商家想要突出突出的特点，并且明确商家想要通过商品详情页去体现商品。这一切都需要我们在设计时要注意产品详情页的信息化。在确立了设置页面内容之后我们的设置就。在产品详表页面我们也要有一个标明信息内容的标题。信息标题应该是整个详情页面中需要引起用户注意的。同时标题应该是引起用户注意的主要标。