020-29815005
预约专线时间:09:00-23:59

在电商设计中要怎么处理素材图片

新闻来源:优漫教育 日期:2021-09-27
在电子商务设计中可能遇到朋友这样的情况,就是手里拿着一大堆材料图片,但怎么拼也拼不出理想的效果来,别说高大上的了。这篇文章给大家解答这个问题,根据图片的数量不同,也有相应的处理方法。前面的电子商务设计干货预警,快来看看吧!
 一、单张图表设计。

  单张图画最大的好处就是画面拥有唯一的主角,只需在其周围添加一些辅助元素以丰富画面。素材图片的具体处理方法有很多种,我们将逐一分析。

  (1)大图平铺。

  版式中最常见的一种,充分利用了大图视觉冲击力强的特点。像杂志封面这样的设计风格,在服装,时装类的电商设计中,常常能看到。多加入一些类似手写的元素,会给画面增添活力。若图片质量特别高,主体突出,那么请选择大图铺模式。


UI设计培训


  (2)缩小,留白四周。

  假如您的设计需要有更多的文本元素,那么您可以尝试留白模式。把原来的图片缩小,在周围留有空隙,这样可以为文案和其他装饰性元素留出很多空间。相对于铺满图片,这种处理方法更容易塑造出自己想要的画面风格,例如下面的照片风格,以及播放器效果。相对于大图平铺方式,周围留白会使图片的展示空间变小,视觉冲击力变弱,适用于图片本身质量并不高的情况。

  (3)靠边。

  这样介绍前两种方式,既让图片有较大的展示空间,又让画面有变化,便于文字排版。图象的位置改变,会给图象带来许多灵活性。

  (4)遮蔽。

  遮蔽实际上是另一种留白方法,利用一块板去遮住一部分画面,可留出视觉空间,以处理其他内容,如文案等。另一种遮蔽效果就是文字蒙版,把整个图像嵌入到文案中,让图片和文案合二为一,这样的效果经常出现在海报上。


  二、双图编排。

  双图式的排版大概可分为两种情况:一是同比例对称排列,优点是整齐。二是对等排列,优点是能够有大小对比,更容易突出焦点。

  (1)对称排列。

  排版方法最基本,优点是工整,一目了然。要注意的是,对称排列的两个图表需要有一定的相关性,可能是风格相似,或内容相关,以便让使用师了解两师的关系。前后对称排列,对比十分鲜明,也常用于电影海报中,用来体现正邪对峙的情节张力。

  (2)连线。

  尽管同样对称的排列,但也可以通过文字和其他的设计元素来连接二师。还可使用最基本的点线面元素串连整个画面。在电子商务的设计中常常会采用这种材质的图片。

  (3)尺寸对比。

  多数情况下,我们的图片需要有一个角色来集中展示。通过尺寸对比来实现这一点。这类场景图在电商设计中常能见到的是基于VS的设计。亦可为商品放大,与整体体验效果对照。

  (4)绘画方式。

  以一个图形为背景,将另一个图形放置在画面中央,形成画中画的效果。这既能多角度展示商品,又很有趣。


  三、多图设计。

  与之前的单张和双排版相比,多图排版显然更加困难。另一方面,多图排版带来了更多的变化,电商设计师有了更大的发挥空间。

  (1)格子布局。

  正如其名所示,就是把方格划得整齐,把相片整齐地塞进去。这一方法最大的特点是简洁、简洁。为克服网格式图片排版过于单调的缺陷,可在文字排版时,采用手写体,或破版的方式,增加画面活力。

  (2)自由分割。

  假如觉得格子式的排版实在太单一,我们可以根据网络添加改变,如缩小各个版块间的大小对比,每个模块也不需要限制在矩形等等。可根据情况自由改变。拼合的照片要多个图片,最好的色调一致,这样就不会使整个图像过于混乱。

  (3)几何形状。

  几何体形体一般能给人以规律性、有据可依的感觉,同时在视觉上也能有所改变。因此,把几幅图像按照某种几何造型的方式排版,是一种很好的处理方法。在平面招贴画中,常可见到采用几何形状分割图像,再嵌入图像。在电子商务的设计中还经常使用几何造型来拼图。

  (4)散乱.拼贴:

  前几种方法更侧重于拼图的形式感,用户一眼就知道画面是有规律的,是有意识地安排好的。但还有另一种更为自由的拼图方法,那就是把几张图片非常随意地散开在画面上,呈现出源自于由.的感觉。比方说普通的日系风,常常把一组不同的图片,错落分布在一页上,然后通过精巧的文字排版把整幅画面连结起来。这是一种多方面的拼贴,最好的方法是有关联的,以不同的角度结合起来,组成一个整体,这样看起来更有故事。另一种拼贴方法就是散开的相片效果,很自然,在时装类或服装类的设计中,常使用这种形式。