1. 首页

版式干货:—单靠一张图,就能做出多种设计方案?

如果客户只给你一张图,让你做出多个方案来,你会怎样做?今天给大家分享“一图多用”,如何最大限度地使用图片变换出不同的版式风格。而关于图片的处理方式,其实可以总结出很多种。下面我们来通过一个案例来示范如何进行“一图多用”。下面会通过4种方式变化出不同的版式。即便客户提供一张图片又或者一句话,只要将各视觉元素进行合理地编排,把控画面的视觉平衡,就是一个好的设计方案。

如果客户只给你一张图,让你做出多个方案来,你会如何做?最近给你们分享“一图多用”,如何最大限度地使用图片变换出不同的版式风格。关于“一图多用”,首先要考量到图片有多少种处理方法,然后再结合文字编排构图布局、色彩配色以及其它视觉元素进行辅助润色。(如下图)

版式干货:—单靠一张图,就能做出多种设计方案?

而关于照片的处理方法,其实可以总结出众多种。例如对图片的颜色进行微调;以及将截图转换为插画形式;又甚至把图片置入在几何图形中等等。甚至图片的大小、摆放位置、视觉角度或者与文字的搭配等都影响着版面的差异。下面我们来借助一个实例来示范怎样进行“一图多用”。

案例示范

版式干货:—单靠一张图,就能做出多种设计方案?

这是本案的图文,设计主题是关于一场设计的演讲分享会,设计格调没有限定,要求设计一张H5人物海报。下面会借助4种方法差异出不同的版式。

版式干货:—单靠一张图,就能做出多种设计方案?

①置入几何图形

版式干货:—单靠一张图,就能做出多种设计方案?

版式干货:—单靠一张图,就能做出多种设计方案?

解析:

将图片放在锥形、三角形、方形或其它不规则图形中,文字以居中的形式对齐,图文以中心构图编排,配色以蓝橙进行互补搭配。细节处理:为了丰富画面,可以添加细节处理,例如圆形的蒙版,文字添加色块等。

版式干货:—单靠一张图,就能做出多种设计方案?

②图压文编排

版式干货:—单靠一张图,就能做出多种设计方案?

版式干货:—单靠一张图,就能做出多种设计方案?

解析:

将图片进行渐变映射处理,放大放置版面的右边,标题文字放大放置于版面左侧,注意文字之间的字重调整,再以图压文的方式编排。细节处理:添加线和背景肌理的素材强化整体的层次感。

版式干货:—单靠一张图,就能做出多种设计方案?

③与色块结合

版式干货:—单靠一张图,就能做出多种设计方案?

版式干货:—单靠一张图,就能做出多种设计方案?

版式干货:—单靠一张图,就能做出多种设计方案?

版式干货:—单靠一张图,就能做出多种设计方案?

版式干货:—单靠一张图,就能做出多种设计方案?

解析:

当场景发生空洞或单调时,且在没有其它素材添加的状况下,添加有效的色块是一种花最少的时间来提升版面率的方法,而且能降低色彩层次,提高画面丰富感。将多种色调与图片进行叠压能产生丰富的层次感,给予用户强烈的视觉体验。

④简单的构图布局

版式干货:—单靠一张图,就能做出多种设计方案?

版式干货:—单靠一张图,就能做出多种设计方案?

版式干货:—单靠一张图,就能做出多种设计方案?

解析:

构图的主要作用是将视觉元素安排在适合的比重上,从而产生平衡的触觉感,因此构图在海报设计上能起到重要的作用。而海报的构图形式主要体现为四种:上下构图、左右构图、对角构图和中心构图。

上图运用了中心构图,图片放置于场景中央,文字则使用居中对齐,与照片产生显著的中心构图。再搭配紫和绿的互补色进行搭配,让场景具有将来主义的视觉感。

版式干货:—单靠一张图,就能做出多种设计方案?

总结:

设计的利用就是旧元素新组合,要学会加减法的方法利用。即便用户提供一张照片又甚至一句话,只要将各视觉元素进行合理地编排,把控场景的视觉平衡,就是一个好的设计方案。不过,道理是这种说,能不能设计出好的作品,还得还要大量的训练和累积的经验。

原创文章,作者:设计网,如若转载,请注明出处:http://www.shejiwz.com/?p=948

发表评论

邮箱地址不会被公开。 必填项已用*标注

联系我们

181-3885-0759

在线咨询:点击这里给我发消息

邮件:295310592@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息