什么是构图?百度百科里是这么解释的:构图是一个造型艺术术语,即绘画时根据题材和主题思想的要求,把要表现的形象适当地组织起来,构成一个协调的完整的画面。
在设计当中构图的重要性可谓十分重要,有一句话说的好:确定好了构图板式,也就成功了一半。电商BANNER也不例外,首先我们来分析一下它的组成部分:一张电商BANNER基本有3部分组成, 产品、背景、文案。
常见的板式有3种,左文右图、左图右文,两边图中间文,下面通过5个案例给大家一一说明
1,左文右图式
左文右图式的文案排版非常经典,主标题字体粗,副标题字体细,上下主次分明,形成对比。
文案四四方方构架非常稳重,平衡。
2,左图右文式
左图右文式的排版也是淘宝BANNER中十分常见的,字体也是上粗下细,上大下小。下面的促销部分突出价格。
3,两边图中间文字的排版
在淘宝bannerhttps://www.fotor.com.cn/sheji/banner.html的设计中,也经常用文字在中间的排版,产品图一般是一边近景另外一边是远景,产生对比和呼应。同时文字在中间使得信息更加突出,让客户第一眼就能看到。
4,半透明框框的排版方法
在背景图比较复杂的情况下,文字直接打上去会显得太乱,所以我们可以直接画一个半透明的框框,如图所示。然后再在里面排文案,同时这样也可以增加画面的层次感。
5,斜切式构图
在淘宝BANNER设计中,斜切式构图会让画面显得时尚,动感活跃,但是画面平衡感不是很好控制,一般斜切式的文案倾斜角度最好不要超过30度,不然得歪着头阅读。另外根据阅读习惯,文字一般是往右上方的倾斜,文字这样有一种上升感
关于配色
刚开始做设计遇到的另外一个难题就是配色了,关于配色的技巧有很多,常见的有对比色,临近色,冷暖色调搭配多种方式,关于配色知识有很多,没有思路的时候大家可以去百度找一些配色色谱网站,还可以利用一些小工具如Kuler等。
我这里说一个最简单的方式,也是一种最快的方法。就是直接冲产品图上取色。
举个例子
根据模特身上的主色调确定文案颜色
选择合适背景+添加适当装饰
总结
在电商的BANNER设计中做好板式的平衡感,画面的饱满以及不同物体之间的对比关系。比如文字中大小对比,粗细对比,模特的远近对比等等。
并且文案中要说清这个宝贝的属性,给消费者带来的益处等,突出产品信息。关于文案大家可以伴读FAB法则看下。
如果没有思路怎么办?多看设计类的网站例如:花瓣网、站酷网、优设网等等,或者多看看国外的设计网站,积累自己的设计库,多看、多学、多临摹。量变才能产生质变。