Hello大家好 欢迎来到虎课 ，我是设计师星山 ，上节课我们讲了有逼格的Banner版式 ，你学会了吗 ，没有看的朋友可以去看一下 ，今天我来给大家分享的是 ，装饰性元素的妙用 ，排版三十六计之装饰性元素的妙用 ，说到装饰性元素 ，我们前面有几节课程都有专门的讲 ，比如谜之短线、谜之英文、谜之线框 ，以及电商Banner的三个组成元素 ，等等 都是非常基础但又非常实用的技能 ，如果想学好排版 ，一定要看一下 ，其实在设计当中装饰性元素 ，并没有明确的划分 ，比如你说 这花纹 ，这画面当中这个花纹是装饰性元素 ，可以 这个英文 ，是作为装饰性元素的 也可以 ，比如你说这个毛笔字体 ，是装饰性元素 当然也可以 ，所以在我们 看设计作品的时候 ，不一定要明确的定位 明确的界定 ，什么是装饰性元素 ，所有的装饰性元素 ，都是为了服务画面的整体 ，整体视觉来存在的 ，因为你加了装饰性元素之后 ，肯定是要使整个视觉变得更加的完美 ，更加的好 更加的有设计感 ，这才是一个装饰性元素它本该存在的意义 ，如果在某些画面当中有的产品和模特 ，它们本身其实也是作为装饰元素存在的 ，所以以前没有看过我的课程的朋友 ，可以回去回过头看一下我的那几节课 ，比如排版三十六计之谜之线框、谜之英文 ，以及电商Banner的三个组成元素 ，好 今天我们的课程是一个综合性的课程 ，将会结合案例解析 ，以及实操案例来具体的给大家讲解一下 ，装饰性元素的妙用 ，

好 我们先看几个案例 ，在前面我们讲 电商Banner ，三个组成元素的时候 我们就讲过 ，无装饰性元素 和有装饰性元素的对比 ，我们可以看到 左边的是无装饰性元素 ，右边的是有装饰性元素 ，我们可以看到 ，左边的三个Banner和右面三个Banner ，之间的对比 非常的明显 ，第一个其实是在中间主体的情况下 ，周围没有装饰性元素的一个装饰 ，右边的是有了 ，有的话有这个装饰之后 ，我们可以明显的看到 ，整个画面会更加的一个饱满 ，更加的有设计感 ，也与整个主题更加的切合 ，而它本身是一个促销的Banner ，又有了这些元素之间的装饰之后 ，丰富了页面视觉也加深了整个促销的氛围 ，下面这也是一个促销的Banner ，通过这些圆点的一个 ，圆点与色块的一个对比 一个装饰 ，让整个画面更加的活跃 ，因为它的主题就是全民爱运动 ，运动 要活跃起来 ，以及最后一个我们可以看到 ，它这个装饰元素 ，其实就是我们常说的花纹 ，左边的是背景就是单纯的一个背景 ，就是没有任何花纹的一个装饰 ，右边就是添加了花纹 ，而且花纹又是从 画面主体 ，这个模特身上穿的衣服的花纹 ，而变形得来的 ，所以它有整个画面的风格特别统一 ，让整个画面这个产品更加的印象深刻 ，烘托了这个产品 ，所以我们可以看到 ，有装饰元素的Banner ，

要比没有装饰性元素的Banner更好 ，来我们看 下一个案例 ，我们看这个案例 ，这个案例我们看到 ，是非常优秀的一个Banner ，我认为是做了一个非常不错的Banner ，它运用了线框 以及短线 ，还有英文装饰 等等一系列的 ，一个小的装饰性元素 ，通过这些装饰元素 ，和模特之间 ，文案之间的一个搭配 ，让整个画面更加的有设计感 ，而且又能极大限度的凸显出 ，产品的一个 形态与面貌 ，在这里我们可以看一下回顾一下 ，前面我们讲的谜之线框它的一个作用 ，谜之线框的一个作用就是 有三个作用 ，强调、关联、分割以及修饰 ，在这里 其实也是用到了几个作用 ，它的几个作用 ，关联分割 比如我们把这个文案 ，与模特之间相关联 修饰 ，当然它也是与服务画面的整体视觉 ，通过这个红色的线框 ，与右边的这个红色的一个方块对比 ，还有中间这个利益点 ，整体的一个蓝色调冷色调 ，加上了这些红色的一个装饰 ，显得更加的突出 ，所以也是一个点睛之笔 ，我们看到这些英文以及这些短线搭配 ，短线 它的三个作用也是 ，第一个是标示重点 ，第二个分割信息 ，第三个丰富视觉 ，当然在这里 它只是作为一个 ，分割信息和标识重点的作用 ，标的重点就是 ，上面这英文 就是热搜的意思 ，

分割信息就是 ，分割上面的这一块英文 ，以及下面的主标题 ，与利益点 之间的分割 ，也是非常的好 运用的非常的 ，所以这种 ，它们的这种装饰性元素的运用 ，我们可以多多借鉴一下 ，我们来看下一个 ，这个是一个比较潮流的 ，比较时尚的 一个Banner ，我们可以看到 ，它们当中有很多装饰性元素 ，比如 最大的装饰性元素 ，是它的背景的一个 纹理的设计 ，或者是直接说是它背景的一个图案 ，还有我们看四周这两边的一个英文 ，还有这个#号 英文以及这个短线斜杠 ，还有 这个白色底的英文 ，以及这边的一些日期 ，还有一些短线的应用 都是非常的好 ，让整个画面左右平衡感特别的强 ，也设计感特别的强 ，使得整个Banner的视觉更加的大牌 ，有欧美的范 ，在突出重点方面 ，它们运用了一个比较亮的蓝色 ，来突出了它们想突出的重点 ，比如初始架构 ，立即购买 以及它们的时间点和利益点 ，通过这些装饰性元素的对比 ，以及它们的搭配 ，让我们看到一个比较优秀的 Banner ，以及比较优秀的一个服装Banner ，我们来看下一个 ，我们都可以明显的看到 ，也是非常的有个性的一个Banner 非常好 ，比如它两边的这些英文的一个句子装饰 ，以及运用了点线面中的线 的一个斜杠 ，

一个斜线两个斜线 ，看似比较 随意的两个斜线 ，其实也突出了这个 模特身上的一个 ，突出了模特以及它身上的一个产品 ，然后字体方面 ，它们用了英文的字体 ，以及英文的装饰 ，还有一些小的小细节的装饰 ，英文的装饰 ，它应该是卖的是这个 牛仔裤的一个吊带 ，通过牛仔裤这个材质的纹理 ，镶嵌到英文字体当中 ，让人更加的能带入到这个画面当中来 ，所以也更能让整个画面视觉更提升档次 ，我们来看下一个 ，这个 画面非常有层次感 ，同时它运用了一个英文的装饰元素 ，以及 文理背景的一个装饰性元素 ，看起来也是非常的不错 ，好 我们来看这个 ，这个应用的也是 我们常规的方框短线 ，以及文字的装饰 ，还有一些笔触的装饰 ，所以整体看起来非常的与众不同 ，我也是非常喜欢 这种设计方式 ，创意形式 ，就是不按常规的来 ，就是能给人留下很深的印象 ，我们来看这一个案例 ，这一个案例 猛一看其实 ，留白很多 然后仔细看 ，没有什么装饰性元素在其中 ，但是我们 再看一下 ，因为为什么这么简单 ，它们用了一些花纹 ，然后以及一些短线的一个指示的作用 ，

比如这个短线 春柳明翠 ，这个短线的一个指示 ，新品尝鲜 ，以及下面的这个优惠 来引出了优惠 ，当然了我们看到这边的一 ，一个翠鸟的 还有一些树枝 ，其实它也是可以作为装饰性元素存在的 ，整体来说非常简单 ，但是又非常的有创意 ，我觉得还是非常不错的一个Banner ，好我们来看这个 这个案例 ，整体来说它就是极大运用到 ，英文元素的一个作用 ，比如这边、这边、这边、这边 ，还有下面一些 ，比较小的一个装饰性元素 ，一些小的时间 ，然后一些小的注释 都是服务于整个视觉 ，让整个视觉更加的饱满 ，设计感更加的强 ，也能提升了作者 ，也能提升就是吸引消费者的注释 ，以及提升了 画面当中主体的一个 ，好我们来看下一个 ，我们看这个 ，其实我把这些Banner作为案例存在 ，来给大家讲解 ，其实就代表我是非常赞同它们使用的方法 ，以及设计的画面的呈现方式 ，都是我比较赞同的 ，比如在这里用了英文元素的一个装饰 ，还有短线的一个分割 ，分割还有标示重点的一个作用 ，下面运用了一个加号 ，也作为一个小小的装饰在其中 ，让整个下方不至于那么的空旷 ，在整体是非常 ，背景一个红色的背景之下 ，然后整个画面当中 ，是一个穿着绿衣服的 ，

墨绿色衣服的一个模特 ，使得整个这个图片非常的有突出感 ，非常突出 与背景有一定层次的一个对比 ，主标题是用一个黑色的框 ，来然后 这不是主标题 ，这是一个 就是吸引点击的地方 ，吸点击的一个导购条 用了黑色的底 ，然后黄色的字 ，黄色的字 同时也是利用了 ，模特身上的一个 ，大面积的装饰性的一个黄色 ，这样是就使得整体更加的统一 ，而不至于特别的突兀 ，然后这边有个短线 ，其实这也是标示重点 提示重点的一个作用 ，提示了2017春装新品合集 ，以及下面的一些小的英文的一个注释 ，一些英文的内容 ，都是作为装饰性元素存在的 ，等等 这一系列的装饰元素 ，结合在一起 就形成了这么一个 ，非常有创意的 ，非常有特点的一个创意Banner ，我们来看下一个 ，这个Banner 乍一看非常的简单 ，但是我为什么要把它作为一个案例来讲解 ，因为我们待会的一个实操案例 ，会用到这里面的一个小作用 ，比如这一个 在整体的一个背景之下 ，它用了一个白色框 ，这个白色的框既凸显出了 ，一个文案与模特之间的一个分割点 ，也同样的能让整个画面与背景 ，更加的有层次 ，白色与背景这些灰色更加的有层次 ，让整个画面不是平板一块 ，让它有了层次感 ，

这是就是它非常好的地方 ，然后它们的装饰性元素我们也能看得出来 ，其实就是用了一些颜色色块以及小的方框 ，还有一些英文的注释 ，