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