从双十一电商设计中，我学到了这3个实用PPT技巧

大家好，欢迎来到Slidecent，

见字如面，我是林利蒙。

文末有赠书福利，欢迎大家积极留言！

近日，双十一如火如荼的开展

不知大家的购物车塞满了木有

在这个全民购物的时节

我也紧跟时代的潮流

给大家看看我都买了些什么宝贝！

以下是我的购物清单：

Emmmmmmmmm………

是的，我啥也不缺🙂

哎，这个话题过于沉重了，

我们回归正题吧

作为一个设计领域号主

我们今天不带货，来聊聊电商设计的那些事儿

不知道大家有没有发现

电商网站总是凌琅满目地

陈列着一大堆商品信息

然而用户在浏览网站时

无论内容再多都不会觉得混乱

总能快速的找到想买的东西

并且诱导你购买

这背后有哪些设计技巧呢？

今天就带大家走进

电商网站背后的设计思维

首先明确一点，电商网站（这里指淘宝、京东等）属于服务类型的网站，主要面向消费者，所以每一步设计都是围绕用户体验展开的

那这种用户体验具体体现在哪些方面呢？在此我总结了3个非常实用的小技巧（在PPT设计中也是通用的哦）

即区块化设计、色彩心理学、信息层级划分

区块化设计

页面里内容太多怎么排？这是很多职场人头疼的话题（满屏的文字、参差不齐的插图）

其实如果你留意生活的细节，会发现电商网站已经给了我们很好的启示：

图源：京东官网

如图，网页中有许许多多种类不一的商品图片，然而我们在浏览时却并不会觉得混乱，而是可以快速找到自己想要的商品

这是为什么呢？

答案其实就是区块化设计

举个例子，这是一张商品展示页：

目前这页是没有经过区块划分的，所有内容摆放在同一块区域中

由于每张图片的边缘是不规则的，所以视觉效果上比较杂乱：

那如何优化呢？电商网站给了我们很好的示范（即区块化设计）：

图源：京东官网

如图，通过一个个色块，将每个商品与对应的文字描述框在一起

人为地将原本不规则的图片边缘规整化，产生了较强的秩序感，提高了信息的可读性

色彩心理学

不知道大家有没有发现这么个现象，无论你在线上浏览购物网站或者线下商场购物，绝大多数促销活动的视觉设计，在色彩选择上都偏向暖色系（如红、橙、黄）

图源：京东官网

其实这种暖色系的选择是有讲究的。因为暖色往往代表着吉祥、喜庆、热烈…它会刺激人的感官，引起消费的欲望

如果将色调改成冷色系（如蓝、绿、紫）：

emmmmmm，你有没有感觉像是被打了一剂镇静剂，瞬间冷静下来了

对比原先的暖色调，购买欲望是不是大大降低了呢？这就是色彩的作用，刺激人们的感官，从而诱导用户做出某种行为

除了主色调选用外，还可以利用色彩的饱和度来标识商品的火热程度：

这是鞋类商品前8名的热卖榜单，每个商品左上角有个带有颜色的数字标识。而每个颜色正好对应了商品的火热程度：

商品越火，色调越暖（饱和度越高）

同时对于已售罄的商品，整体做了淡化处理，告知用户这个商品已售罄，可减少无效点击，提升购物效率

可见，配色都是围绕用户体验精心选择的

信息层级划分

除了以上介绍的区块化设计和色彩选择技巧外，文字编排也有很多学问值得深究

先给大家出一个思考题，面对下图中的信息（可适当提炼文案），如果是你会如何编排？（应用场景是电商网站的商品陈列区）

简单思考几秒钟

。。。

。。。

。。。

好，时间到，相信大家都能注意到这页有很多显而易见的问题

绝大部分人可能会做成这个样子：

• 更换字体（原先字体古朴，与产品气质不符）

• 优化排版（图文对齐，行距、段距等）

优化之后整体版面确实和谐了很多，这样的排版设计没什么错误，但用在电商网购平台上却还差的很远

下面我通过三个步骤（信息提炼、排版设计、优先级划分）来优化这页：

信息提炼

目前的文案存在一个很大的问题：不够精简

在购物平台中，一切文案的出现都应是有意义且简洁的（它或是陈述客观数据，或是展示性能等），总之都是为了第一时间吸引消费者的注意力并诱导购买

因此可以去除多余的连词修饰词，仅保留有意义的关键词：

如图，优化后的文案更加简洁且不改变原意

排版设计

接着，我们重新排版布局

此时的信息更精简，图片也选择了其中一个放大处理（其他颜色的机型缩小放置在下方），视觉上更容易引人注意

优先级划分

至此，排版基本完成了，但好像还差点意思。究竟是什么呢？没错，就是文案间没有明确的优先级划分（也就是看不到重点）

文案的优先级应该怎么划分呢？其实很简单，只要站在消费者的角度去看，这个问题就会豁然开朗

一般情况下，我们会优先考虑价格（有初始预算）、其次是看产品性能（相同价格选品质最高的）、评价数与卖家（选择好评数最多，可信赖的商家）、最后是一个附加的属性标签（自营、放心购、本地仓）等

在此，京东官网又给了我们很好的启发：

图源：仿京东官网

看下修改前后的对比效果：

通过优先级的划分，信息的层次感清晰了很多，重点更突出了

可见，文字编排除了要遵循排版规范，更重要的是站在受众的角度，第一时间呈现他们最想看到的信息

至于文字的优先级如何划分？这里就引出了行距、段距、对齐等细节操作

关于文字编排的细节，我之前还写过一篇非常详细的文章，相信会对你有所帮助

文字排版的细节

最后我们再来回顾下以上内容：区块化设计、色彩心理学、信息层级划分：

以上技巧的核心思维都是围绕用户（受众）展开设计，PPT设计的底层逻辑亦是如此

投资人：只关心我投这个项目能不能赚到钱

领导：只关心下属是否给公司创造了价值

客户：只关心购买的产品是否有高性价比

。。。

不同的受众就会有不同的设计要点，要始终站在受众的角度去思考，围绕受众关心的点去写，并依靠设计使信息更加高效地传达

原文链接：从双十一电商设计中，我学到了这3个实用PPT技巧