电商详情这样设计,运营都开心坏了!( 三 )







电商详情这样设计,运营都开心坏了!
文章图片

这一招 , 类似于语文中的“比喻” 。

比如说想表达一个物品的尺寸是30mm , 你可以用数字标出来 , 也可以用一个硬币来体现 。
30mm具体是多大 , 很多人完全没概念 , 就算知道也需要想一想 。 但是硬币就不同了 , 所有人不用想都知道它是多大 。

电商详情这样设计,运营都开心坏了!
文章图片

因此 , 用硬币作为30mm的参照物 , 是一种视觉化程度更高的表现方式 。

如果你想
告诉用户
你的
产品有多大 ,
最好的办法不是
标出具体的数字 , 而是用
他们日常
熟悉的
物品来
作参照 。


看一个具体的案例 。



电商详情这样设计,运营都开心坏了!
文章图片


有时候用户需要的并不是具体的数字 , 而只是大概的大小 , 参照物恰好能做到这一点 。

再看一个例子:
电商详情这样设计,运营都开心坏了!
文章图片


手的引入 , 不只是让用户直观的感受到锅的大小 , 更重要的是有了吃火锅的氛围 。

所以不只是大小可以参照 , 一些抽象的“感受” , 我们也能用参照物体现出来 。

电商详情这样设计,运营都开心坏了!
文章图片


左图可能会让人疑惑 , 到底是用了多大的力气才能海绵压成这样的 , 而右图加了个鸡蛋完美解决了这个疑惑 。

下面来一个实操案例 。

设计主题:笔记本电脑的页面 , 主要是体现它的薄 。

先抠好商品图 , 摆放好它在画面中的位置和大小比例 。

电商详情这样设计,运营都开心坏了!
文章图片



给背景设计一个偏金属质感的灰蓝色 , 然后做一点微弱的光影渐变 , 再调整一下商品的颜色和阴影 , 这样整个画面的基调就处理好了 。

电商详情这样设计,运营都开心坏了!
文章图片



排版好文案 。

电商详情这样设计,运营都开心坏了!
文章图片


上面这个画面中 , 我们主要是通过文案中的数值来体现它的厚度 。


推荐阅读