插画风格横幅——插画有哪些艺术风格？

以上banner利用不同比例的色块组成Banner的背景，加上文字和文案，适合突出产品，如家居、服装、电子产品等。界面简洁但不白，能快速提取有价值的信息。选色要注意整体色感。

几何边界

简约往往给人一种冰冷、干净、现代的感觉。设计中使用的形状和元素很简单；所用的配色统一融合，色彩克制。质地更加细腻；结构上，留白，短/准/有核心价值和“气质”的常用，边框是重点，几何图形是永恒的装饰~。~

2.5D

空间几何的风格，通过搭建空间体，利用几何营造氛围，具有很强的空间代入感。这种工作稍微研究一下还是可以的。关键是创意的表达，这需要很大的努力。

2.5D风格在电商设计中非常流行，新颖实用，可以容纳很多内容，动态静态都可以，可以很好的连接两个屏幕和三个屏幕。受到一些大型促销活动的青睐，经常可以看到这种风格的首屏海报。

平面插图

简洁而不简单，去除繁琐的装饰效果，展现主题的核心表达。使用文字以外的图形或字符来帮助banner带来更直观的感觉。在文本中添加图形或字符可以使banner更有活力和感觉。这种类型的横幅广泛用于金融、教育和旅游。当然，如果插画能力还可以的话，所有行业用起来都不是问题。

颜色叠加

更通俗多变，整体视觉会相对年轻，使用的元素会相对更直接、清晰、直白；整体有一种干净、清晰、和谐的感觉。突出文字，用简单的图形装饰气氛。您可以使用纯色和渐变色来叠加背景色。选择大图的时候要注意。整体意境取决于色调和明暗。当然，最简单的就是选择一个干净整洁的底图。

颜色是有感情的，不同的颜色会给人带来完全不同的感受。所以我们在制作画面时需要根据主题进行色彩搭配，既合理又舒适，使横幅画面整体和谐。所以我们需要考虑要表达什么样的情感，希望用户看的时候有什么样的感受，表达的情感是否与主题一致。根据这几点来做配色更有目的性。

渐变纹理

微妙的渐变已经回归设计潮流。渐变背景，甚至是渐变的叠加，都能让你的横幅设计风格化。有了图片，有了纹理，有了文字，渐变可以给人多种体验。色彩丰富是它的特点。

不同于UI设计，在电商和广告Banner的设计中，纹理一直存在，甚至是很常见的元素。质感可以很好的提升整个横幅。

信息量和整体纹理。当然，在使用纹理的时候，不要让它们占了先机。

统计banner的设计元素/类型/风格/设计步骤。banner对于一个设计师来说绝对不是一个陌生的词。目前banner的需求基本涉及到各个行业领域。无论是网页端还是移动端，我们都随处可见banner的影子，所以掌握banner的设计是每个设计师必备的技能！

Banner(以及banner广告)是最早的网络广告形式，也是目前最常见的形式。横幅广告，也称横幅广告，是横跨网页的长方形公告板。当用户点击这些横幅时，他们通常可以链接到广告商的网页。它是显示商家广告内容的图片，放在广告主的页面上。是互联网广告中最基础的广告形式！

下面我们将从这几个方面来解释横幅:

一:横幅的组成部分

二:横幅的类型

三:横幅的风格选择

四:横幅设计步骤

一:横幅的组成部分

banner I的主要组成部分在这里简单总结了以下几点:

而banner的主要元素是:文案+元素+背景。

元素可以细分为:元素=商品+模特+logo+点缀(这里的元素需要根据banner的实际情况来选择，可选)。

如图所示:

(来自花瓣)

二:横幅的类型

我这里总结的banner类型主要分为:

01:产品推广横幅(新品、热销产品)

02:活动横幅(节日促销、产品促销)

这里把横幅简单的分为两种，因为不同的横幅的效果和目的是不一样的，所以我们需要设计不同风格的横幅。

对于产品推广的横幅，最重要的是突出产品的特点，所以我们对于横幅设计最需要的元素一定是产品和简短的文案介绍。至于点缀的元素，我们也可以根据实际产品的特点选择合适的元素，也可以不点缀，背景肯定是必不可少的！

01:产品推广横幅:

产品+文案+背景

例如:

(来自花瓣)

以上案例都是关于产品推广banner的设计风格。它们都有一个共同的特点，就是把产品放大再放大，表现出产品的特性。简洁的文案介绍和大量的留白突出了产品的特色，让用户的目光不由自主地被产品本身所吸引。

产品推广横幅:

产品+文案+元素+背景

例如:

(来自花瓣)

这种banner的特点是除了产品本身之外，还加入了一些其他元素作为banner的点缀效果，让画面更饱和或者更有动感！

那么问题来了

什么情况下在产品横幅设计中加入元素比较好？什么情况下不加元素好？

第一，在极其需要展示产品特性的情况下，我们最好选择不添加干扰产品的元素。

第二:对于简约的产品，我们最好不要加入装饰的元素，大量的留白更适合简约产品的风格。

02:活动类横幅

产品+文案+元素+背景

例如:

(来自花瓣)

对于活动类的banner设计，我们大多数人都会选择色彩鲜艳，画面饱和有冲击力，营造出活泼的氛围，这对于元素的加入也是必不可少的，因为对于活动类的banner设计来说，画面越活泼，活动力度就越大，会吸引更多的用户，尽可能突出活动的标题！

二:横幅的风格选择

横幅有各种各样的风格，但不同的横幅选择的风格肯定是不同的。不同风格的banner给人的视觉效果是完全不同的，恰当的搭配可以让banner更好的表达自己的特点和目的。

例如:

01:简约产品家居横幅的宣传横幅更适合简约干净的风格。

(来自花瓣)

02: banner，高端科技产品，选择有科技感的款式。

(通过科技的图形和色彩体现)

(来自花瓣)

03:时尚服装banner适合选择时尚图片的风格。

(体现在独特的造型和风格、图形和色彩等方面。)

(来自花瓣)

04: banner，高端奢侈品牌，适合高端大气的风格搭配。

(通过黑红、黑金等高档色彩体现。)

(来自花瓣)

05:少女\儿童可爱风横幅适合可爱风元素的选择。

(通过可爱的元素:插图、线条、气球、爱情、圆润的字体、充满活力的色彩等。)

(来自花瓣)

06:国风/文化/节日的banner更适合选择有文化气质的元素。

(通过中国笔触，中国古代元素:印章、中国山水画、水墨、扇子、剪纸、园林窗格、古代图案、祥云、京剧、卷轴等。)

(来自花瓣)

二:横幅设计步骤

01:理解和确定横幅的设计要求

02:定义横幅设计的目的

03:根据获得的横幅设计要求，确定横幅的设计风格。

04:选择合适的横幅设计布局结构

05:选择匹配元素装饰banner的整体效果(根据实际需要添加)

06:配色选择

01:理解和确定横幅的设计要求

对于设计需求的这种理解，无论设计前提是什么，都是必不可少的一步，也是最关键的一步。如果连设计要求都不知道，设计结果肯定不符合实际需求。

那么我们到底需要明确banner的设计需求是什么呢？

第一点:确定横幅设计文案。

文案对于设计师来说也是非常重要的一点。设计师可以从文案信息中找到设计灵感，知道大致的设计风格。

第一点:确定banner设计尺寸和投放平台。

文案确定后，我们还需要了解平台和位置、大小以及是否需要适应各个平台的展示。

02:定义横幅设计的目的

对于设计一个横幅来说，你在设计这个横幅之前一定是想达到某种目的，所以你一定要清楚这个横幅设计的目的是什么，比如你是想推广产品还是推广产品。两者性质完全不同。

03:根据获得的横幅设计要求，确定横幅的设计风格。

Banner的设计风格我们可以从banner对定位的文案要求中找到关键词，比如全语音智能操作的车载支架A5。

从这个主题文案中我们可以提出的关键词是:全语言，全智能。

对于这样的关键词的理解，我们肯定会想到智能科技时代的画面，所以我们就选这里的风格吧！

04:选择合适的横幅设计布局结构

Banner的设计布局结构大致可以分为:

中心结构、左对齐结构、右对齐结构

不同需求需求的banner结构需要根据实际情况选择！

05:选择匹配元素装饰banner的整体效果(根据实际需要添加)

我们还需要根据实际情况和产品横幅的特点，为横幅选择合适的装饰元素。比如产品简单的横幅就不需要装饰元素，而活动可爱或者少女儿童的横幅就需要选择装饰元素，不同形状的横幅装饰元素的选择也不一样(前面已经简单介绍过了，这里就不赘述了)。

06:配色选择

颜色的选择也很重要。不同banner选择的配色也不同。恰当的色彩搭配会让产品更突出或者图片更显眼，给人不一样的感觉。

例如:

*黑金搭配和黑红搭配会给人高级感。

*蓝、黑、紫等冷色，画面给人硬朗感、空间感、速度感、力量感，比较适合科技。

*红、橙、黄、紫会营造出温馨的氛围，更适合时尚和活动。

*黑白灰的搭配会给人一种冷得不敢靠近的感觉，比较适合大品牌的风格选择。

*白色和灰色的搭配会给人一种宁静、文艺、气质、优雅的感觉，比较适合选择简约的产品。

实际案例:

文案要求:

全语音智能操作车载支架A5

挥舞顺从的声音支架

使用科大讯飞AIUI人机交互解决方案，智能驾驶一下子就能来。

设计尺寸:1920x650px

设计目的:根据需求，横幅设计的目的是宣传新产品A5。

第一步:我们把文案信息和提供的产品放入画布。

第二步:明确我们的主标题“全语音智能操作车载支架A5”

所以我们放大主标题，突出主标题。

第三步:选择banner的风格，因为我们这里需要的是产品的智能化，所以我们的风格可以定义为科技化。

第四步:选择布局结构。这里选一个简单的左右结构吧！

第五步:选择装饰元素。装饰元素也要根据科技效果来选择，可以从文案中提取。比如这里我们可以提取:科技线条和图形，语音图形等等。

第六步:调整整体位置和配色。我们还将文本标题视为不同的层次结构，以使它们更加突出。字幕文案也是按照整体风格画面略加处理，让文案和画面更加和谐统一，包括周围因光线影响需要处理的产品。

最后会得到上面的横幅效果！设计了一个简单的科技感横幅！

好吧！今天的知识有点多，也比较全面！希望你喜欢！

往期推荐的好文章

—

版面设计-7种简单的图片排版方法

10创意线条图形海报设计

教你调色技巧，摆脱调色困境！

创新的海报设计理念

插画的艺术风格有哪些？1.平面插图

。平面插画比较通用，因为它简单直观，弱化了细节和透视，识别和可及性相对更快，符合年轻人对可爱和萌的审美要求，是最容易使画面呈现整体效果的技法；通常使用规则的或不规则的几何图形。

向量图形

要保留物体原有的识别形态，用大块的颜色，用简单的图形使主体形态更抽象或简单，适用范围比较广，比如海报、包装、banner、app闪屏、游戏界面等等。

2.渐变插图。

渐变插图的特点是大量低用。

饱和能力

渐变手法，在色彩运用上一般采用近似色；其丰富细腻的细节，写实的画面风格，稳重的视觉，让画面极具视觉感。

冲击力

还有层次感。其中，渐变插画细分为双色渐变、半透明渐变、网格渐变、渐变模糊等多种形式。

3.MBE插图

。这种插画风格的特点是简洁、圆润、可爱。一般有特粗暗线、q版卡通形象、圆形线条、矢量图线+面的设计风格。整体色调清新可爱，一般用于提醒图标和空白界面。

4.纹理插图。

纹理插画一般以平面绘画为主，最后融入纹理效果，最终呈现出一幅有纹理和光影效果的画面；这种画法一般不画线，大多以色块的明暗来区分各个元素；通过添加纹理、杂色等。，可以增加插画的层次和立体感，可以有效刻画作品的细节；给人很朴素的感觉，比较轻松随意；纹理中的颗粒感增加了图片的细节，使其更具吸引力，更具个性。

5.立体插画。

立体插画可以在二维空间中表现三维事物，给画面带来透视感和空间感，更好地传达信息。

6.笔画插图

。笔画插图可以简单理解为众多。

超薄面条

结合图标，相互呼应形成大图，多以笔画处理；多使用线条和笔触，整体画面比较干净整洁，在H5/App中经常使用；涂抹时注意笔画粗细对比，衡量是否符合套路。

7.剪纸插图。

剪纸风格插画是用剪纸制作插画，将分层的剪纸裁剪叠加，创造出不同的内容。与传统的平面插画相比，剪纸插画能使画面更有层次感和立体感，形式也更新颖有趣。

8.国潮插画。

国潮近年来备受推崇。简而言之，国潮是基于

中国文化

而且是时尚、风格、基调的结合，是传统与现代文化思想的碰撞，是东方美学的淋漓展现。所以插画结合了国潮文化，加速了图片的传播，有时尚感；同时也赋予了品牌更多的符号和文化价值。品牌可以借此机会在generate展示自己的无限魅力和营销潜力。

9.光影插图。

光影插画能将光影结合，将画面的氛围烘托到极致，是想象与现实的完美碰撞。通过明暗和阴影层次的变化，使视觉更加立体，从而形成立体图像，使画面更具吸引力和视觉空间感。

10.手绘插图。

手绘插画就是插画。

表现手法

最原始的一种，考验创作者的身体和绘画技巧；艺术设计语言通过运用手绘的肌理和图形直观地传达情感，可以让观众更直接地接受情感，形象直观，生活感真实，情感诉求迅速，比其他插画形式更有人情味。多用于艺术活动或动漫、海报设计，整体宣传休闲，很有生活气息，非常

吸引力