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

进阶提高4年前 (2021)更新 Slidecent
1,516 0 0

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

大家好,欢迎来到Slidecent,

见字如面,我是林利蒙

文末有赠书福利,欢迎大家积极留言!

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

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

在这个全民购物的时节

我也紧跟时代的潮流

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

以下是我的购物清单:

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

Emmmmmmmmm………

是的,我啥也不缺🙂

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

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

我们回归正题吧

作为一个设计领域号主

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

不知道大家有没有发现

电商网站总是凌琅满目地

陈列着一大堆商品信息

然而用户在浏览网站时

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

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

并且诱导你购买

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

今天就带大家走进

电商网站背后的设计思维

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

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

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

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

区块化设计

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

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

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

图源:京东官网

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

这是为什么呢?

答案其实就是区块化设计

举个例子,这是一张商品展示页:

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

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

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

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

那如何优化呢?电商网站给了我们很好的示范(即区块化设计):

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

图源:京东官网

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

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

色彩心理学

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

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

图源:京东官网

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

如果将色调改成冷色系(如蓝、绿、紫):

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

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

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

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

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

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

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

商品越火,色调越暖(饱和度越高)

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

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

信息层级划分

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

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

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

简单思考几秒钟

。。。

。。。

。。。

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

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

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

  • 更换字体(原先字体古朴,与产品气质不符)

  • 优化排版(图文对齐,行距、段距等)

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

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

信息提炼

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

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

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

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

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

排版设计

接着,我们重新排版布局

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

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

优先级划分

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

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

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

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

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

图源:仿京东官网

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

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

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

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

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

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

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

文字排版的细节

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

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

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

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

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

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

。。。

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


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

© 版权声明

相关文章