六个步骤细说电商banner图设计之色彩的奥秘.pdfVIP

六个步骤 ，细说电商banner图设计之色彩的奥秘 我们常常会说到做设计需要知道三大构 （色彩构 ／平面构 ／立体构 ），设计又可以分很多 个类别 ，比如网页设计 ／UI设计 ／电商设计 ／室内设计 ／工业设计等等 ，那对于电商设计有没有专 门的三大构 呢 ？至今好像没有看到 ，所以我想尝试着梳理一下我脑袋里的知识点 ，专门讲解一下 三大构 在电商设计中的运用 ，而今天我先从色彩在电商设计中的运用开始说起。 一、先了解普遍意义上的色彩是指什么 ？ （我讲这些理论的时候大家别睡着了 ，答应我 ，因为后面会越来越精彩 ～～） 简单点来说 ，色彩即颜色 ，颜色可以分 有彩色和五彩色两大类 ，看有彩色主要看色相 ／纯度 ／明 度三个方面的属性 ，无彩色也就是白色 ／黑色 ／各种深浅不同的灰色 ，也可以说无彩色是饱和度为 零色彩。 色相 ，即可以明确表示颜色色别的名称 ，比如红橙黄绿蓝靛紫 ： 色彩有冷暖之分 ，我大致用温度的概念标注一下 ，其中“0”是指中性色 ，“ －0”是指中性偏冷 ，“ ＋0” 是指中性偏暖 （这里的温度是我自己为了具体化冷暖的概念而标记的 ，主要是方便大家理解 ，所以 不用去纠结这个数值准不准确哈哈 ，你明白他们代表很冷 ／很热 ／一般冷 ／一般热就好了 ！～） 明度 ，就是指色彩的明亮程度 （通俗点讲 ，在某种色彩里添加的白色越多就越明亮 ，添加的黑色越 多就越暗 ）。 纯度 （饱和度 ），就是指色彩的纯净度 ，以红色举例 ： 如果大家想看更加原理理性的关于色彩的解说 ，可以自行去baidu或google哟 ，在这篇文章里大家 只需要了解上面几个知识点就好啦。 接下来我掐指一算 ！要想做好电商设计 ，最基础学问最大的当属Banner设计了 ，所以我们还是 从Banner设计开始说起 ，先回顾一下banner是由哪些部分组 的。 二、再回 一下banner的组成要素有哪些 ？ Banner组 要素包含4个方面 ：文案 、商品／模特、背景、点缀物 三、banner的作用作用是什么 ？ 宣传 ／展示 ／广而告之 ／准确传达信息 四、那么在Banner设计中影响到信息传达的有哪些因素呢 ？ 1. 整体画面的气质是否对路 2. 信息之间的层级关系是否准确 3. 是否考量了Banner所投放的环境 接下来 ，我们针对上面3个因素一个一个来讲解 ： 整体的画面气质是否对路 这里指的画面气质就是指给人传递出一种什么样的感觉 ，比如说用户看了你这个banner之后会感觉 它很热闹／很素雅 ／很高冷 ／很年轻有活力 ／很潮 ／很压抑 ／很恐怖 ／很高贵等等这些感觉 ，那么 下面我举几个例子 ： Banner举例 ：很热闹的画面气质 （关键词 ：低价促销 ／周年庆 ／节假日促销等搞活动的性质 ） 大家可能注意到上面两个Banner看起来非常热闹喜庆 ，是比较常规的热闹促销Banner ，除了各种 元素形式的动力感给画面增加了热闹感觉以外 ，最重要的是大面积的暖色给人热血沸腾的感觉。 我们举个例子 ，将这些Banner改变色相 ，得到下面2张图 ： 总结观察 ：画面由暖色变为冷色后 ，会发现热闹的画面气质锐减 ，所以 在表现热闹气质的Banner 设计中 ，除了画面形式比较活泼或者动感以外 ，我们也常借助大面积的暖色 （红 ／橙及附近区域 ） 来渲染热闹氛围 ，让人感觉喜庆或者热血沸腾 ，然后控制不住就买买买～ Banner 举例 ：很素雅 （关键词 ：森女系 ／棉麻类 ／文艺类 ／性冷淡风 ） 除了大面积留白给人素雅的感觉外 ，画面里的颜色都是是比较安静干净的灰色调 ，给人舒适素雅无 欲无求的感觉 ，使人感到舒心 ： 假如我给它调整饱和度 ，使之更加艳丽 ： 观察总结 ：大家感觉有什么变化没 ？是不是感觉变年轻活力了 ？不是那么沉稳和素雅了 ？仿佛一个 平和的35岁女人立马变 了20岁小姑娘 ～ 下面是几种常见的素雅的／森女系 ／文艺范色调举例 ： Banner举例 ：很高冷 （关键词 ：新品发布 ／国际大牌以及一切渴望表现自己性冷淡和极力想要装B 高冷一回的画面。。。 ） 画面中除去大面积留白以外 ，色彩上也是比较偏向于灰色调 ，且基本不会出现饱和度非常高或者非 常跳跃的颜色 ，浅灰色调同色系用色居多。 大家可以提取颜色看下 ： Banner举例 ： 年轻活力 （关键词 ：夏季主题 ／开学主题 ／校园主题 ／针对潮流小年轻的促销活动 等等 ） 色彩丰富多样 ，饱和度偏高 ，用色大胆 ，在这里 ，我们就不怕您用色超过3个色 ，只要你敢用想用 ， 多少色都可以 （迷之