• 在线客服

  • 扫描二维码
    下载博学谷APP

  • 扫描二维码
    关注博学谷微信公众号

  • 意见反馈

原创 电商详情设计应该怎么做?五大设计技巧分享

发布时间:2020-05-28 17:16:29 浏览 3672 来源:博学谷 作者:照照

    对设计师来说,电商详情的设计要求其实就是把文字翻译成以图片为主的视觉语言。在信息爆炸的时代,图像化的信息传播方式往往更能引起消费者的注意,因此传播效率要远远高于纯文字。优秀的电商详情设计可以表达出更为清晰易懂的信息,精准提炼出商品的卖点。那么,电商详情应该如何设计呢?

     

    电商详情设计

     

    1、卖点可视化

     

    卖点可视化是什么意思呢?其实就是指尽量将文字转换成图像,用视觉化的方式表达,这也可以说是电商详情设计的基础原则。我们都知道文字系统是抽象的,它需要通过大脑的转换才能形成心理感受。但是视觉系统是直观的,无需思考。在电商详情的设计中,我们经常会遇到各种抽象的概念,如何将这些抽象的概念视觉化,这就体现了一个设计师的能力。这些抽象的概念可能是某项功能、使用体验、工作状态等。

     

    比如快、透气、舒适,这都属于用户使用过程中的物理体验或心理感受,原本只有在拿在实物的时候才能感受到,这也正是电商的致命缺点。因此我们在设计详情页的时候,需要将用户感受不到的点通过视觉语言传达出来,甚至放大这种感受。再比如工作状态本身用户是看不到的,文字描述起来也不够直观,为了让用户更强烈的感受到产品的某个特性,我们需要将它用视觉的方式强化处理。

     

    2、巧用参照物

     

    巧用参照物其实就像写文章中的比喻手法。举个很简单的例子,如果你想表达一个物品的尺寸是30mm,你可以用数字标出来,也可以用一个硬币来体现。30mm具体是多大,很多人完全没概念,就算知道也需要想一想。但是硬币就不同了,所有人不用想都知道它是多大。因此,用硬币作为30mm的参照物,是一种视觉化程度更高的表现方式。如果你想告诉用户你的产品有多大,最好的办法不是标出具体的数字,而是用他们日常熟悉的物品来作参照。

     

    不只是大小可以参照,一些抽象的“感受”,我们也能用参照物体现出来。比如我们的商品详情页面想体现一个海绵的柔软,通过一个手指的按压图还是不足以说明商品的软弹。但是如果加了一个鸡蛋在按压手指和物品之间,就能让消费者知道用了多大的力气才能将海绵压成这样。

     

    3、场景还原

     

    每件物品都有它使用的环境和场景,我们用设计把它还原回去,这样可以让用户感受到良好的带入感,而不只是一个冷冰冰的物件。比如同样是造型差不多的热水器,一个设计只显示商品图,就显得过于冷冰冰,很难给人留下印象。而另一个设计图通过还原真实浴室使用场景,用户看完之后会对图上所呈现的生活产生向往之情,更有带入感。

     

    4、夸张表达

     

    夸张可以是一种艺术化的表现方式,用来表达某种精神或者某种感受。例如我们都知道穿上一双运动鞋并不能飞起来,但是这样的设计可以传达出一种挑战极限的体育精神。除了用来表达抽象的心理感受之外,夸张的手法也可以用来表现功能性。比如一个经典的电商产品广告图案例是,某旅行箱为了凸显自己的坚固耐用,特意在电商详情设计中,加入大象在旅行箱上踩压这一情节。通过这种远超人们心理预期的夸张效果,给人带来强大的视觉冲击力。

     

    5、细节呈现

     

    人对于未知的事物总是心存敬畏的,会有种不明觉厉的感觉。在电商详情设计中,我们也经常利用这一点。具体怎么做呢?很简单,把普通的东西描述得很不普通。比如在展示数据线的时候,把数据线的188根铜线芯展示出来,除了带来视觉上的震撼,也满足了人的窥探欲,看了之后有种莫名的满足感。所以,展示细节的设计方法一般用在表现物体的材质,或者结构。总之,细节和结构越复杂,越精致,我们就越觉得它是专业的,高品质的。

     

    以上就是电商详情设计的五大设计技巧分享,大家都学会了吗?当然,光看不练肯定没有用的,要想真的掌握上面说的设计技巧,还需要大家多在设计实践中充分练习和运用。

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: 学视觉设计好找工作吗?发展前景如何? 下一篇: 学习视觉设计难不难?需要多久?

相关推荐 更多

热门文章

  • 前端是什么
  • 前端开发的工作职责
  • 前端开发需要会什么?先掌握这三大核心关键技术
  • 前端开发的工作方向有哪些?
  • 简历加分-4步写出HR想要的简历
  • 程序员如何突击面试?两大招带你拿下面试官
  • 程序员面试技巧
  • 架构师的厉害之处竟然是这……
  • 架构师书籍推荐
  • 懂了这些,才能成为架构师
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码