电商视觉设计（上篇，共上下2篇）.pptxVIP

第1章初识电商视觉设计了解视觉设计的定义了解电商视觉设计前的准备工作掌握电商视觉设计黄金构图法学习目标

目录什么是视觉设计1.1电商视觉设计前的准备1.2电商视觉设计黄金构图法1.3

1.1什么是视觉设计视觉识别设计1视觉传达设计2

1.1什么是视觉设计1视觉识别设计CIS的构成:

1.1什么是视觉设计1视觉识别设计宝马标志的变革

1.1什么是视觉设计2视觉传达设计 视觉传达设计是以视觉媒介为载体，以文字、图形和色彩作为创作要素，利用视觉形象传达特定的信息给受众，从而使被传达对象产生影响的过程。

1.2电商视觉设计前的准备网店的视觉定位1明确视觉规范的作用2

1.2电商视觉设计前的准备1网店的视觉定位营销型网店

1.2电商视觉设计前的准备1网店的视觉定位品牌型网店

1.2电商视觉设计前的准备1网店的视觉定位服务关系型网店

1.2电商视觉设计前的准备2明确视觉规范的作用统一识别1节约资源2重复利用3

1.2电商视觉设计前的准备2明确视觉规范的作用统一识别 可以确保网店在整体风格、售前售后服务和产品包装形象等方面都保持整体风格的一贯性，既有利于买家识别和区分店铺，也可以避免买家在浏览时出现理解困难，甚至是理解错误的现象。

1.2电商视觉设计前的准备2明确视觉规范的作用节约资源 除了活动海报等个性模块之外，其他的页面和模块参照规范进行设计可以极大地减少设计时间，从而达到节约资源的目的。

1.2电商视觉设计前的准备2明确视觉规范的作用重复利用 设计相同属性的模块或页面时，执行视觉规范有利于减少无关的信息，方便买家的阅读和信息传递。同时，视觉规范也有利于美工之间的协调工作。标准化的视觉规范不但可以节约设计时间，还可以避免出错。

1.3电商视觉设计黄金构图法对称切割构图法01简单切割构图法05组合切割构图法02流程构图法06放射构图法07多重切割构图法04物体轮廓构图法0803整体场景构图法

1.3电商视觉设计黄金构图法1对称切割构图法

1.3电商视觉设计黄金构图法2组合切割构图法

1.3电商视觉设计黄金构图法3整体场景构图法

1.3电商视觉设计黄金构图法4多重切割构图法

1.3电商视觉设计黄金构图法5简单切割构图法

1.3电商视觉设计黄金构图法6流程构图法

1.3电商视觉设计黄金构图法7放射构图法

1.3电商视觉设计黄金构图法8物体轮廓构图法

课后练习题请列举几个除宝马公司之外，其他企业导入视觉识别系统的案例。请列举几个采用黄金构图法的电商视觉设计案例。请淘宝有哪些信誉好的足球投注网站皇冠店铺，分析此类店铺在视觉设计上的共性与优势。请结合本章内容并结合实例说明品牌型网店与营销型网店在视觉定位上的区别。

第2章电商网站视觉配色设计了解掌握色搭原则七要素掌握色彩联觉现象的定义了解网店风格的几大形成要素了解网店页面常见的配色误区学习目标

目录网店页面的配色方案2.1网店页面的配色误区2.2网店的整体配色案例2.3

2.1网店页面的配色方案色搭原则七要素1色彩的联觉聚焦图片2网店风格的形成要素3

2.1网店页面的配色方案1色搭原则七要素渐进配色对比配色色调配色近似配色单重点配色分隔式配色夜配色

2.1网店页面的配色方案2色彩的联觉聚焦图片

2.1网店页面的配色方案2色彩的联觉聚焦图片主要以浅紫色为主，好像与我想要购买的零食形象色彩不搭调，这种图片应该不是我需要的。不在关注图片中的信息与内容，放弃点击主要以橙黄色为主，与我想要购买的零食形象相匹配，说不定正是零食相关的图片，我要继续了解一下。继续关注图片信息，并可能执行点击操作

2.1网店页面的配色方案3网店风格的形成要素店铺的主要风格1活动的主题气氛3店铺的包装色彩4VI配色5产品的情绪2

2.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网店风格的形成要素产品的