博学谷 > 资讯 > UI > 电商设计的产品图处理秘籍

原创 电商设计的产品图处理秘籍

发布时间:2020-05-28 10:15:38 浏览 569 来源:博学谷 作者:照照

    众所周知,在电商设计中,产品图的重要性永远都是排在第一位的。电商设计师有很大一部分时间都是在思考产品图要怎么摆放才美观,如何才能突出产品的卖点等等。在实际的设计中,产品图的摆放基本就决定了整个设计的框架。因此,在有限的需求时间里,能不能快速、合理的找到产品图的处理方式,这是新手设计师与优秀设计师的重要区别。本文就带大家看看电商设计的产品图处理秘籍~

     

    电商设计的产品图

     

    一、如何选图?

     

    1、清晰

     

    毫无疑问,一张清晰的产品图是最最重要的。清晰的图片给消费者更加清晰锐利和高品质的直观视觉感受。无论设计做得多精美,一张模糊的产品图都能将用户劝退了。所以,任何时候都不要使用低精度的图片。

     

    2、造型独特

     

    在选择主图的时候,要尽量选择新颖的造型或者独特的视角,这样可以放大主图的视觉冲击力,起到事半功倍的作用。试想一下,在展示产品的时候,直接一张平平无奇的正面图是不是不如一些俯拍或是有冲击力又能更全面展示产品侧面图呢?

     

    3、细节精美。

     

    对于产品图来说,丰富的细节在视觉上更有表现力,会让人觉得更有品质感。前面说过了图片的清晰是首要准则,因此如果你的画面细节不丰富,越清晰就越暴露了你图片的无趣和枯燥。当然这里说的细节,可以是漂亮有层次的光影,或者是清晰有质感的纹理,再或者是细腻的质感等等。

     

    二、如何处理主图?

     

    1、对称

     

    对称意味着协调、均衡,它是大自然中最基本的规律,所以对称的设计是可以被所有人接受的。最常见的是左右对称,两边重量平衡,有种平稳大气的美感。比如,产品从左到右一字排开,以某个产品为中线对称,这种绝对的对称方式在视觉上十分有秩序感。当然,除了绝对的左右对称,也可以斜线对称。对称的商品也不需要颜色和款式完全一样,不同的角度变化,以及颜色对比,都可以给画面带来活力。

     

    2、平铺

     

    产品数量比较多的情况下,我们可以选择产品视角一致,按照一定的规律平铺的画面上。最常见的就是 “翻包图”式的电商设计。将一件件物件翻出来,摆得整整齐齐,会给人一种心理上的满足感。在具体的设计中,有两种平铺形式。第一种是将不同的产品,按照统一的视角,方向,规律摆放在页面中,使得不同产品和谐相处,产生韵律感。第二种是将同一个产品变换角度,以及不同产品细节,然后以一定的规律摆放在画面中,在重复中形成变化。

     

    3、漂浮

     

    飘浮的物件在视觉上有强烈的动感,再加上产品的大小角度变化,以及光影效果,可以营造出强烈的空间感。产品要想飘浮起来,投影至关重要。产品和投影之间的距离越大,它就会越有飞起来的感觉。除了产品之间的投影效果,背景上也要有光影的变化,这样会与产品的飘浮效果相呼应,形成空间感。在美食设计主题中,飘浮可以营造出琳琅满目的感觉,刺激用户的食欲。

     

    4、蒙版

     

    有时候我们拿到的素材图片不太好抠图,或者抠出来之后会损失原图的品质感。这个时候我们可以把它放到一个几何形的蒙版来处理,这样既可以保持原图的风格,又可以方便我们后期的排版处理。最常用的蒙版形式是简洁的几何形,尤其是圆形和方形用得最多。几何形的蒙版看起来很规整,为了让版式更活跃一些,我们可以让主体的一部分突出原有的图形,形成破版的效果。还有一种特殊的蒙版,那就是文字。在以文案为主的设计中,为了让文字没那么单调,我们可以在文字的轮廓中嵌入产品图,给文字增加纹理效果,这样就很巧妙的给纯文字画面增加了商品的属性。

     

    5、放大

     

    人都是视觉动物,很容易被细节打动,越精致的细节越能形成强烈的视觉震撼。如果你的产品图足够精美,那么就尽量放大它的优点,震撼用户的眼球吧!最擅长这一招的,莫过于苹果。在苹果的官网上,随处可见这种精致到令人想添屏幕的细节大图。很多时候我打开苹果官网,尽管没有购买需求,我都会点开所有的产品详情页慢慢看,简直无法自拔。放大的局部,可以让用户的视线更聚焦到产品的某一个细节或者功能上,起到强化卖点的作用。

     

    关于电商设计的产品图处理秘籍就分享到这里了。上面讲的全是干货,大家都掌握了吗?学习设计最重要的就是动手实操。大家仅仅看一遍理论知识是不够的,现在就动手练习一下吧~

    申请免费试学名额    

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

领取成功
领取失败
上一篇:优秀的UI设计师需要具备哪些能力? 下一篇:学视觉设计好找工作吗?发展前景如何?

相关推荐 更多

最新文章

扫描二维码,回复"PS"获取25G资料包