91选校培训网 > 上海培训机构 > 上海非凡进修学院

上海非凡教育教您掌握设计构图六招式,稳中求变!

来源:上海非凡进修学院 日期:2020-01-03 17:54 浏览:33

导读:做设计基本都是做给外行人来看,别人印象深刻了,客户喜欢了,就是好图。而客户往往就会有“这个看起来好普通”,“这个没啥深刻印象”,“这个图不凸显产品”等的说法。其实很多客户的看法还是有一定道理的,而我们如何让设计不普通,看起来不“二维”,尤其是在扁平风的设计中体现出“三维”来,就是要构造画面的立体结构,凸显层次。下面,来介绍几种既简单又提升设计档次的方法。

1、利用蒙版让元素互相嵌套环绕


就是你中有我,我中有你,一个蒙版就能解决,文字嵌入到模特或者产品中去,平面的文字立马立体化,比如这样的:



这样的,要注意文字的识别度,不能遮盖太过。



还有这样的,但是,需要注意细节,比如前面的元素要有投影映在后方。所以,元素交界的地方一定要处理好投影的细节。


2、矛盾空间立体字


这种方法,实训课我们也会有讲解,用文本工具直接打出来的文字都是二维的,与立体是不沾边的。但是,可以把笔画柱体化,一个一个柱体组起来的文字一定是三维的。如果,再配合空间的矛盾性,视觉效果一定不错。若添加一些小元素让柱体活起来,那空间感就更形象了,比如这样的:



把文字笔画的柱体城市化显得更形象。



还有这样的,这是一个学员做的专题头图,让文字与建筑融合到一起,更加和谐。


3、文字笔画互相叠加


把文字当做一个整体,而笔画是组成整体的小元素,每个笔画独立,有上层、有下层,只需在上层和下层交界的位置添加投影即可。方法简单,效果明显,比如这样。



让文字像纸张一样蜷曲,也是让笔画互相叠加的一种方式。



还有这样,既有文案创意,又有结构层次。


4、近大远小做透视


这种方法用C4D来做会更容易一些,三维空间建模,材质,灯光等做出来会更自然一些,就是把物体有一个大小的变化,有一个透视的处理,再处理下明暗细节就可以了。比如这样的,就是利用C4D做出来的。



这样的,这是学员的一个作品,用ps完成,通过立体形状的大小来体现远近和明暗处理来体现空间层次。



还有这样的,扁平化的形状做透视,三维空间也能出来。


5、折纸风


折纸风比较适合用于扁平化风格里面,只需注意颜色的深浅变化和形状的前后关系即可,一般用来排版文字,比如这样的。



这样的,这是学员的一款作品,折纸风的文案创意别有一番风味。



还有这样的,折纸风环绕模特,文案既紧凑,又有结构层次。


6、添加投影


在空间环境下才会有影子。所以,反过来说,有投影了就体现出空间层次了,我们放进来的产品容易不进行二次处理,就会觉得产品有点飘,放的位置不踏实,加上投影以后能让画面重心更稳,比如这样的。



这样的,这是学员的一个作品图,鞋子的影子映在文字上,这样前后关系里面体现出来了。



还有这样的,下面这个图的投影加的很妙,给人感觉一抹阳光透进来,很惬意很温暖,而构造这个画面的的氛围全靠投影。



综上所述,画面太平其实不要觉得很难改,只要在细节和排版上稍作调整即可。可以调整文案,可以精修产品,也可以完善背景。简单来说,以上主要介绍了:环绕、立体、透视、叠加、折纸、投影六种方法。后面,大家的设计把这些方法用进来看看是不是好很多。


声明:部分图片来源网络,若有侵权请联系小编更正!


【web网页设计讲师】张老师

多年前端项目实战经验;

做过三百多个大小各类的网站;

曾独立负责过多个项目(包括客户沟通、设计、前端);

如大瀚建筑设计/美设国际/中美仕家/好一家浦东中环商办项目/上海酒超网。



回馈新老学员活动享不停,如此优惠只为你!

↓↓↓
总结:赶紧报名学习吧!让自己也成为一个大神,要报名的同学请直接联系我们的在线老师哦!还想了解更多资讯请直接点击链接:https://www.zgxledu.com/edu/feifanedu.html

相关课程 更多>