电商视觉设计教程-第2章-电商网站视觉配色设计

了解掌握色搭原则七要素掌握色彩联觉现象的定义了解网店风格的几大形成要素了解网店页面常见的配色误区学习目标目录网店页面的配色方案2.1网店页面的配色误区2.2网店的整体配色案例2.32.1网店页面的配色方案色搭原则七要素1色彩的联觉聚焦图片2网店风格的形成要素32.1网店页面的配色方案1色搭原则七要素渐进配色对比配色色调配色近似配色单重点配色分隔式配色夜配色2.1网店页面的配色方案2色彩的联觉聚焦图片2.1网店页面的配色方案2色彩的联觉聚焦图片主要以浅紫色为主，好像与我想要购买的零食形象色彩不搭调，这种图片应该不是我需要的。不在关注图片中的信息与内容，放弃点击主要以橙黄色为主，与我想要购买的零食形象相匹配，说不定正是零食相关的图片，我要继续了解一下。继续关注图片信息，并可能执行点击操作2.1网店页面的配色方案3网店风格的形成要素店铺的主要风格1活动的主题气氛3店铺的包装色彩4VI配色5产品的情绪22.1网店页面的配色方案3网店风格的形成要素店铺的主要风格1商业型店铺简约清爽型店铺2.1网店页面的配色方案3网店风格的形成要素主要以浅紫色为主，好像与我想要购买的零食形象色彩不搭调，这种图片应该不需要的。在关注图片中的信息与内容，放弃点击。炫酷型店铺简约清爽型店铺2.1网店页面的配色方案3网店风格的形成要素特色型店铺2.1网店页面的配色方案3网店风格的形成要素产品的情绪2韩式风格淑女风格2.1网店页面的配色方案3网店风格的形成要素波西米亚风格嬉皮风格2.1网店页面的配色方案3网店风格的形成要素产品的情绪2田园风格民族风格2.1网店页面的配色方案3网店风格的形成要素产品的情绪2中国风格商务休闲风格2.1网店页面的配色方案3网店风格的形成要素产品的情绪2运动休闲风格英伦风格2.1网店页面的配色方案3网店风格的形成要素产品的情绪2时尚休闲风格2.1网店页面的配色方案3网店风格的形成要素活动的主题气氛3国庆节七夕节2.1网店页面的配色方案3网店风格的形成要素店铺的包装色彩4偏粉色系偏蓝色系2.1网店页面的配色方案3网店风格的形成要素VI配色5单色VI双色VI多色VI2.2网店页面的配色误区色彩过多1背景和文字对比不强烈2过分强调色彩的刺激度32.2网店页面的配色误区1色彩过多2.2网店页面的配色误区2背景和文字对比不强烈2.2网店页面的配色误区3过分强调色彩的刺激度2.3网店的整体配色案例选用黄色作为食品店铺的店招背景，可以刺激浏览者的食欲，引导消费者购买店铺中的产品选用黄色的商品图，与导航栏的颜色相呼应，给人一种上下统一的视觉感受选用灰色作为店铺的主色调，可以更好地凸显产品的诱人与美味2.3网店的整体配色案例店铺商品配色店铺页面辅色设计店铺页面主色设计2.3网店的整体配色案例011.店铺页面主色设计新建空白文件创建参考线2.3网店的整体配色案例021.店铺页面主色设计填充颜色填充矩形2.3网店的整体配色案例设置导航栏颜色012.店铺页面辅色设计022.店铺页面辅色设计设置店招与导航栏2.3网店的整体配色案例013.店铺商品配色导入主商品图2.3网店的整体配色案例023.店铺商品配色制作商品图2.3网店的整体配色案例033.店铺商品配色创建并填充矩形2.3网店的整体配色案例043.店铺商品配色导入图像并输入文字2.3网店的整体配色案例043.店铺商品配色制作其他部分2.3网店的整体配色案例053.店铺商品配色完成店铺页面制作课后练习题请列举几个近似配色和色调配色的设计案例。请分析色彩的联觉现象对数码类产品的影响。为男装店铺进行首页整体配色设计，效果如右图所示。请分别列举炫酷型、可爱型和特色型的店铺风格设计案例。