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


8.69mm这个数值不太直观 , 因此需要引入一个参照物来让用户感知到它真正的厚度 。

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


最后
我在画面中加入了一只笔 ,
这根笔看似无意 , 实际上它很好的给了用户暗示 , 对8.69mm没概念不要紧 , 知道它跟这支笔差不多就行了 。

OK , 继续下一招 。

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




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

每件物品都有它使用的环境和场景 , 我们用设计把它还原回去 , 这样可以让用户感受到良好的带入感 , 而不只是一个冷冰冰的物件 。

看一张对比图:
电商详情这样设计,运营都开心坏了!
文章图片


同样是造型差不多的热水器 , 左图显得过于冷冰冰 , 很难给人留下印象 。 而右图通过还原真实使用场景 , 用户看完之后会对图上所呈现的生活产生向往之情 , 更有带入感 。

再比如空调 , 我们可以营造一个客厅的环境:

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



随身小物件 , 可以表现它的使用瞬间:

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


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



接下来看一个实操案例 。

以智能音箱为主体的详情页 , 我们把它还原到一个家居场景中 。

先抠好商品图 , 然加入一个电视柜的素材 。

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



给画面的左上角打一道窗户的光影 , 让整个画面更有室内的感觉 。

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



这道光的做法也很简单 , 几步就可以搞定 , 方法如下:

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


推荐阅读