成都恒图科技有限责任公司

计算机软硬件开发;信息技术咨询服务;数字内容服务等。

全国服务热线:

18086841975

搜索中心

     
联系我们
  • 成都恒图科技有限责任公司
  • 联系人:段江
  • 电话:028-85145711
  • 邮件:wangpingao@fotor.com.cn
  • 手机:18086841975

详细资料

新闻中心

无基础制作电商淘宝BANNER

浏览次数:24  发布时间:2017-09-20  返回列表

 首先构图

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

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

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

1,左文右图式

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

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

2,左图右文式

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

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

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

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

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

5,斜切式构图

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

关于配色

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

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

举个例子

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

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

总结

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

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

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

广告

版权所有:Copyright © 2024 成都恒图科技有限责任公司. 电话:18086841975

地址:成都市高新区科园二路航利中心 访问量:2787 技术支持:亿企商贸