美文网首页
Banner设计的技巧,你掌握了吗?

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

作者: 天蝎座的鱼懵懵 | 来源:发表于2018-11-20 11:31 被阅读0次

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

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

    最下方有福利哦~~~

    一、排版

    背景以倾斜的色块区分,文案位于中间。 背景以圆为基础,文案位于中间。 左边文案,右边图片。 左边图片,右边文案。 文案居中排布,两边大中间小。 文案居中,图片在左右两侧。 上面文案,下面图片。 上面图片,下面文案。 文案居中,背景呈放射状。 背景采用类似于流星的渐变圆角矩形。 采用圆形作为背景,不规则的分布。 文案居中,图片四周分布。 标题采用半圆状绕排。 标题居中,排于画面正中央。 标题采用斜体。 标题整体倾斜。 标题呈波浪状排布。 文案歪歪扭扭排布。 标题整体采用透视排布,最后消失于一点。 标题呈梯形排布。 其他类,根据画面比例,标题呈不规则排布。

    二、字体设计

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

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

    字体设计之钢笔造字

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

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

    梦里梦外 甜心萌主 情暖冬日  盛情钜惠

    字体设计之矩形造字

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

    夏天的味道 天下无双 我型我塑 欢乐大奖赛 购物最省钱 史上最不正经的西游题材手游

    字体设计之书法字体

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

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

    诗和远方 倩女幽魂 春风十里不如你 开创三国霸业 不负热血 仗剑一载

    字体设计之字库字体改造

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

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

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

    笔画删减 加入几何图形 笔画连笔 笔画代替 字内变形 笔画切割

    字体设计之字体特效

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

    加高光阴影增加立体感 加入质感 故障风 加底板 加入光效 加入主题相关元素

    三、色彩搭配

    色彩搭配在设计中非常重要,好的配色会让人非常舒服,日本有位设计师提出过配色黄金比例为70 : 25 : 5,其中70%是主色,25%是辅助色,5%是点缀色。一般情况下画面色彩不宜超过3种

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

    色彩搭配就是不同色相之间,相互呼应、相互调和的一个过程,色彩之间的关系取决于色相环上的位置,色相和色相之间距离的角度越近,则对比越弱,离得越远对比越强烈。

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

    色彩搭配之相邻色搭配

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

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

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

    绿+蓝搭配 蓝+紫搭配 橙+黄搭配

    色彩搭配之互补色搭配

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

    红+绿搭配 红+绿搭配 橙+蓝搭配 橙+蓝搭配 黄+紫搭配 黄+紫搭配

    色彩搭配之间隔色搭配

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

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

    红+黄搭配 黄+蓝搭配 绿+紫搭配

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

    感谢您能看到最后~

    以上图片来源爱集网~

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

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

    爱集网_搜索国内外设计素材分享-发现图片创意设计灵感​aiji66.com

    相关文章

      网友评论

          本文标题:Banner设计的技巧,你掌握了吗?

          本文链接:https://www.haomeiwen.com/subject/qmptqqtx.html