《电子商务视觉设计》PPT课件（共11章）第2章电商网站视觉配色设计.pptxVIP

第2章电商网站视觉配色设计大多数人对色彩画面的敏感度强于文字，同时色彩是通过人的印象或者联想来产生心理上的影响的，而配色设计的作用就是通过改变空间的舒适程度和环境气氛来满足人们各方面的要求。如何正确地进行视觉配色设计是电商视觉设计者必备的技能。目录CONTENTS网店的整体配色案例网店页面的配色误区网店页面的配色方案2.22.32.12.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 网店风格的形成要素04店铺的包装色彩 网店主题色调应该与商品特性相符合或者与目标消费群体的特性相符合。如果网店主营 18～30 岁的女性时尚服饰，那么比较适合的主题色就应选偏粉色、红色的柔和浪漫色系。如果网店主营手机、相机等数码类产品，那么蓝色、黑色和灰色系往往会给消费者理智、高贵、沉稳的感觉。偏粉色系偏蓝色系2.1.3 网店风格的形成要素05VI配色 VI（视觉识别）配色是指在网店配色中提取 VI 或包装中的主色彩，主要分为单色 VI、双色 VI 和多色 VI。如果店铺 Logo 为单色，那么单色 VI 配色方案就以该颜色作为整个店铺的主色或辅色，这样可以使整个店铺看起来上下呼应、干净利落。如果店铺 Logo 由两种颜色组成，那么双色 VI 配色方案就以其中一种颜色作为店铺的主色调、另一种颜色作为辅色。如果店铺 Logo 由三种及三种以上颜色组成，那么多色 VI 配色方案就以其中一种颜色作为店铺的主色调，其余颜色作为辅色。2.2网店页面的配色误区店铺的装修对其销售的帮助非常大，越来越多的卖家已经认识到这一点。在店铺装修时，千万要注意颜色的运用及色彩搭配，因为不合理的色彩搭配反而会造成负面影响。下面将详细介绍常见的网店页面的配色误区。2.2.1 色彩过多 有的店铺页面把尽可能多的色彩都搬了上来，同一个页面上色彩众多，多种色彩同时使用令人眼花缭乱，造成了版面复杂、混乱的视觉效果，对消费者获取和理解信息毫无帮助，反而带来了负作用。 因此，在设计配色时，要有一种主色贯穿其中。主色不一定是面积最大的颜色，也可以是最重要