电商产品设计分析（如何设计一款直播电商SaaS产品）

本文目录

• 如何设计一款直播电商SaaS产品
• 浅谈移动端电商产品的购物车设计逻辑
• 电商系统怎么设计产品
• 电商设计中的极简设计
• 电商后台产品设计：页面动态配置（CMS系统）（一）
• 电商设计如何才能展现产品价值
• 电商类产品该怎么设计与运营

如何设计一款直播电商SaaS产品

（温馨提示：本文非软文推广，可放心食用）

一、市场分析

直播电商兴起，让越来越多的商家加入到直播电商大军，也给SaaS产品创业带来机遇，从直播产业来划分，直播SaaS产品分为企业直播和带货直播，企业直播场景比较宽泛，包括但不限于：企业培训、会展、线上营销、教培等，代表企业有：微吼、小鹅通、微赞直播；而带货直播是在电商平台上进行商品销售，这一块的服务商更多的是MCN机构、代运营公司，SaaS企业相对较少，代表企业有：魔筷科技、遥望网络等。

从电商SaaS产品划分，有综合类SaaS、仓储物流SaaS、营销客户管理SaaS、直播电商SaaS等，代表企业有光云科技、万里牛、旺店通等。

本文所阐述的是直播电商SaaS赛道，无论是从直播、还是电商行业来说都是更加垂直的领域。

在2022年双十一各家电商平台销售增速都不再强势的时候，直播电商相比来说有着不错的成绩，而这一领域最早的SaaS产品是数据决策类，即像蝉妈妈、飞瓜这种，它们解决的是商品选品和达人采购的问题（看谁卖哪个品卖爆了我也去卖，看哪个达人带货好找他带货），还有直播间的数据复盘，对于数据复盘，其实像抖音官方后台就非常完善，为什么还是有SaaS产品在做呢？

其实，数据决策类产品的设计逻辑之一是把官方的数据拿过来，加工的更加符合用户的使用需求。

随着直播电商行业的飞速发展，行业越来越规范，行业中新的需求场景也在涌现，这时出现了更多的直播代运营公司、MCN机构、直播产业基地等，他们的入场，也让直播SaaS产品有了更丰厚的生长土壤。

二、产品分析产品名称产品/公司定位核心用户商业模式竞争态势微吼企业级直播平台及运营服务商年会/会展、企业培训、私域运营的企业用户、教培行业用户提供SaaS产品以解决直播需求，提供开放生态/pass以满足定制化开发，提供直播现场指导/代拍等增值服务，对于疫情当下，切入企业线上运营需求，以SaaS产品为基础，加上完善的售后运营服务全行业全场景覆盖，有技术沉淀且并具有一定先发优势微赞企业微信营销工具、直播服务商品牌直播营销、企业直播、连锁门店用户除了基于直播pass+SaaS平台服务外，微赞基于微信生态的流量与社交优势解决企业营销，为产品服务拓展了更丰富立体的打法微赞通过接入企微/微信，实现数据同步，流量互通，结合微赞平台搭建各种服务；微赞平台本身也提供各种直播营销玩法，除企业直播SaaS服务外，对流量运营及营销布局，在私域时代更切合用户需求维妥科技电商直播数智化工具及服务平台MCN机构、直播代运营、店铺自播商家用户SaaS产品+运营服务，这种运营服务是合作模式的，也就是宇宙猫通过产品吸引用户，再通过合作商去解决SaaS产品无法解决的问题旗下产品宇宙猫切入的是相对于企业直播来说更加垂直的应用场景-直播电商运营，提供SaaS产品的同时，也有代运营服务，在数据决策方面受飞瓜等平台竞争，在直播团队管理方面受企业形态影响（小客户付费意愿低，大客户需要更加智能化的解决方案）星麦云商企业内容科技服务商短视频、直播电商零售商家、私域运营品牌以SaaS产品矩阵来实现垂直领域内服务覆盖星麦云旗下包含企业内容营销辅助、直播SaaS、品牌账号矩阵管理等产品，跑通了短视频平台，尤其抖音生态下，商家流量营销、内容生产等场景下的电商模式

据艾瑞咨询《2022年中国企业直播行业发展趋势研究报告》，微吼和微赞是处于企业直播这一领域头部梯队的，而维妥科技和星麦云相对于他们来说，规模更小，但所在赛道没有前者竞争更激烈，但如果不能切入大中型客户，且具备一定产品/技术优势打造智能化解决方案，仅靠降本增效对于付费意愿不强的小商家来说，产品可替代性较高，企业将无法在规模和盈利上有较好的预期（靠投资活着，仅个人观点，欢迎指正）

三、产品设计

一般来说，进行一场直播带货，整个流程涉及到：内容策划、商品选品、直播投流、直播间搭建、场控、播后复盘等，每个流程节点都能衍生出许多需求场景。而且，往往一场直播，需要多个角色来共同协作，还要考虑到团队管理相关问题。

下面我将结合这个流程图和过往产品设计经历进行相关描述：

工作台模块：

对于MCN机构或者商家自播来说，想要对一天的直播数据做一个快速预览，应该从哪几个数据维度呢？

应该是：“直播、看播、成交”，即我今天播了多少场、有多少人看，成交了多少。注意，这里的开播场次，官方定义为：开播时长大于25min的直播间为有效开播场次。那么，聪明的你就要问了，是不是我播的越久越好呢？这个也不一定，还真的有不少商家觉得播的越久越好，因此诞生了机器人播、无人值守24h播等业务形态。

正常来说，一天直播2~6个小时，且分时段来播是比较合适的，打造好直播策略，肯定比企图通过时长来提升效益靠谱得多。而“观看人数”、“成交”属于看播-转化数据，对于看播转化数据，官方有一个专业的数据指标叫：“千次看播成交（GPM）”，这个词的意思是我官方给你这个直播间平均推送1000流量，你能成交转化多少，是衡量一个直播间质量的指标，介于工作台模块是所有直播的数据概览，这个数据指标可以放到具体的直播间复盘数据里去。

数据看盘模块：

对于这个模块，官方巨量百应以及像飞瓜这样的产品，都做了很细致的参考，像官方有个很不错的点就是对于各项数据都提出了整改建议（虽然这些建议我感觉都是术语没太大用哈哈，但是产品设计方向是对的，你不能弄一堆数据全让商家自己复盘）

不要在意这些细节

数据看盘模块我们重点分析，在直播电商中，数据复盘的维度。

如何通过数据来看一场直播的质量呢？我们先来看官方给出的指标是：

⑴“直播时长”可以拆解为：“有效场次”、“有效天数”、“有效时长”

⑵"单小时流量"可以拆解为：“流量效果”、“流量因子”、“短视频引流”、“粉丝流量”

⑶“千人看播成交额（GPM）”可以拆解为：“商品效果”和“商品结构”直播成交公式

再来看头部数据分析产品飞瓜的指标，分为：“综合指标”、“留存分析”、“流量结构”、“互动指标”、“观众画像”

维妥科技-宇宙猫：

总体来说，划分的维度是大差不差的，从流量关系上是“流量-互动-转化”这3个维度的数据，从交易逻辑上是“主播-商品-粉丝”这3个维度的数据。

一场直播下来，商家要看到的是我花了多少钱，带来了多少流量，这些流量给我带来了多少收益。

细分来说，例如直播间的流量构成，有多少是付费流量，有多少是自然流量，这些流量是从哪些渠道过来的（下次直播的时候，你花钱做了投放，一场直播下来，场均uv价值是多少，如果不符合你的预期，是不是投放的人群不对（在互动数据较好的情况下）

因此，数据复盘模块也是数据间的交叉验证，直播成交GMV=变量元素（A*B*C），如果A数据好的情况下，是不是B、C数据有问题。当然，数据间的影响也是有的，比如你直播间互动数据都不好，那么成交数据肯定也不会好。

万能成交公式就是正确的废话，你这个数据好了，那个数据好了，整体数据就好了。所以这也是我前面提到的，官方的诊断建议是正确的废话。

而直播SaaS产品数据决策模块要做是“带你看看别人怎么做直播”。它要做的事就是一个数据交叉验证的事情，同样一场直播，你和A商家投放成本差不多，最后结果却不一样，我把A商家的数据拿来给你看看，发现是哪个环节出了问题。这也将是第二章将提到的“直播场次对比”、“直播监测”等模块的设计逻辑。

未完待续....

浅谈移动端电商产品的购物车设计逻辑

先来说说购物车的起源，起初的购物车存在于线下商超的购物场景中，其主要解决的问题是提高用户购物过程的便利性和客单价，达到优化用户体验和促销的目的。而在之前电商行业是没有购物车这个概念的，主要原因有：

1、电商发展初期，SKU数量较少，而用户需求一般来讲是一个恒定量，这种情况下，较少的SKU无法起到很好地满足用户需求和带动用户需求提升的作用。

2、电商发展初期，由于对新生事物信任感的缺失，网购人数及频率较少，客单量也较少，用户倾向于立即购买。

3、电商初期无法解决合并支付带来的拆单后货款的分配问题等（主要表现在平台型电商）

随着互联网电子商务行业的发展，目前，各大电商平台都已经引入了购物车这个概念。

我们首先看下移动端电商产品中购物车的作用。

·收藏

对于用户来讲，购物车首先发挥的是收藏的作用，相对于来说，购物车在收藏属性上应该是一个“弱收藏强购买属性”（购物过程中有比较强烈的购买倾向），而收藏夹则是一个“强收藏弱购买属性”（比如我看重一款鞋子，但这款鞋子没有适合我的尺码，所以我不能加入购物车（加入购物车需要填写尺码）只有收藏下来等到有合适尺码再来买）。因此，购物车展示的商品以SKU形式显示，而收藏夹以SPU显示。

·筛选

由收藏带来的筛选，对于用户来讲，在面对海量的商品资源的情况下，对意向的商品加入购物车，利于快捷的对不同商品的横向对比，提高用户购物决策的效率。

·凑单

凑单下包含两种情况，一是用户本身需求较多，需要一次性支付，提高购物效率；另一方面是一个随机性的购物需求的增加（冲动消费），这个主要是基于商品优惠活动的影响（主要指范围促销，比如满减，满赠，满返等）。

对于产品方来讲，促销是购物车的主要目的，而促销一般包括两种类型：单品促销和范围促销。

单品促销是指对单个商品的优惠促销活动，比如打折，赠品等；这种促销一般在单个商品详情页用户即可得知最终的优惠情况，购物车只是作为一个补充说明。

范围促销是指多多个商品的优惠促销活动，比如满减、满赠、满返；而这种促销一般由于门槛较高（比如满100减10，满500返100等），一方面商品单价往往不能cover所有的优惠另一方面单个商品详情页只指出优惠规则，因此在单个商品详情页用户并不能明确最终的优惠情况，需要购物车做一个合并最终得出优惠情况。

而以上两种促销的目的都是为了提高客单价，以提升销售额。

前面讲到，购物车对于用户来讲最重要的是收藏作用，因此用户放在购物车的商品就可以作为用户的“个性化数据之一”，产品可以根据该数据对用户做个性化推荐。因此，一般在购物车的下方，都会有“看了又看”“大家都在看”这样的推荐。而在此值得说的是，前者是基于用户的个性化数据做的推荐（也就是用户有收藏、加入购物车等行为）；而后者是在未掌握用户个性化数据下做的推荐，这种推荐一般来源于商品的热度（大家都在看，都收藏或加入购物车）；运营需求（商品上新；库存紧张等）。

从用户在电商平台的使用流程来看：打开App——选择意向商品——加入购物车——下单——支付——完成。那么在这一过程中，下单环节是一定需要获取用户的详细数据（姓名、收货地等），产品需要明白是哪一个用户下的单，以匹配唯一的订单。而在这前一步，也就是加入购物车环节，是否需要用户登陆后才可使用尼？

在这方面的处理上，不同产品的方法是不一样的：目前主流的电商产品中，除了天猫、淘宝将“登陆”前置的购物车之前，其他的比如京东、苏宁、亚马逊、国美等都将“登陆”后置的用户下单之前，加入购物车之后。那么很显然，后者的用户体验会更佳，因为这时候用户已经有明确且强购物意愿了（可能阿里财大气粗，非要将此环节前置到加入购物车之前）。

那么在这一环节设计上，因为购物车要匹配用户的信息实现购物车的唯一性，因此需要明白的有两点。

第一、用户在无登录状态下加入的购物车和用户登陆后的购物车是两个概念：前者是离线购物车，其匹配的用户信息是设备ID信息，设备ID信息的唯一性带来购物车的唯一性；而后者的购物车属于在线购物车，匹配的是用户的注册登录信息，注册登录信息的唯一性带来在线购物车的唯一性，因此需要用户进行登录。而考虑到用户设备的作弊、更换与丢失等风险，因此，在下单环节需要将离线购物车切换到在线购物车，以获取安全、真实的用户注册登录信息来匹配唯一的订单。（插个话，在这种情况下，如果用户使用设备ID来直接下单购买，是不是具有可行性？恳求指导..）

第二、也就是用户进入下单环节前，需要从离线购物车切换到在线购物车，这时候要同步的有两个：

1）离线购物车的商品同步到在线购物车（否则用户很懵逼）。

2）PC端在线购物车的商品同步到移动端在线购物购物车。

基于用户和产品的需求，在购物车页面的设计上，主要包括两大部分：购物车商品信息流和个性化推荐商品信息流。

由于购物车的商品以SKU形式展示，这就带来的因库存变化、价格调整及促销信息调整等带来的SKU的变化，从而会对用户购买意愿产生影响，那么这方面是怎么解决的尼？
在电商产品中，库存和购物车分别是两个单独的系统存在的。

一方面不同的SKU分布在不同的仓库（天猫或淘宝中的店铺）中，因此购物车需要从库存系统调取SKU所属的仓库信息（天猫或淘宝中的店铺）已备后续的拆单支付。

另一方面购物车中SKU的变化受到库存的影响，因此购物车中SKU需要关联到库存系统。这样以来，在电商前端有三种情况：

1）当可售库存》某个阈值X，前端显示库存充足或者不进行显示。

2）当0《可售库存《某个阈值X，前端显示库存紧张，提高用户的紧迫感和危机感，利于促进转化率的提升。

3）当可售库存=0，前端将所属商品灰置，并提示用户商品已下架。

当然以上是理想化状态，库存的变化是比较复杂的，涉及到何时锁库存以及库存类型（逻辑库存、实时库存、调配库存等）。

同样在电商产品中，促销系统和购物车分别是两个单独的系统存在的，购物车系统可以调用促销系统数据。当用户增删商品数量，商品类型，促销系统会经过计算将其满足的最大优惠反馈到前端，带来最终价格的变化；此外，对于单个商品而言，当出现价格下降时，会在前端显示“已下降XX”，进而促进用户的购买欲望，提高转化率。

电商系统怎么设计产品

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

电商设计中的极简设计

小编：本篇来和大家讨论讨论关于电商设计中的“极简设计”，首先感谢作者@蒸个馒头详尽的讲解，举例分析。我认为的“极简设计”就是去掉不是必要的，留下重要的，让用户可以很快的抓住你想要表达的内容！文中从排版—颜色—文字，逐步的讲解分析出如何做好“极简设计”看后保证受益匪浅！

写在前面：

电子商务经过了几年的发展已经逐渐成熟，并且已经发展出了自己的模式和风格。但是对于电商的设计风格大多数人还停留在最初的用商品堆砌+文字信息+各种乱七八糟的效果。而这两年各个电商公司已经非常重视设计了，而且设计风格也逐步走向简洁乃至极简的风格。这种变化是随着电商的不断发展，更加重视产品的品质而进化的。

下面从3个方面来讲一下如何做极简的设计，每个里面都有一些具体的知识点。

先看一下极简设计的案例：

这是锤子T1的页面设计，虽然好多人都不喜欢老罗，但是我觉得他有对设计特有的一种完美主义的偏执，无论是手机的外型（各种对称）还是系统UI的设计，我觉得作为设计师我还应该多向他学习一下。回到页面设计本身，我们来分析一下这个页面的设计。

可能大家开始画画的时候就接触和学习构图了，而构图就是版式设计的基础。但我们往往忽略了对于构图和版式的极致追求，一般我们总会说，差不多看着舒服就行，可是对于设计师的能力晋升我们还需要更加重视版式的设计。

下面是几个版式设计的技巧：

上面图A、B、C是对页面重新排版，图D是原有的设计。虽然总体看起来都还可以，但是我们仍然可以很直观的看出来，图A的构图有些头重脚轻，让人感觉中心偏下；图B的手机主体物有种对文案的挤压感，让人觉得压抑；图C的手机和文案成为90°的夹角，让人觉得有种阻碍感，不顺滑；图D的设计很好的协调了主体图与文案的关系，并且给人一种从远及近的中距离纵深感。整个画面中间对齐更能最大限度的突出主体——手机。从锤子的网页设计中我们可以观察到，这种排版方式是中间对齐，无论是横向还是竖向。

再看几个中间对齐的例子：

上面的设计家也是用的中间对齐方式，大写的V视觉冲击力非常强，而左上角的Logo信息和右下角的信息成为对角形式，让人感觉画面非常平衡而又稳定。

小米2015年的新品发布会海报也采用了中间对齐的形式，让关看者很容易的就聚焦到中间“新年礼物”的重要信息上。

下面的图例是左右排版方式：

由此我们总结出对齐的版式的几个特点和作用：

A、视觉聚焦；

B、强化页面统一性和条理性；

C、对视觉的导向作用。

作为简洁乃至极简的设计来说，对比非常重要，对比可以让人非常快速的阅读到重要信息，也可以让版面的设计有节奏感，让画面看起来不乏味。

上面的设计是小牛N1和一加3的设计，这两个设计是典型的左右排版。右侧放商品图片，左侧排列简单而有用的基本文案信息。而左右两边的图片和文案信息的大小对比要根据商品的属性来决定的。例如，一加手机主要体现手机的外型和质感，所以放置2个占比面积较大的手机，搭配最基本的文案信息（只有手机名字、价格和购买按钮）。

上图是文案与商品的面积对比。

这个设计则与一加和小牛相反，文案面积很大，但是我们的视觉中心依然是手表，因为实物的照片往往会更加吸引人，这就是对比。但是还有一个对比不知道大家看出来没有，就是文案里的对比，标题选用大而粗的字体，其他信息则放的很小，大能又快有准的看清标题的内容，另外因为字体大小和粗细的变化让人感觉有节奏感。

极简设计里的留白非常重要，最典型的是无印良品的设计，它是把留白应用到现在设计里最好的典范，但是我觉得我们中国人才是留白的“老祖宗”，国画就是非常典型的例子。

下面我们来做个对比，我们把图上的一些不必要的复杂背景和文案给去除。主要是让产品主体和主要信息展示的更加清晰和明确。

再做更进一步的精简，增加留白的面积，使产品和产品信息更加清晰的传达出来。

下面是其他一些案例我们可以试着自己分析一下，注意留白不一定就是白色。

在电商设计中，对颜色的把控非常重要，在某种情况下对颜色控制的好坏直接影响着页面的停留时间。一些不足的设计师往往会对颜色的把握非常头痛，颜色脏、配色不好看、用色过多等都是经常出现的问题。在极简的设计中更需要对颜色做减法，并且不断的调节细微的明度、饱和度和颜色的搭配，正是这些细节的调节才会让极简的设计更加耐看。

在极简的页面里，颜色往往用的非常谨慎，而我们第一步就需要选择主色调。

这里有几种选择颜色的方法：

A、黑白灰主色调+亮色辅色；

通过提取出的颜色我们可以看到，上面的页面设计中采用了黑白灰做为主色调，使用亮黄色为辅色，虽然亮黄色为辅色，但是人们第一眼往往会注意亮黄色，而设计师把70%off的折扣信息的字体颜色选为亮黄色也是对折扣信息的强调。

耐克和小牛电动车的页面设计的颜色选择都是使用了这个方法，并且小牛为是让画面不单调，背景使用了素色黑白灰的一些图形元素，这样既让画面丰富起来又不会使颜色过多而显得杂乱。

B、选择商品主色调作为整体画面的主色调；

上面的图是Motox的网页设计，页面的主色调（背景色）使用了手机背壳的颜色，这样可以强调商品色彩，给购买者留下非常深刻的印象。

耐克的设计同样是采用这个方法，一般来说厂商想要特意退爆款会选择一种爆款的颜色或配色，而耐克这样设计的页面也是更好的展示了这个商品的独特的特点，让人们在任何地方看到这种颜色都会回想起耐克的这款鞋。

C、使用的颜色不要超过3种。

通过上面的案例我们发现，这些设计师所用的颜色都不会超过3种，而做为极简设计有时候只使用2种颜色，甚至只用黑白灰的变化来进行设计。

在极简设计中，颜色的搭配需要非常用心，因为画面的颜色搭配简单时，即使稍微有点不协调也会被放大很多，因此我们需要了解颜色的几个属性：色相、饱和度、明度，还有对比色、相近色等概念。

对于极简设计的配色也有几个方法：

A、 统一明度和饱和度；

下图中的明度和饱和度非常协调，既不觉得哪个颜色过亮也不觉得哪个颜色过暗。虽然是不同的颜色，但是整个画面也是非常协调统一的，我们现在分析一下画面的颜色。

我们来看一下，上面4个圆形中的颜色是我从图片中提取出来的，下面4幅图是颜色的位置和参数，主要看颜色的位置，就是每幅图的圆圈位置，我们看到图中有两条线，这两条线就是代码这4个颜色的明度，可以看到绿色和橘色的明度位置非常相近，黄色和深蓝色的明度位置也很相近，绿色和橘色占整个画面的绝大面积，因此整个画面看起来是非常协调的。而饱和度就是越接近色板的右上角饱和度就越高，我们看到除了深蓝色，其他3种颜色都处于饱和度比较高的位置，并且位置比较靠近。

大家可以用这两幅设计来实验一下，自己亲手解构一下配色的明度和饱和度。而我觉得做为设计师对于颜色的细致理解是非常有必要的。

B、控制颜色的层次；

所谓颜色的层次我们依然用小牛电动车的图来分析，可以看到所有的颜色都提取出来后圆形中的颜色。

这样我们很容易的就能看出来颜色的层次，灰色系有7个层次，而红色系有4个层次，正因为这样的层次让整个设计显得非常丰富，并且有立体感而不至于太“平”。

文字在电商设计中的位置极其重要，它承担着直观信息传播的用途，例如活动页面的折扣信息、商品宣传页面的卖点信息、商品的优惠价格、文案内容的表现等。而在极简设计中，字体的选择更为讲究。

字体也是有自己的外貌、性格和风格的，当字体的风格与设计完美的融合在一起的时候，会给整个设计加分不少。

上面的两张图是“什么值得买”的闪屏页面，我们来仔细观察一下眼镜、相机与字体（文案）的关系。眼镜和相机的款式都是非常复古的，有种民国时代的感觉，因此设计师选用了一种仿古字体来配合图案，给人非常统一的感觉，配上精彩的文案就会给人一个民国时期的场景，这也可以叫带入感。如果我们把图中的字体换成非常现代的艺术字会怎么样？

换了字体后可以看出，虽然每个字体单独看都不错，但是与配图放在一起就感觉非常的不搭，立刻失去了文案和图片想要传达的那种“工匠”的感觉。

英文的选择也是如此，看上图，英文Animal Prints是动物图案的意思，你会发现右侧的女性人物应该是穿着一条连衣裙的，因此我猜测这是卖女性服装的一个Banner，而且是属于比较成熟的那种（看模特身材就能看出来），因此在选择字体的时候应该选择偏细腻柔美的字体，而不是黑粗体。

来看看下图，感觉是不是差了很多？

下面再来看几组图例，试着自己分析一下。

这几年出现了一些结构复杂，字形极其夸张的字体，个人认为尽量少用甚至可以不用。字体是一门非常专业的门类，很多设计师还不能很好的驾驭一些字体，无论是普通的电商设计还是极简设计最好使用字形和结构都相对简单的字体。

这个设计可以看到整体就是以文字为主来组合设计的，无论英文还是中文，都使用了字形非常简单的字体，加上字体本身的大小粗细使画面非常有节奏感，而且不会觉得全是字。从这我们可以引出另一个理论，在某些情况下字体即是信息传达的载体，又是一种艺术图形。

下面来个反面教材：

这里我们先不说这个专题设计的构图、颜色，只说一下文字，除了9.9元比较明显的突出了卖点以外，其他基本都非常杂乱，字体的字形被改的面目全非。因此提醒大家，在没有能力把握字形的时候千万不要自行修改甚至设计字体。

下面再来看看现在争相模仿的苹果：

苹果比较“牛”，为了自己的产品设计了一套字体，刚开始有些人说各种丑，但是还是被大多数人接受了并且获得好评，原因无非就是简单好用。这也是现在这个快速发展的社会最需要的，尤其是电商行业。

自带6种粗细字体完全满足一般需要

这里说中文字体“牛叉”，不仅仅因为我是中国人，我们可以数数中国有多少种字体，每种字体都有自己的历史背景，例如隶书，平民是不能用的，魏碑是专门刻在碑上的字体等。而且中文也是唯一一种成为艺术的文字——书法。可能有些人觉得中文字体或书法字体看起来很老旧，不现代，下面我们用实例来证明这是错的。

上面的页面是真功夫的设计，很明显，中文的书法字体是做为一种艺术图形来传达和表现的，并且结合一些相关元素（辣椒、调料、蔬菜、粮食等）突出“味道”的主题，并且很容易就能看出是美食类的页面。

英文也可以设计成书法体，表现更有张力，更加符合勇士的感觉。

小米电饭煲的“新国货”也采用了书法字体，让平淡的页面有了生机，并且这种字体也透漏这一种做成新国货的“野心”

总结

其实极简设计是设计发展进程中的必然结果，这是一种优化的过程，也就是做减法，把不必要的，干扰信息传达的元素删除掉，保留最基本最为有用的东西，我这次的教程也从排版、颜色、字体三个方面来具体的讲解了怎样做极简的设计，同样这些内容也适用于一般电商的设计。其归根结底，好的设计的基本原理是不会变的。

目录

1．极致的版式

1.1对齐——最基础但也最重要

1.2对比——让画面不再平凡

1.3有“气质”的留白

2.精致的颜色

2.1让设计快速出“彩”的方法

A、黑白灰主色调+亮色辅色

B、选择商品主色调作为整体画面的主色调

C、使用的颜色不要超过3种

2.2看似很复杂的颜色搭配其实很简单

A、统一明度和饱和度

B、控制颜色的层次

3.考究的字体

3.1选用符合整体设计风格的字体

3.2选用字形结构简单的字体

3.3“牛叉”的中文字体

文章来源：站酷

作者：蒸个馒头

电商后台产品设计：页面动态配置（CMS系统）（一）

这两天3.8妇女节，各大电商又开始不断推出促销活动，借势营销。电商平台仿佛不愿意放过任一个可以作为营销话题的日子，不断推陈出新。经过10多年的电商经验积累，现在做起活动来游刃有余，丰富多样。
下图是我从淘宝、京东上取的两个活动页面，可以看出页面自定义程度很高，美观大方。另一种叫法叫做店铺装修或页面配置，那么问题来了， 这样一个自定义页面怎么配置？怎样通过系统化的方式实现页面动态配置。

由于页面动态配置的内容较多，所以打算分两篇长文介绍，第一篇先讲页面动态配置的整体产品逻辑，第二篇详细描述各组件的功能，一直到组装之后的解析。

页面动态配置是CMS系统（内容管理系统）的一部分，在电商行业，CMS系统有时会局限用作页面动态配置的功能。有时也叫作“ 装修 ”，店铺装修、页面装修、自定义新页面。平台见到的首页管理和新建活动页面都属于此类范畴。
在PC电商时代，页面的自定义比作盖楼，添加一个楼层，每层可以自定义内容，譬如商品、优惠券、商品排名等。“淘宝旺铺“就是店铺装修发展出来的一门生意，淘宝店家可以选择基础模块的内容，首页或新建页面，动态配置页面。

可以把页面的动态配置比作乐高玩具，每一个组件就像乐高积木，可以用它搭建不同的乐高玩具，就类似组装成不同的动态页面。我将页面的动态配置分为3步：组件→ 位置+内容 → 动态页面，如下图。

2.1 基础组件
组件是动态页面的基础，提供给用户具体展示的信息。有许多类型的组件：图片轮播、ICON、优惠券等，每种组件都可以有多个不同的样式，选择内部展示的内容或者自定义。用的最常见的就是链接，组件显示样式虽然多样，但是点击之后通往的页面选择库却是共通的。例如：新的活动页面、商品详情页、商品聚合页、购物车、客服等等。
基础组件的定义和解析是自定义页面的核心，不同的组件有不同的功能，表示不同类型的内容。每个组件都需要单独设计，定义其规则和样式。 例如ICON、图片轮播就是简单的图片展示，商品排名对应的算法较为复杂，需要实时去取动态排名。

2.2 位置+内容
有了组件之后，用户在设置或者系统在解析的时候，首先要确定组件在自定义页面中的位置。位置可以称为“楼层”，每个页面的各楼层可以定义名称、设置背景、配置内容，目前最主流的交互是拖动组件到相应的位置，设置内容之后实时预览，自定义页面动态可视化。

2.3 动态页面
对于整个动态页面，需要定义生效时间、结束时间、活动页面名称等基础信息。设置之后可生成相应的链接进行预览。
动态页面是由不同的组件内容构成，首先按照各组件位置去解析，然后再去解析组件的内容（样式、图片/商品、背景、链接等）。按照上图的反向流程走，就能解析出对应的自定义页面内容。
首页设置也是相同，类似自定义页面，可动态设置首页内容，动态添加自定义组件。目前绝大部分电商首页都是动态配置，有着丰富的自定义内容。

配置组件有许多种，常见的图片轮播、 商品推荐、商品分类、 宝贝排行、图标（ICON）这几种形式，其实是富文本、 客服、优惠券、满减活动、满赠活动、自定义区域、商品搜索、文字、公告、倒计时、Tab组件（顶部、底部）。
丰富的自定义组件可以实现各式各样的活动页面，前面举例的京东、淘宝活动页都是通过CMS配置实现。
至于不同的组件设计和功能，下篇再详细讲解。

组件之间有些通用的自定义要素:

页面动态配置的整体产品逻辑基本已经介绍完毕，可以了解到，页面动态配置看似复杂，理顺之后发现其实就分为三个步骤，绝大部分的复杂度增加只是基础配置组件的丰富。

虽然CMS系统产品逻辑简单，但是页面要做到较高的自定义配置程度，需要技术框架的高效率和较强的可扩展性。在浏览一个自定义页面时，系统要逐步去解析该页面下的自定义组件内容和要素，运算量很大。
目前绝大部门电商公司的自定义页面仅仅停留在一个初级阶段，限于首页和少数特殊页面的自定义配置，而且自定义程度较低。本文提供了CMS系统的产品设计思路，落到实际项目中，还需要权衡实际需求和自定义配置程度之间的关系。

电商设计如何才能展现产品价值

一、附加价值

提供额外、意想不到的附加价值(如福利/资源/服务等)，可以加强产品的竞争力与吸引性。毕竟意外(免费)的惊喜总使人心情愉悦。附加价值所赋予「热情实在、人性体贴」的产品印象，为用户日后再次消费提供了记忆情绪点。

二、保护隐私

当涉及到用户信息安全、人身隐私、行业竞争等时，隐私保护可以避免用户遇到一些不必要的麻烦，建立起一种「为用户安全着想」的产品认知。这在电商设计中，也非常重要。

三、无后顾之忧

这往往是用户购买服务的最后一道心理防线：性价比再高的服务，事后不满意没有售后，依然没用。完善的售后可以使用户完全放心、无决策压力地使用产品，不会带来不必要的损失。

关于电商设计如何才能展现产品价值，环球青藤小编今天就和您暂时分享到这里了。如果您对网站设计、页面排版、图海报设计中,几何元素运用技巧有哪些像处理方面比较感兴趣，希望分享的这篇文章可以给您的学习或工作提供帮助。如若您还想了解更多关于平面设计的素材及技巧等内容，可以点击本站的其他文章进行学习。

电商类产品该怎么设计与运营

在电商品类竞争越来越激烈，处处是红海，电商流量越来越稀缺。
引流非常不易的当下，如何取得更有效的突破？如何帮助业务走上良性，健康，可持续发展的电商运营节奏？如何将现有的流量分发质效做到最优化，最大化，快速提升ROI？
1、红海市场中单品突破战略。
2、如何实施细分领域，实现规模联动效应。
3、如何善用网红、明星来影响用户的下意识消费习惯？
4、战术思路：如何洞悉市场变化和节奏？
5、战术精细化运营【部分实例】
* 28原理
* 流水法则
* 高频打低频
* 如何设计最优化的 SKU 展示？
* 专场设计产品排序上下交叉原则：如何以合理的交叉错开的方式进行规划？
适合人群：互联网项目创始人， 电商产品运营和操盘，互联网流量运营，运营战略决策者。
不适合：C端用户，更适合电商平台内部的产品和运营人员。
2.京东物流高级总监，高效研发管理的全流程复盘
京东物流在电商物流中独树一帜，建立“211”的典型服务，获得了众多用户的口碑。而青龙系统正是京东物流背后支撑的核心系统，正成为电商物流界的标杆系统。
技术之外，如何打造高效的团队，如何利用项目来不断完善产品，如何做事才能事半功倍等，值得研发管理者，技术人员，产品经理，甚至业务运营人员借鉴。
适合人群：需求打造高执行力团队的管理者、需求研发优秀产品的项目经理、需求更加密切合作的运营人员。
3.B端产品哲学：内容管理系统（CMS）的产品思维框架
1、产品分析：从产品类型和工作内容两个维度纵向分析解读
2、构思流程：内容管理系统（CMS）的产品构思流程
* 需求管理
* 梳理流程
* 框架设计
* 迭代规划
干货分享：与大家分享下平时常用的产品文档模板，相互学习；
* 文档一、《产品需求清单》
* 文档二、《产品框架设计》
* 文档三、《版本规划路线图（Product RoadMap）》
* 文档四、《竞品分析（商业模式和产品逻辑）》
* 文档五、《产品功能逻辑图》
* 文档六、《用户行为路径图》
* 文档七、《原型设计图》
* 文档八、《产品需求文档》