设计中图片的处理方法

  • A+
所属分类:经验思维

本文来源: 王猛奇(公众号:我是设计湿), 共 1405 字

图片处理是许多同学的困惑,我们平时做设计无非是和图片图形文字颜色打交道,图片往往占了一个很大的比重。这次文章我们从常用的图片分类来帮助你更清晰的理解图片的多种形式应用,希望对于你日常拿到一张图茫然不知所措的状况有所改善。

我们先来看图片的应用分类,我这里分了五种,严格来说是四种,因为矩形图片要归类到几何图片中,这里故意分成了五类是因为矩形图片基本上是我们平时用到得最多的一种图片应用类型,所以我单独区分出来,让它自成一类。

设计中图片的处理方法

先来看矩形图片的常用应用方式。矩形图片是最常见的一些方式,因为设计师日常拿到的图片形式就是矩形图,也就是未经裁切和设计的图片形式。

  • 优点是易于排版,整齐秩序。
  • 缺点是灵活度较低,形式感不足。

设计中图片的处理方法

第二个大类是轮廓图,也就是我们需要抠图才能得到的图片形式。和矩形图片一样,它的应用也是最普遍的一种。

  • 优点是能背景干净,重点突出。
  • 缺点是面积感不够强烈,排版时需注意整体的秩序,很容易导致画面散乱。

设计中图片的处理方法

第三种是半轮廓图。很容易理解,也就是没抠完的图,这不是偷懒,相反,哪里应该抠,哪里应该留,是需要根据画面去分析得到。

  • 优点是可以创造空间上的层次感或是形式感。
  • 缺点是这类图的形式趣味性更强一些,不是所有的项目都适用。

设计中图片的处理方法

第四个类别是几何图片。也就是几何形状的图片形式,可以是圆形,椭圆形,多边形,平行四边形等。

  • 优点是趣味性和形式感十分强烈,可以创造较为丰富的版面结构。
  • 缺点是排版难度较大,因为图片形式越是复杂,在版面当中与其它的图形文字就越是难以配合,考验功底。

设计中图片的处理方法

第五种是不规则图片,图片的轮廓往往形式多样,涉及创意表达。一般来说在ps当中用剪切蒙版来操作,当然也有其它方式可操作。是典型的一种1+1=3的案例形式,即用一个图片加另一种轮廓形式,创造图片形状。

  • 优点是可发挥性较强,考验脑洞及联想能力。
  • 缺点是操作难度高,画面排版难以把控。

设计中图片的处理方法

那么上面我们介绍了这五大类别的图片应用形式,大家现在应该已经有了一个较为全面的影响。但是在实际操作当中,图片往往也可能结合文字信息,结合图形来处理,结合颜色来进行处理。我将它统称为图片排版样式。

设计中图片的处理方法

在平时欣赏设计作品的时候,大家可以按照这种思路进行样式收集,那么在真正的设计工作当中,就会有一个图片形式处理素材库,可进行快速借鉴,快速处理图片。帮助是非常大的。

设计中图片的处理方法

下面我们有一个案例简单示范一下。做一张手机端淘宝店铺页面。

那么拿到图片和信息文字之后,首先就是要合理分布设计板块,按照重要层级依次排列。我首先规划了一个三栏的区域划分。

设计中图片的处理方法

整理好了对应和区域版块和文案之后,我们开始来放置图片和文案。

这一步我们也要开始进行设计,包括颜色搭配和文字选择,或一些小元素的点缀。先来看衣服分类版块专区。这里一定要注意,图片的占比要绝对统一,形成绝对的秩序感,清晰直观。

设计中图片的处理方法

下来我们设计首图,这一板块主要传达文案和基础调性。如果是重要的文案信息,就尽量让它清晰直观一些,快速传达有效信息。

设计中图片的处理方法

下来是优惠券版块,注意重要信息放大,次要信息缩小。配色与形式点缀贯彻到底,不要来回变化,会显得版面混乱。

设计中图片的处理方法

然后是奖品区域。注意整个版面我就这里出现了一次抠图。剩下得都是矩形排版。图片越多的地方,越是要秩序排列。

设计中图片的处理方法

那么剩下的都是模特衣服展示图片和价格。我们按照提前划分好的区域依次放置即可。一个小技巧,为了让图片的节奏不那么呆板,我这里的图片选择了重复一个半。

设计中图片的处理方法

那么每个板块都完成之后,下来我们看一下最终的整体效果展示。

设计中图片的处理方法

效果图展示

设计中图片的处理方法


  • 版权声明:本文源自 王猛奇(公众号:我是设计湿), 共 1405 字。
  • 转载请注明,本文链接:设计中图片的处理方法

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: