众所周知,在电商设计中,产品图的重要性永远都是排在第一位的。电商设计师有很大一部分时间都是在思考产品图要怎么摆放才美观,如何才能突出产品的卖点等等。在实际的设计中,产品图的摆放基本就决定了整个设计的框架。因此,在有限的需求时间里,能不能快速、合理的找到产品图的处理方式,这是新手设计师与优秀设计师的重要区别。本文就带大家看看电商设计的产品图处理秘籍~
一、如何选图?
1、清晰
毫无疑问,一张清晰的产品图是最最重要的。清晰的图片给消费者更加清晰锐利和高品质的直观视觉感受。无论设计做得多精美,一张模糊的产品图都能将用户劝退了。所以,任何时候都不要使用低精度的图片。
2、造型独特
在选择主图的时候,要尽量选择新颖的造型或者独特的视角,这样可以放大主图的视觉冲击力,起到事半功倍的作用。试想一下,在展示产品的时候,直接一张平平无奇的正面图是不是不如一些俯拍或是有冲击力又能更全面展示产品侧面图呢?
3、细节精美。
对于产品图来说,丰富的细节在视觉上更有表现力,会让人觉得更有品质感。前面说过了图片的清晰是首要准则,因此如果你的画面细节不丰富,越清晰就越暴露了你图片的无趣和枯燥。当然这里说的细节,可以是漂亮有层次的光影,或者是清晰有质感的纹理,再或者是细腻的质感等等。
二、如何处理主图?
1、对称
对称意味着协调、均衡,它是大自然中最基本的规律,所以对称的设计是可以被所有人接受的。最常见的是左右对称,两边重量平衡,有种平稳大气的美感。比如,产品从左到右一字排开,以某个产品为中线对称,这种绝对的对称方式在视觉上十分有秩序感。当然,除了绝对的左右对称,也可以斜线对称。对称的商品也不需要颜色和款式完全一样,不同的角度变化,以及颜色对比,都可以给画面带来活力。
2、平铺
产品数量比较多的情况下,我们可以选择产品视角一致,按照一定的规律平铺的画面上。最常见的就是 “翻包图”式的电商设计。将一件件物件翻出来,摆得整整齐齐,会给人一种心理上的满足感。在具体的设计中,有两种平铺形式。第一种是将不同的产品,按照统一的视角,方向,规律摆放在页面中,使得不同产品和谐相处,产生韵律感。第二种是将同一个产品变换角度,以及不同产品细节,然后以一定的规律摆放在画面中,在重复中形成变化。
3、漂浮
飘浮的物件在视觉上有强烈的动感,再加上产品的大小角度变化,以及光影效果,可以营造出强烈的空间感。产品要想飘浮起来,投影至关重要。产品和投影之间的距离越大,它就会越有飞起来的感觉。除了产品之间的投影效果,背景上也要有光影的变化,这样会与产品的飘浮效果相呼应,形成空间感。在美食设计主题中,飘浮可以营造出琳琅满目的感觉,刺激用户的食欲。
4、蒙版
有时候我们拿到的素材图片不太好抠图,或者抠出来之后会损失原图的品质感。这个时候我们可以把它放到一个几何形的蒙版来处理,这样既可以保持原图的风格,又可以方便我们后期的排版处理。最常用的蒙版形式是简洁的几何形,尤其是圆形和方形用得最多。几何形的蒙版看起来很规整,为了让版式更活跃一些,我们可以让主体的一部分突出原有的图形,形成破版的效果。还有一种特殊的蒙版,那就是文字。在以文案为主的设计中,为了让文字没那么单调,我们可以在文字的轮廓中嵌入产品图,给文字增加纹理效果,这样就很巧妙的给纯文字画面增加了商品的属性。
5、放大
人都是视觉动物,很容易被细节打动,越精致的细节越能形成强烈的视觉震撼。如果你的产品图足够精美,那么就尽量放大它的优点,震撼用户的眼球吧!最擅长这一招的,莫过于苹果。在苹果的官网上,随处可见这种精致到令人想添屏幕的细节大图。很多时候我打开苹果官网,尽管没有购买需求,我都会点开所有的产品详情页慢慢看,简直无法自拔。放大的局部,可以让用户的视线更聚焦到产品的某一个细节或者功能上,起到强化卖点的作用。
关于电商设计的产品图处理秘籍就分享到这里了。上面讲的全是干货,大家都掌握了吗?学习设计最重要的就是动手实操。大家仅仅看一遍理论知识是不够的,现在就动手练习一下吧~
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
【收藏】Photoshop快捷键集合
Photoshop是专业设计师必须掌握的一种工具。在平面设计、网页设计、UI设计等众多领域有非常广泛的应用。为了提高绘图速度,设计效率,PS软件定义了多种快捷方式。在实际应用中,掌握快捷键越多,设计师的实际工作效率就越高,能够大大节约设计时间。博学谷小编将所有的PS快捷键整理成为一片文章分享给大家,建议大家收藏。
3113
2019-08-08 14:18:01
什么是交互原型设计?如何做好交互原型设计?
什么是交互原型设计?简单来说,交互原型设计是指设计师把产品需求在设计图上呈现出来。想要做好交互原型设计,要求设计师既要精通专业的设计技能,又要懂得分析产品的需求。下面讲讲如何做好交互原型设计。
3416
2019-09-16 19:43:47
UI设计师优质书单推荐
想要成为一名优秀的UI设计师,需要掌握的技能有很多,比如视觉设计、交互设计和一些前端HTML5的内容,而不仅仅只是负责平面设计的部分。因此UI设计师想要在职业发展道路上走得更远,必须修炼好内功。本文将为大家推荐一些优质的书单,内容包括了平面设计、网页设计和UI设计,有需要朋友赶紧收好这份书单吧!
1142
2019-12-18 10:11:07
网页设计与制作步骤分析
网页设计与制作步骤大致可以分为如下几步,首先根据具体的市场情况和用户需求建立营销模型,然后以业务目标为中心进行功能策划,接着使用软件工具设计并制作交互用例。再然后就是网页设计师的主要工作内容,即网页设计美化。最后在进行网页设计的最终检查和调整,以达到最优效果。下面小编来详细分析一下网页设计与制作的流程步骤,一起来看看吧!
1923
2020-01-07 21:04:28
交互设计为什么要遵循人性化设计原则?
有很多产品对用户展现很善意,交互设计人性化设计原则:不打扰,护尊严,人为先。用户,员工,投资人,三方利益兼顾好才是多赢。俗话说顾客是上帝对用户好;投资人作为强势一方利益有保障;员工利益得到好保障。
1137
2020-02-26 15:04:21
企业官网网页设计
¥199 基础 102
全链路UI知识图谱
¥29.9 基础 3023
Photoshop基础入门教程
免费 基础 2963
UI入门—商业广告设计实战
免费 基础 1249
PS电商海报案例设计教程
免费 进阶 1094
推荐课程
热门文章
- 5W2H数据分析方法及思维是什么?
- UI设计师要懂什么技术?掌握哪些知识?
- 哪里可以培训少儿编程老师?学什么?
- 软件测试方法和技术知识点有哪些?
- 2021年2月IT编程语言排行榜
- PHP从入门到精通需要多长时间?
- 产品经理需要的技能是什么?具备哪些能力?
- 新媒体运营是做什么的?工作内容有哪些?
- Java线上培训机构哪家好?靠不靠谱?
- 学Web技术前端培训机构哪家好? 查看更多
扫描二维码,了解更多信息
