如何选择合适优质的素材提高电商设计的出图质量

所属分类: 平面设计 / 平面其它 阅读数: 1360
收藏 0 赞 0 分享

相信很多做视觉设计的小伙伴(特别是电商),有时候素材直接影响到出图的质量。那么如何选择合适优质的图片素材来提高出图质量呢?今天从风格、色彩、光影、透视4个方面分享收集素材的一些心得,希望对大家有所帮助。

本章从以下四个方面进行深入了解:

基础属性

色彩

光影

透视

1、 基础属性:时间、地点

首先不同时期的艺术作品、建筑、人文、服饰都会有明显的差异,在选择图片的时候一定要设定好画面所需要的年代、地域、历史人文;

通过背景纹理、色调、环境我们能区分上面三张图的风格,分别为复古、甜美、简约,而纹理色调环境都是与我们生活中的环境、历史人文挂钩的, 所以在选择素材的时候,对号入座:先提取所需素材关键字,然后根据关键字拓展近义词、同义词等相关的词;通过不同关键字搜索出相同属性的素材图片。

2、色彩:色调、影调、色彩层次

A、色调

根据颜色明度的特征,我们可以把明度分为高明度、纯色、低明度。

高明度的色彩常用于儿童、女性、偏向于柔和的画面;纯色调的色彩饱和度高、色彩穿透力强,常用于电商大促营销的设计中,撞色也是高纯度的色彩对比形成的;低明度的色调常用于轻奢、品质、质感的设计页面中。这样划分之后我们就能根据产品的属性、外观等特性选择合适的搭配素材。

当明度确定了,那色相在冷色和暖色之间再选择一个大方向,然后去挑选素材,这样所选择的素材的色调就不会相差太远,后期调整起来会更容易。

B、影调(主要针对摄影图片素材)

影调是光照射物像所呈现的明暗层次倾向。对影调的设计就是对光线与明暗的设计,理解影调的性质有利于烘托画面的情绪,渲染主题。按照整体画面的明暗程度,影调分为高调、中间调、低调。按照画面中最亮部分与最暗部分的差值,影调又可以分为长调、短调、硬调。

高调洁净、飘渺、活泼明快,白到浅灰占画面的绝大部分,暗色只占小部分。

中间调平和、朴素、朦胧、含蓄,灰色占画面绝大部分。

低调深沉、稳重、跳跃,深色占画面绝大部分,亮色占小部分。

长调细腻、舒缓,色阶过渡均匀,层次丰富。短调局促、直率,色阶分明,具有较强的节奏感。硬调激烈、有力,色阶极少,对比强烈。

C、色彩层次

大家都知道太阳光通过三菱镜会被分成七种颜色,但很少有人去了解具体的差别。颜色是一种感觉,光是一种物质—电磁波。正是由于七种颜色的波长(电磁波)长短不一,所以造就了色彩丰富的物理世界。

观察上图,细心观察会发现,会发现近处的树木饱和度更高,远处的山头的树木饱和度低。这是由于物体反射了太阳的颜色(电磁波),距离远的颜色(电磁波)被大气中的微小分子所散射,当电磁波被眼睛捕捉到时会减弱很多,所以视觉上就会产生远近的空间关系。

再次把远景和中景的高光、中间调、暗部的颜色选择出来。近处的图像对比度更高,细节丰富;远处的图像对比度低,没有啥细节;所以在选择素材时选择相同对比度和饱和度的图片与画面会更融合。

根据上面几张摄影图分析,以及上面两张大神的合成图中也可以找到颜色变化的规律。总结为近处的色彩饱和高、对比高、细节丰富、立体感强,远处反之。所以选择合适色彩的素材放在画面近、中、远处让画面更有真实感。

3、光影:光的方向、光的环境

A、光的方向

特别是在合成场景中尤为重要,选择相同方向的光影图片融合会更加自然。

轮廓光,即逆光,帮助主光勾勒受光体的轮廓,使主体与背景分离,制造空间感。

顶光,光线来自被摄体的正上方,如中午的阳光,顶光会给人神秘、神圣的感觉。

底光,光线来自被摄体的下方,通常表现比较阴暗、恐怖的一面。

侧光vs正面光。侧光是指光源从被摄体的左侧或右侧射来的光线,侧光会让增强画面的立体感!例如左图中,由于光是从侧面过来,所以脸部和服装上都会形成明显的亮部和暗部,通过对比,立体感就强了。就好比女生爱美喜欢化妆,也会通过不同的粉底涂抹脸部,让五官更加立体,看起来则更加精致。

B、光的环境

(主要针对摄影图片、摄影产品)

强光VS柔光,强光的画面中物体立体感强,有明显投影,明暗交界线明显,如果拿出来做素材,光影难调整,只能与相同光影强度的图片或产品组合;而柔光的画面色阶过渡柔和,无明显投影,可以根据画面需求调整素材的光影强弱,收集素材时,尽量收集柔光素材,方便再次编辑。

室内VS室外,光线良好的情况下,室内的光感柔和,室外的光感强烈。(只有自然光的情况下)

阴天VS晴天,不同天气下的颜色、光影也会有所差别,所以同在室外也应该注意到图片中的天气变化。

除了要注意光的环境,还要了解光源,一切能够辐射可见电磁波的物体都可以称为光源,光源包括日光、闪电、火焰、荧光生物、人造光等。因为物体不发光,我们看到的物体都是反射了光源的光,所以不同光源下物体呈现的视觉效果就大不一样。

4、透视:视平线、拍摄距离

A、视平线

视平线,是透视的专业术语之一,就是与画者眼睛平行的水平线。常见的海平线、地平线都是视平线所在。

商品、模特在拍摄的时候就确定它的视平线,当把商品摆放在一个背景图中时,要保证商品的视平线与背景图的视平线保持一致,商品的融入才会更融洽。所以合成前需先找到商品的视平线,然后匹配背景图片。

简单说明透视的三种类型,方便大家去寻找视平线,首先是平行透视(即一点透视),一个立方体只要有一个面与画面平行,透视线消失于心点的作图方法,称为平行透视。

两点透视,一个立方体任何一个面均不与画面平行(即与画面形成一定角度),但是竖直的边线却垂直于画面,有两个消失点,称为成角透视,也称二点透视。

一个立方体任何一个面都倾斜于画面(即人眼在俯视或仰视立体时)除了画面上存在左右两个消失点外,上或下还产生一个消失点,因此作出的立方体为三点透视

上图一点透视、两点透视、三点透视的示意图会明白些。

那么,了解透视之后,商品的透视、背景的透视以及搭配小元素的透视在一个场景中都必须统一才会达到更加逼真的视觉效果。这样无疑又增加了一个筛选素材的条件,寻找素材难度+1。

B、拍摄距离

例如上图中有微距、中景、远景,选择素材时画面背景必须和产品相结合。微距拍摄的图片细节丰富、纹理清晰、色彩饱和度高、光影细腻;中景拍摄的图片细节相对较少,但有明显的光影方向;远景只有大概的轮廓,没有什么细节,光影方向不明确。

就如同上面这张海报一样,场景中需要有的近景、中景、远景,一般商品摆放在中景的位置,在选择素材时应选择合适比例和统一透视的素材,不统一的素材也可以后期处理,但是经过处理的素材总是没有原始素材的真实感强,或多或少会出现一些瑕疵,同时打造场景不仅是为了炫酷的视觉效果,更是通过场景体现商品的某个特性以及卖点,所以素材的风格属性也必须与商品的属性结合。

希望以上几点筛选图片的方法能够帮助到大家,谢谢。

更多精彩内容其他人还在看

UI设计师必看:详解最全面的组件化开发与设计指南

作为一个UI设计师,设计最重要的一点就是要符合产品功能逻辑,绝不是所谓的“好看”。而组件化的设计理念恰恰是最能帮助设计符合产品功能逻辑的,下面为大家带来详解最全面的组件化开发与设计指南,来看看吧
收藏 0 赞 0 分享

平面设计中相近性的应用技巧

相近性原则也取决于元素在背景上不同位置的放置,从而使人们获得各种不同的信息组合,而最清晰的效果就是利用白色背景来区分这些组合,今天为大家分享平面设计中相近性的应用技巧,来看看吧
收藏 0 赞 0 分享

相似的形状、颜色等其他特性在平面设计中的应用

在设计中相似的特性可以成为我们有力的工具,利用相似性,我们可以使两个相隔较远的元素在信息上联系起来,下面为大家详细介绍相似的形状、颜色等其他特性在平面设计中的应用,来看看吧
收藏 0 赞 0 分享

看看近30年奥斯卡最佳影片海报都长什么样子

今天为大家带来近30年奥斯卡最佳影片海报,看看都长什么样子,统计是从第59届奥斯卡开始的,因为之前的海报都太具有年代感了,对于设计朋友真的很值得过来学习,一起来学习吧
收藏 0 赞 0 分享

SVG格式的图片编辑修改方法

做分析的时候,经常会遇到一些SVG格式的图片,但SVG格式的图片并不能插入到Word文档中,并且需要按照期刊要求修改,怎么办
收藏 0 赞 0 分享

如何创造出好设计?教你利用坏图创造出好设计

虽然说一图胜千言,一张好图会说话。但在设计师的实际工作中,甲方不少,好图难得,碰到客户给的是烂图怎么办?还想不想要高端大气了?如果你的回答是肯定的,那就来看一下今天分享的这篇好文,实例分析,不纸上谈兵,文中涉及很多实用技巧,非常值得新手设计师阅读呢。
收藏 0 赞 0 分享

设计师必须知道的17个行业规则

设计这行摸爬滚打十几年,林林总总各行各业的客户接触不少,由于中国应试教育的不足,导致不少人对这一行业工作流程缺乏了解。本文就为设计师总结了17个行业规则,希望作为设计朋友认真阅读,这样在以后的工作中可以少走点弯路
收藏 0 赞 0 分享

如何才能做出有创意的作品 什么是好的创意

作为一名设计师,常常面对各种创意需求,但创意这种东西,在有限的时间之内,常常是没有创意的、没有灵感的,这让许多设计师苦恼抓狂。本文就向设计师朋友介绍如何快速打造有创意的作品的一些方法和发散思维的办法,希望能帮助到大家
收藏 0 赞 0 分享

图文搭配技巧:给照片配上文字的十个方法

图文搭配是是平面设计的基本功。给照片配上文字,与平面排版有相通之处,但因为偏重不一样,所以处理方式截然不同。本教程就为大家介绍十个图文搭配的技巧,教程比较实用,推荐过来与大家一起分享学习,希望大家喜欢
收藏 0 赞 0 分享

UI界面中首字母大写和小写有哪些优缺点呢?

UI界面中首字母大写和小写有哪些优缺点呢?对于很多朋友并不是很清楚,所以下面小编就为大家详细介绍一下,不会的朋友可以参考本文,一起来看看吧
收藏 0 赞 0 分享
查看更多