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

一、如何选图?
1、清晰
毫无疑问,一张清晰的产品图是最最重要的。清晰的图片给消费者更加清晰锐利和高品质的直观视觉感受。无论设计做得多精美,一张模糊的产品图都能将用户劝退了。所以,任何时候都不要使用低精度的图片。
2、造型独特
在选择主图的时候,要尽量选择新颖的造型或者独特的视角,这样可以放大主图的视觉冲击力,起到事半功倍的作用。试想一下,在展示产品的时候,直接一张平平无奇的正面图是不是不如一些俯拍或是有冲击力又能更全面展示产品侧面图呢?
3、细节精美。
对于产品图来说,丰富的细节在视觉上更有表现力,会让人觉得更有品质感。前面说过了图片的清晰是首要准则,因此如果你的画面细节不丰富,越清晰就越暴露了你图片的无趣和枯燥。当然这里说的细节,可以是漂亮有层次的光影,或者是清晰有质感的纹理,再或者是细腻的质感等等。
二、如何处理主图?
1、对称
对称意味着协调、均衡,它是大自然中最基本的规律,所以对称的设计是可以被所有人接受的。最常见的是左右对称,两边重量平衡,有种平稳大气的美感。比如,产品从左到右一字排开,以某个产品为中线对称,这种绝对的对称方式在视觉上十分有秩序感。当然,除了绝对的左右对称,也可以斜线对称。对称的商品也不需要颜色和款式完全一样,不同的角度变化,以及颜色对比,都可以给画面带来活力。
2、平铺
产品数量比较多的情况下,我们可以选择产品视角一致,按照一定的规律平铺的画面上。最常见的就是 “翻包图”式的电商设计。将一件件物件翻出来,摆得整整齐齐,会给人一种心理上的满足感。在具体的设计中,有两种平铺形式。第一种是将不同的产品,按照统一的视角,方向,规律摆放在页面中,使得不同产品和谐相处,产生韵律感。第二种是将同一个产品变换角度,以及不同产品细节,然后以一定的规律摆放在画面中,在重复中形成变化。
3、漂浮
飘浮的物件在视觉上有强烈的动感,再加上产品的大小角度变化,以及光影效果,可以营造出强烈的空间感。产品要想飘浮起来,投影至关重要。产品和投影之间的距离越大,它就会越有飞起来的感觉。除了产品之间的投影效果,背景上也要有光影的变化,这样会与产品的飘浮效果相呼应,形成空间感。在美食设计主题中,飘浮可以营造出琳琅满目的感觉,刺激用户的食欲。
4、蒙版
有时候我们拿到的素材图片不太好抠图,或者抠出来之后会损失原图的品质感。这个时候我们可以把它放到一个几何形的蒙版来处理,这样既可以保持原图的风格,又可以方便我们后期的排版处理。最常用的蒙版形式是简洁的几何形,尤其是圆形和方形用得最多。几何形的蒙版看起来很规整,为了让版式更活跃一些,我们可以让主体的一部分突出原有的图形,形成破版的效果。还有一种特殊的蒙版,那就是文字。在以文案为主的设计中,为了让文字没那么单调,我们可以在文字的轮廓中嵌入产品图,给文字增加纹理效果,这样就很巧妙的给纯文字画面增加了商品的属性。
5、放大
人都是视觉动物,很容易被细节打动,越精致的细节越能形成强烈的视觉震撼。如果你的产品图足够精美,那么就尽量放大它的优点,震撼用户的眼球吧!最擅长这一招的,莫过于苹果。在苹果的官网上,随处可见这种精致到令人想添屏幕的细节大图。很多时候我打开苹果官网,尽管没有购买需求,我都会点开所有的产品详情页慢慢看,简直无法自拔。放大的局部,可以让用户的视线更聚焦到产品的某一个细节或者功能上,起到强化卖点的作用。
关于电商设计的产品图处理秘籍就分享到这里了。上面讲的全是干货,大家都掌握了吗?学习设计最重要的就是动手实操。大家仅仅看一遍理论知识是不够的,现在就动手练习一下吧~
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
视觉设计培训班课程怎么样?学什么?
视觉设计培训班课程怎么样?学什么?具体来讲,博学谷的视觉设计培训班课程,即使是零基础学员学完也可以就业,称得上是业内最全套最优质的培训课程。该课程的教学内容包括,广告创意高级合成设计、企业形象视觉设计、品牌包装设计、工作式项目提案等等,做到了视觉设计基础理论和实战案例相结合的教学模式。下面小编来具体介绍一下视觉设计培训班课程。
7737
2019-12-16 17:33:45
网页设计常见问题解决方案 新手入门指导
网页设计师在进行网站页面美化的时候,往往要考虑很多因素,比如色彩搭配、布局样式、交互设计、浏览轨迹等等。尤其是网页设计新手在刚刚入门的时候,会碰到更多棘手的问题。本文整理了一些网页设计中的常见问题,并为大家附上了解决方案。
7405
2019-09-12 17:24:00
平面设计教程 logo设计的技巧总结
在平面设计中,最令人无从下手的要属logo设计了。看起来简单的小小的一个标志,却凝结着常人难以想象的心血,是设计师经历无数次的修改和思考才诞生出的作品。而对于平面设计新手来讲,就更需要教程能够总结出简单有效的技巧,好快速打开设计思路。下面我们就一起来看看logo设计的技巧总结吧!
5935
2019-09-29 10:57:58
UI设计优秀作品具备哪些要素?UI设计佳作设计原则
UI设计优秀作品具备哪些要素?简单来说,清晰明确的界面设计,简洁大方的设计原则,符合用户的使用习惯,保持整体一致的风格,增加质感和美观,提升页面响应速度等等都是UI设计佳作所必备的设计原则。下面我们就来详细看看这些设计原则到底是什么
7809
2019-10-29 09:33:42
线框图设计技巧干货讲解
在UI设计的工作中,最简单但同时也是最基础的设计就是线框图。说到这里,可能会有许多人不以为然,不就是线框图吗,有什么难的?但其实想要掌握线框图的设计,还需要学习不少的设计技巧。下面本文将会从线框图的定义、作用以及设计技巧展开讲解,一起来看看吧~
8854
2020-06-22 17:27:00
