电子商务视觉设计 第2版 第2章 电商网站视觉配色设计.ppt

* * * * * * * * * * * * * * * * * * * * * * * * * * * * 大多数人对色彩画面的敏感度强于文字，同时色彩是通过人的印象或者联想来产生心理上的影响的，而配色设计的作用就是通过改变空间的舒适程度和环境气氛来满足人们各方面的要求。如何正确地进行视觉配色设计是电商视觉设计者必备的技能。 电商网站视觉配色设计 第2章 2.1 目录 CONTENTS 2.2 2.3 网店页面的配色方案 2.1 想要自己的网店脱颖而出，视觉设计至关重要。在网店视觉设计中，最能吸引消费者的显性因素是色彩。不同的色彩产生的生理和心理效应不同，不同的商品也有不同的色彩特性。因此，在网店视觉设计中，只有将色彩搭配运用得恰到好处才能制作出独特的艺术效果。 2.1.1 色搭原则七要素 渐进配色是指按色相、明度、艳度三要素有序地排列。其特点是即使色调沉稳，也很醒目，尤其是色相和明度的渐进配色。 渐进配色 01 明度的渐进配色 2.1.1 色搭原则七要素 对比配色是指用色相、明度或艳度的反差进行搭配，有鲜明的强弱感。 对比配色 02 对比配色 2.1.1 色搭原则七要素 色调配色是指具有某种相同性质（冷暖调、明度、艳度）的色彩搭配在一起，色相越全越好，最少也要三种色相以上。 色调配色 03 彩虹色调配色 2.1.1 色搭原则七要素 近似配色是指选择相邻或相近的色相进行搭配。如果是单一色相的浓淡搭配，则称为同色系配色。 近似配色 04 近似配色 2.1.1 色搭原则七要素 单重点配色是指让两种颜色形成面积的大反差。其实，单重点配色也是一种对比，相当于一种颜色作底色、另一种颜色作图形。 单重点配色 05 单重点配色 2.1.1 色搭原则七要素 如果两种颜色比较接近，看上去不分明，就可以将对比色加在这两种颜色之间，增加强度，整体效果会很协调。最简单的加入色是无色系的颜色和米色等中性色。 分隔式配色 06 分隔式配色 2.1.1 色搭原则七要素 高明度或鲜亮的冷色与低明度的暖色配在一起称为夜配色或影配色。它的特点是神秘、遥远，充满异国情调、民族风情。 夜配色 07 服装夜配色 2.1.2 色彩的联觉聚焦图片 不同色彩的心理感受与联想 2.1.2 色彩的联觉聚焦图片 零食商品的不同色调对比 色彩对购买行为的影响 2.1.3 网店风格的形成要素 常见的店铺风格有简约清爽型、商业型、炫酷型、可爱型和特色型等。 店铺的主要风格 01 简约清爽型店铺 商业型店铺 炫酷型店铺 可爱型店铺 特色型店铺 2.1.3 网店风格的形成要素 女装风格：可划分为韩式风格、淑女风格、嬉皮风格、波西米亚风格、田园风格和民族风格等。 产品的情绪 02 韩式风格 淑女风格 嬉皮风格 波西米亚风格 田园风格 民族风格 2.1.3 网店风格的形成要素 产品的情绪 02 传统风格 商务休闲风格 运动休闲风格 英伦风格 时尚休闲风格 男装风格：可分为传统风格、商务休闲风格、运动风格、英伦风格和时尚休闲风格等。 2.1.3 网店风格的形成要素 店铺的主题气氛主要通过店铺的配色和装饰来烘托。 以国庆节为主题的店铺配色大多采用红色，然后通过灯笼和烟花等元素来体现国庆节的节日气氛。 以七夕节为主题的店铺大多采用紫色、粉色等可以表达浪漫和甜蜜的色彩，然后使用鹊桥等元素来体现七夕的节日气氛。 活动的主题气氛 03 店铺的主题气氛 2.1.3 网店风格的形成要素 网店主题色调应该与商品特性相符合或者与目标消费群体的特性相符合。 如果网店主营 18～30 岁的女性时尚服饰，那么比较适合的主题色就应选偏粉色、红色的柔和浪漫色系。 如果网店主营手机、相机等数码类产品，那么蓝色、黑色和灰色系往往会给消费者理智、高贵、沉稳的感觉。 店铺的包装色彩 04 偏粉色系 偏蓝色系 2.1.3 网店风格的形成要素 VI（视觉识别）配色是指在网店配色中提取 VI 或包装中的主色彩，主要分为单色 VI、双色 VI 和多色 VI。 如果店铺 Logo 为单色，那么单色 VI 配色方案就以该颜色作为整个店铺的主色或辅色，这样可以使整个店铺看起来上下呼应、干净利落。 如果店铺 Logo 由两种颜色组成，那么双色 VI 配色方案就以其中一种颜色作为店铺的主色调、另一种颜色作为辅色。 如果店铺 Logo 由三种及三种以上颜色组成，那么多色 VI 配色方案就以其中一种颜色作为店铺的主色调，其余颜色作为辅色。 VI配色 05 网店页面的配色误区 2.2 店铺的装修对其销售的帮助非常大，越来越多的卖家已经认识到这一点。在店铺装修时，千万要注意颜色的