Banner设计的技巧,你掌握了吗?

今天,给设计狮们送福利啦~

给大家奉上banner设计方法总结~

最下方有福利哦~~~

Banner设计的技巧,你掌握了吗?

一、排版

Banner设计的技巧,你掌握了吗?

背景以倾斜的色块区分,文案位于中间

Banner设计的技巧,你掌握了吗?

背景以圆为基础,文案位于中间

Banner设计的技巧,你掌握了吗?

左边文案,右边图片。

Banner设计的技巧,你掌握了吗?

左边图片,右边文案

Banner设计的技巧,你掌握了吗?

文案居中排布,两边大中间小

Banner设计的技巧,你掌握了吗?

文案居中,图片在左右两侧

Banner设计的技巧,你掌握了吗?

上面文案,下面图片

Banner设计的技巧,你掌握了吗?

上面图片,下面文案

Banner设计的技巧,你掌握了吗?

文案居中,背景呈放射状

Banner设计的技巧,你掌握了吗?

背景采用类似于流星的渐变圆角矩形

Banner设计的技巧,你掌握了吗?

采用圆形作为背景,不规则的分布

Banner设计的技巧,你掌握了吗?

文案居中,图片四周分布

Banner设计的技巧,你掌握了吗?

标题采用半圆状绕排

Banner设计的技巧,你掌握了吗?

标题居中,排于画面正中央

Banner设计的技巧,你掌握了吗?

标题采用斜体

Banner设计的技巧,你掌握了吗?

标题整体倾斜

Banner设计的技巧,你掌握了吗?

标题呈波浪状排布

Banner设计的技巧,你掌握了吗?

文案歪歪扭扭排布

Banner设计的技巧,你掌握了吗?

标题整体采用透视排布,最后消失于一点

Banner设计的技巧,你掌握了吗?

标题呈梯形排布

Banner设计的技巧,你掌握了吗?

其他类,根据画面比例,标题呈不规则排布

二、字体设计

字体设计在平面、视觉、运营设计中占有举足轻重的地位,这些年来,随着字库设计行业的发展,关于字体侵权的案件也是层出不穷,使用未授权字库字体,很有可能收到字库公司的律师函。

所以要么花费高额的费用购买字体授权,要么自己动手设计字体。接下来将从五个方面详细说一下字体设计的方法。

字体设计之钢笔造字

钢笔造字,顾名思义,就是利用软件的钢笔工作进行字体的重设计。

以下几幅作品均采用了钢笔造字的技巧,钢笔造字对钢笔造型能力要求较高,需勤练习。

Banner设计的技巧,你掌握了吗?

梦里梦外

Banner设计的技巧,你掌握了吗?

甜心萌主

Banner设计的技巧,你掌握了吗?

情暖冬日 盛情钜惠

字体设计之矩形造字

矩形造字,矩形造字俗称方块拼接法,就是利用软件中的矩形工具来拼接字体的笔画结构,通过切割相连达到字体的设计感。由于汉字是方块字,横平竖直,所以给矩形造字提供了条件,以下是矩形造字的案例。

Banner设计的技巧,你掌握了吗?

夏天的味道

Banner设计的技巧,你掌握了吗?

天下无双

Banner设计的技巧,你掌握了吗?

我型我塑

Banner设计的技巧,你掌握了吗?

欢乐大奖赛

Banner设计的技巧,你掌握了吗?

购物最省钱

Banner设计的技巧,你掌握了吗?

史上最不正经的西游题材手游

字体设计之书法字体

书法字体在中国风、游戏、文艺等类型的海报或者banner中非常常见。书法字体的设计主要分为两种,一种是直接用数位板书写,这种事相对于字写得不错的设计师;另一种方法是利用现有字库字体通过调整锚点修改笔锋、替换笔触、利用笔刷等方式进行设计,这种方法如果设计的好是非常漂亮的。

下面是一些书法字体作品在实际商业设计中的运用。

Banner设计的技巧,你掌握了吗?

诗和远方

Banner设计的技巧,你掌握了吗?

倩女幽魂

Banner设计的技巧,你掌握了吗?

春风十里不如你

Banner设计的技巧,你掌握了吗?

开创三国霸业

Banner设计的技巧,你掌握了吗?

不负热血

Banner设计的技巧,你掌握了吗?

仗剑一载

字体设计之字库字体改造

在商业设计中,由于时效性及效率问题,更多设计师会选择利用现有字库字体进行改造,这也是非常方便快捷的一种字体设计方法。

常见的方法有增删笔划、加入几何图形元素(如三角形)、笔画连笔、笔画代替、笔画切割、字内变形等技法。

下面列举了一些商业案例中常见的利用现有字体进行改造的案例。

Banner设计的技巧,你掌握了吗?

笔画删减

Banner设计的技巧,你掌握了吗?

加入几何图形

Banner设计的技巧,你掌握了吗?

笔画连笔

Banner设计的技巧,你掌握了吗?

笔画代替

Banner设计的技巧,你掌握了吗?

字内变形

Banner设计的技巧,你掌握了吗?

笔画切割

字体设计之字体特效

通过以上方法把字体设计好了之后还不够,在有些场景下还需要加入一些特效,使字体更加融入画面。下面是一些常见的banner中使用的字体特效案例。

Banner设计的技巧,你掌握了吗?

加高光阴影增加立体感

Banner设计的技巧,你掌握了吗?

加入质感

Banner设计的技巧,你掌握了吗?

故障风

Banner设计的技巧,你掌握了吗?

加底板

Banner设计的技巧,你掌握了吗?

加入光效

Banner设计的技巧,你掌握了吗?

加入主题相关元素

三、色彩搭配

色彩搭配在设计中非常重要,好的配色会让人非常舒服,日本有位设计师提出过配色黄金比例为70 : 25 : 5,其中70%

是主色,25%是辅助色,5%是点缀色。一般情况下画面色彩不宜超过3种

一般来说颜色用的越少画面越简洁,作品会显得更加成熟,而且颜色越少越容易控制画面。

Banner设计的技巧,你掌握了吗?

色彩搭配就是不同色相之间,相互呼应、相互调和的一个过程,色彩之间的关系取决于色相环上的位置,

色相和色相之间距离的角度越近,则对比越弱,离得越远对比越强烈。

Banner设计的技巧,你掌握了吗?

Banner设计的技巧,你掌握了吗?

对于设计新人来说,只需要记住6种基础色相即可

色彩搭配之相邻色搭配

相邻色,就是色相环中挨着比较近的就是相邻色,也叫邻近色

根据红橙黄绿蓝紫这六个颜色顺序,相邻色就是红+橙,橙+黄,黄+绿......以此类推。

相邻色因为色彩比较接近,有较强的关联性,非常协和柔和,画面也比较和谐统一,可以制造出一种柔和温馨的感觉,不过因为在色相环中位置比较近,所以这种搭配视觉冲击力较弱。

Banner设计的技巧,你掌握了吗?

绿+蓝搭配

Banner设计的技巧,你掌握了吗?

蓝+紫搭配

Banner设计的技巧,你掌握了吗?

橙+黄搭配

色彩搭配之互补色搭配

在色相环中相邻180°的2种颜色称为互补色,互补色是颜色搭配中,对比最强烈的搭配,根据红橙黄绿蓝紫这6个顺序,红+绿,橙+蓝,黄+紫都属于互补色。互补色对比过于强烈,除特定场景下,互补色搭配需慎用

Banner设计的技巧,你掌握了吗?

红+绿搭配

Banner设计的技巧,你掌握了吗?

红+绿搭配

Banner设计的技巧,你掌握了吗?

橙+蓝搭配

Banner设计的技巧,你掌握了吗?

橙+蓝搭配

Banner设计的技巧,你掌握了吗?

黄+紫搭配

Banner设计的技巧,你掌握了吗?

黄+紫搭配

色彩搭配之间隔色搭配

根据红橙黄绿蓝紫这6个顺序,间隔色就是红+黄,黄+蓝,绿+紫,蓝+红,因为这种搭配方式中间都间隔了一种颜色,因此称为间隔色,间隔色在色相环中相隔120°。

间隔色介于邻近色和互补色之间,比邻近色视觉冲击力强,同时又没有互补色那么刺眼,所以间隔色在设计过程中很常用,由其是西红柿炒鸡蛋的红+黄的黄金搭档,在金融、电商等行业中很普遍。

Banner设计的技巧,你掌握了吗?

红+黄搭配

Banner设计的技巧,你掌握了吗?

黄+蓝搭配

Banner设计的技巧,你掌握了吗?

绿+紫搭配

关于颜色搭配还有很多规律及方法,以后会慢慢探索~

感谢您能看到最后~

以上图片来源爱集网~

爱集网是一个设计及教程于一体的设计类网站,还有AI查找图片的功能,彩色配色等等~

对设计狮来说是一个福利网站哦~


分享到:


相關文章: