<strong>We're sorry but chuangkit doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
当前位置: 创客贴 > 平面设计教程 > 当前文章
高端大气banner模板修改技巧
12/25/2017 06:02:12 1425

首先构图

什么是构图?百度百科里是这么解释的:构图是一个造型艺术术语,即绘画时根据题材和主题思想的要求,把要表现的形象适当地组织起来,构成一个协调的完整的画面。

在设计当中构图的重要性可谓十分重要,有一句话说的好:确定好了构图板式,也就成功了一半。电商BANNER也不例外,首先我们来分析一下它的组成部分:一张电商BANNER基本有3部分组成, 产品、背景、文案。

常见的板式有3种,左文右图、左图右文,两边图中间文,下面通过5个案例给大家一一说明



1,左文右图式

左文右图式的文案排版非常经典,主标题字体粗,副标题字体细,上下主次分明,形成对比。

文案四四方方构架非常稳重,平衡。



2,左图右文式

左图右文式的排版也是淘宝BANNER中十分常见的,字体也是上粗下细,上大下小。下面的促销部分突出价格。



3,两边图中间文字的排版

在淘宝BANNER的设计中,也经常用文字在中间的排版,产品图一般是一边近景另外一边是远景,产生对比和呼应。同时文字在中间使得信息更加突出,让客户第一眼就能看到。



4,半透明框框的排版方法

在背景图比较复杂的情况下,文字直接打上去会显得太乱,所以我们可以直接画一个半透明的框框,如图所示。然后再在里面排文案,同时这样也可以增加画面的层次感。



5,斜切式构图

在淘宝BANNER设计中,斜切式构图会让画面显得时尚,动感活跃,但是画面平衡感不是很好控制,一般斜切式的文案倾斜角度最好不要超过30度,不然得歪着头阅读。另外根据阅读习惯,文字一般是往右上方的倾斜,文字这样有一种上升感。

关于配色

刚开始做设计遇到的另外一个难题就是配色了,关于配色的技巧有很多,常见的有对比色,临近色,冷暖色调搭配多种方式,关于配色知识有很多,没有思路的时候大家可以去百度找一些配色色谱网站,还可以利用一些小工具如Kuler等。

我这里说一个最简单的方式,也是一种最快的方法。就是直接冲产品图上取色。

举个例子



根据模特身上的主色调确定文案颜色



选择合适背景+添加适当装饰



总结

在电商的BANNER设计中做好板式的平衡感,画面的饱满以及不同物体之间的对比关系。比如文字中大小对比,粗细对比,模特的远近对比等等。

并且文案中要说清这个宝贝的属性,给消费者带来的益处等,突出产品信息。关于文案大家可以伴读FAB法则看下。

如果没有思路怎么办?多看设计类的网站例如:花瓣网、站酷网、优设网等等,或者多看看国外的设计网站,积累自己的设计库,多看、多学、多临摹。量变才能产生质变。

PS: 当看完这篇文章是不是迫不及待想要练练手啦?打开创客贴,马上开启你当设计之旅。

也希望这篇文章可以帮到大家,么么哒~


消息通知