电商页面设计（电商平面设计如何排版）

本文目录

• 电商平面设计如何排版
• 来看看实战王电商11天教你店铺装修
• 电商设计有哪些排版技巧和方法
• 电商首页、详情页内容设计
• 垂直化内容电商页面设计，需要注意哪些问题

电商平面设计如何排版

电商平面设计如何排版排版如何设计排版？首先，我们需要对页面进行排版，首先我们需要考虑到的就是字体，大小，颜色，图片等这些方面，不管是什么样的页面，字体大小都是有规定的，但是一般我们在设计的时候，都会根据不同的页面，不同类型的元素来进行调整，最常见的是将文字和图片放上去，然后再在上面进行组合，这样就会更加的清晰，而且字体和颜色也是需要进行调整，不然就会显得非常的杂乱。如下这里，我们使用的是字体，大小是不同，颜色也是不一样的，不同的字体颜色也会形成不一样的效果。

来看看实战王电商11天教你店铺装修

无论电子商务的平台如何，商家都希望进行一些装修。实战王电商11天教你店铺装修.为了增加顾客的停留时间，引发顾客的购买欲望，使店铺和品牌在顾客心中留下好印象。实战王电商11天教你店铺装修也不例外，因此如何装饰新店需要更受客户欢迎。

1,实战王电商11天教你店铺装修顶部是公共页面头部菜单，页面左侧是功能标签区域，分为布局，模块，颜色，背景，特效5标签；装饰状态栏，下面是具体的装饰页面区域。店铺装修点击左侧功能标签区域中的不同图标切换要设置的装饰功能，再次单击相同的图标，可以关闭左侧的设置区域。

2，模块：显示当前所有装饰模板，可用的基本模块和设计师模板模块，列在四个宽度的栏中，990,790,590,190。如果你试试设计师模板，模板模块将默认展开。双击模块的任何区域以弹出模块的特定配置弹出窗口。单击“确定”按钮完成配置，并在装饰页面上查看配置效果。

3，颜色：显示当前装饰模板的主题支持设置，选择颜色预览实际效果，点击“应用”按钮保存。装修注意：如果设置了自定义背景颜色和第一和第二种悬浮颜色，这里的颜色匹配将不会生效。 

4.背景：可以在页眉和页面背景上配置内容。它可以配置为单色或特定图像。可以配置显示效果，对齐效果以及是否应用于所有页面。页面的背景图像可以设置为固定。

5，特效：实战王电商教你店铺装修可设置页面全屏效果，默认包括雪花，烟花，花瓣，星星；检查禁用全屏效果，即装饰，预览和显示页面不显示全屏效果，如果选中，其他特效设置将不会生效；检查装饰页面是否显示全屏效果，即装饰页面不显示特效，并且预览和显示页面显示全屏效果。 

土巴兔在线免费为大家提供“各家装修报价、1-4家本地装修公司、3套装修设计方案”，还有装修避坑攻略！点击此链接：【https://www.to8to.com/yezhu/zxbj-cszy.php?to8to_from=seo_zhidao_m_jiare&wb】，就能免费领取哦~

电商设计有哪些排版技巧和方法

中心型排版

利用视觉中心，突出想要表达的实物——当制作的图片没有太多文字，并且展示主体很明确的情况下建议多使用中心型的排版。中心排版具有突出主体、聚焦视线等作用，体现大气背景可用纯色，体现高端背景可用渐变色。

中轴型排版

利用轴心对称，使用画面展示规整稳定、醒目大方——当制作的图片满足中心型排版但主体面积过大的情况下，可以使用中轴型排版。中轴型居中对称的版面特点，在突出主体的同事又能给予画面稳定感，并能使整体画面具有一定的冲击力。

分割型排版

利用分割线使画面有明确的独立性和引导性——当制作的图片中有多个图片和多段文字时可以使用分割排版。分割型排版能使画面中每个部分都是极为明确和独立的，在观看时能有较好的视觉引导和方向;通过分割出来的体积大小也可以明确当前图片中各部分的主次关系，有较好的对比性，并使整体画面不单调和拥挤。

倾斜型排版

通过主体或整体画面的倾斜编排，使画面拥有极强的律动感，刺激视觉——当制作的图片中要出现律动性、冲击性、不稳定性、跳跃性等效果，可以使用倾斜型排版。倾斜排版可以让呆板的画面爆发活力和生机，当你发现自己的图片过于死板或僵硬时，尝试让画面中某个元素带点倾斜，会有出奇的效果。

骨骼型排版

通过有序的图文排列，使画面严谨统一、具有秩序感——当制作的图片中，文字较多时，通常都会应用骨骼型排版。骨骼型排版时较为常见的排版方式、清晰的调理和严谨性让画面平稳，是一种不会出现的错误，但是毕竟单一的排版方式。有些时候为了打破骨骼型的单一和平稳，我们也可以应用上图第三张的形式，在规整的排列中加入一些律动强烈的素材。

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

电商首页、详情页内容设计

入职至今的核心工作，基本是围绕网站页面优化展开，具体来说是网站的首页和商品详情页。在项目过程中，也进行了不同电商网站首页和详情页的内容设计探索调研，一点总结分享给大家。

根据马斯洛需求层次理论，人的需求可以按照生理需求、安全需求、社会需求、尊重需求、自我实现依次递进。生理需求泛指基本的生存需求，吃穿住行都可以归纳进来；安全需求指的是人身安全、健康保障、财产安全、工作等；到最后一级的自我实现，则已经上升到了精神的层次，带头作用、价值观、领导力等等，所以，电商可以满足这其中的哪些需求呢？

从广义角度来讲，一切可以在网络上进行交易的业务都可以归到电商的范畴，并且电商发展至今，模式形态已然非常丰富，包括o2o、新零售等概念在内，最终的交易环节可能提前可能置后，可能在线上也可能在线下，但都离不开让商品更高效得触达用户。上述这些用户需求，或多或少都可以通过物质得到满足，无论是实物还是虚拟资产，因而可以说，电商的业务范畴可以涵盖用户所有层次的需求，或深或浅。举个例子，人们生存于世，需要一个能遮风避雨的住所，这个住所首先满足了人们的生理需求，能住；其次，如果这是一套安全设施完备的房子，甚至还能增值，则可以满足人们的安全需求，包括生理和财产；再进一步，如果这套房子是坐落于市中心的别墅，价值不菲，那么它在一定程度上也能体现主人的实力，可以满足一定的尊重需求；甚至因为这套房子价值太不菲了，已然成为了主人实力的象征，那么自我实现也可以通过这套房子有一定体现。针对这套房子，从找房到最终交易，都可以通过电商实现。

所以，电商的业务范畴，可以涵盖人们有关物质，不论虚拟还是实物，所有的需求。

电商的业务范畴如此之广，详尽研究的话是一项浩大的工程。在这里笔者只就综合类电商（淘宝、京东等）、生活服务类（美团、大众点评、每日优鲜、京东到家、去哪儿等）、大宗商品类（链家、瓜子二手车等）进行展开讨论。

对于综合类电商，用户需求场景基本可以分为：

1、有明确的需求：朋友家的那款冰箱不错，我也想买；

2、有品类的需求：我想买冰箱、我想买海尔的冰箱（只要没具体到某一个商品）；

3、闲逛类需求：我就想逛逛；

综合类电商的商品概念等同于一个大型的购物商场，内容非常丰富。有的用户需求明确，有的用户想逛一逛碰碰眼缘，而用户决策的考量范围也比较广：合不合眼缘、品质如何、价格如何、评价如何、物流速度怎样···当然每种考量因素的权重根据不同商品会有所区别。

对于生活服务类电商，需求场景可能是：

1、有明确需求：昨天在朋友家吃的xxx不错，我也买点儿做一做；那款旅行产品的评价很好，我也想买一个体验一下；

2、有品类需求：我想买菜、我想去旅游；

生活服务类电商再细分下来，可以是快消类（生鲜蔬果等）和旅行团购类（旅行产品、团购服务等）。快消类区别于综合类电商的一个重要场景因素是，用户更注重交易的实效性，并且很多是基于地理位置的交易。你可以等一件衣服等3天，但不能等一斤午饭需要的蔬菜等3天，以及考虑到运费，显然家门口的店比另一个城区的店更合适。而旅行团购类商品，用户往往更看重评价。

对于大宗商品类电商，需求场景可能是：

1、有明确需求：我想买一辆不超过10万的奥迪a6、我想买一套一室一厅南北通透不超过100万的房子；

2、有品类需求：我想买一辆还不错的车、我想买一套还不错的房子；

大宗类商品涉及的交易金额一般比较大，各种手续相对复杂，用户往往更看重品质和服务。像房子、车子这种，网络上的图片和文字信息略显单薄，基本需要实地“验货”，当然，随着各种新技术如全景、3d、ar、vr逐渐发展成熟，让用户在网络上即可“身临其境”，并且能下购买决策，也不是不可能。

在上述这些需求分类里面，明确的需求和品类的需求，需要针对不同业务场景具体探讨，大致是根据用户选择条件的颗粒度来进行归类。而闲逛类需求，基本只会发生在综合类电商中，因为当人们来到具体到某一品类的电商形态中时，必然是已经有某种购买需求的。

用户行为路径的详尽分析，需要具体到每一种电商形态中具体探讨。整体而言，可以从新用户、需求明确、品类需求、闲逛需求来进行划分，具体如下：

根据用户的行为路径特点，可以得出电商首页、详情页的页面目标：

1、首页：确认用户目标位置，促进快速向下转化；没有目标时，创造目标；

2、详情页：确认用户对当前商品的意向值，促进决策；没有意向时，拓展意向；

首页需要完成流量的精准分发，针对当前用户的需求，引导至相应的下一级页面；详情页，则需要详尽且易读得展示当前商品的内容，促进用户完成决策。先具体说说首页内容设计，拿大宗二手商品举个例子吧，受品类等实际情况所限，能来到首页的用户，基本是有需求的用户，可是该用户想要什么呢？

分为两种情况，在用户需求比较明确的情况下，直接给一个搜索-筛选入口即可，当然结果的展示策略会比较复杂，需要考量用户行为、商品自身品质等，并且是按照sku维度还是按照spu维度进行展示，也是一个需要考虑清楚的问题。二手商品并非标品，貌似天然是sku维度，但是当一名用户想花10万元选一辆车时，是推一堆大众出来，还是将品牌聚合起来，展示出不同品牌呢？这里还涉及到用户路径深度的问题，电商都有一个漏斗原理，用户路径越长，流失率越高，怎样兼顾这几类因素，给到用户最合理的展示策略，是需要分情况具体讨论的。

而对于需求不明确的用户，此时在推荐展示策略方面，可能是最热门的服务内容、品类标签展示，因为热门可能等于80%的用户需求；对于老用户，则是根据用户浏览、收藏等行为圈出来的服务、商品露出，这是定量的精确的触达。用户在首页找到下一级出口时，就需要一个包含更详尽内容的页面来承接，大概率是某一类商品的聚合页，甚至可能是商品详情页，总之是接得住入口指向的页面。

对于平台服务繁多的情况，比如阿里、京东等，业务内容十分丰富且复杂，大家都想占据一个有利的流量入口，那么怎样决定业务露出的优先级呢？基本是两条腿走路：用户偏好和战略推动。用户偏好即上述的根据用户行为计算出的展示策略；而战略推动，则是指公司重点推进的服务内容，这个不倚靠用户的选择，在推动业务时期，必然是强行推到用户面前的选择。

至于具体展现形式，如下图所示，内容虽然千千万，但核心就是尽可能贴合用户真实需求。

再来说说详情页的内容设计。电商的商品详情页是提袋转化的最后一环，是用户黄金购买流程中最重要的页面，直接决定用户买不买这件商品（对于大宗商品，可能是肯不肯花时间去实地看），因此各家的商品详情页基本都是商品信息的堆积呈现，通过不同展示手段（图片、视频、图文等）展现商品，通过不同的排列组合手段，提高用户浏览效率，也会结合营销、服务内容，促进用户决策，最后还会提供流量出口，促进用户再看、多看。

对于页面具体的内容展示策略，这里就不展开讨论了，本质还是需要跟业务定位相结合，才能打造出真正贴合用户需求的产品。

首页作为流量分发的首要页面、详情页作为流量转化的最后一环，重要性自不必说。各家在研究首页、详情页应该怎样满足用户需求、业务需求时，需要根据公司战略和用户的显性、隐性需求进行系统化的适配，以此来取得平衡。像电商这种起家就是商业变现的产品，怎样平衡用户需求和业务需求也是一个被反复探讨的命题，好在随着技术的发展，这两者已经从相对对立转变成相辅相承了，前提是页面需要活起来，这个入口究竟加不加，你不知道我也不知道，但是用户知道，根据用户的行为反馈选择性展示，用户需要时就出现，不需要时硬怼也没有意义，不断的测试加数据分析，可以解决80%的争议。

emmm这段又扯到数据产品的话题了，还不太熟，暂且到此吧。

垂直化内容电商页面设计，需要注意哪些问题

电商产品设计历经集市时代的比拼价格，到脑部内容意见领袖引导阶段，再到一种数据用户A知道数据用户B的需求，从而A用户精准满足B用户的需求，与此对应的例子在海外比较明显：比如亚马逊的Wishlist，而这个阶段的电商在国内还不明显。因此本文主要总结国内脑部内容电商移动端设计Tips。
垂直化内容移动端设计不需要迎合所有人口味，但是一定要给针对性的用户一个明确的暗示，“嘿，Girl,我是不同的”，这是产品设计的重点。
一、从首页第一视觉停留开始
首屏是第一视觉第一块信息展示区域，适合设计成时尚和引领当下热点潮流或者产品摄影图等视觉冲击力较强的图片，和符合用户知觉的文案，吸引用户的注意力。
第一视觉最好以大图海报形式出现，而海报本身的设计是决定用户是否点击进入的关键，什么样的内容容易吸引用户呢？根据经验有以下三个特点：
1、以能够唤起用户共鸣的话题性图文切入，引出用户的知感。
2、融入时下创意性的元素，展现垂直内容的不同视角。
3、以彰显个体为中心的关怀式设计，将用户的视觉重点分为几个小点，不同的内容能够降低网页的跳失率。
二、垂直电商的移动端搜索设计
根据对APP搜索设计知觉负载理论的研究。每行2图比每行4图用户搜索效率更高，因为简单页面布局用户所需的认知加工负载较低，更利于进行模式识别及认知加工，因此搜索效率较高。第二点，浅色背景的导航界面设计的搜索效率相对较高，因为深色背景页面的无关刺激会对用户搜索产生干扰作用。
三、精选内容页面
会放置一些二级页面的主推内容，快速便捷扼要的让用户了解到精选页面都有些什么。同时首页对移动端总结的能力越强，越有调理，越能快速的帮助用户定位，了解移动端的主要内容。选择内容越抢眼，越符合用户的知感，越能吸引消费者继续浏览的兴趣。
网络购物和线下不同，用户是通过一个个入口购买衣服，不管是平台，还是垂直应用，商家都不可能同时将所有商品展现在用户面前，只能选择自己内容中已经被用户感知认可过的，获得销量的商品，方能提高用户进入本店继续浏览的几率，将最好的精选优先快速的推送给用户，是增加转化率的最佳产品设计手段。