《电子商务视觉设计》PPT课件（共11章）第1章初识电商视觉设计.pptxVIP

第1章初识电商视觉设计电商视觉设计近年来受到了国内各大企业和知名品牌的高度重视，特别是在以淘宝天猫为代表的电商平台中，电商视觉设计理念运用得非常广泛，效果也很明显。本章将介绍一些电商视觉设计的基础知识，如视觉设计的概念、电商视觉设计前的准备和电商视觉设计的黄金构图法等。目录CONTENTS电商视觉设计的黄金构图法电商视觉设计前的准备什么是视觉设计1.21.31.11.1什么是视觉设计视觉设计是针对眼睛功能的表现手段，通俗地说就是通过一些设计让产品的视觉效果更加出彩。因为这些设计是针对我们眼睛的特点进行的，所以又被称为视觉设计。视觉设计大体上可分为视觉识别设计和视觉传达设计，下面将分别对其进行介绍。1.1.1 视觉识别设计 视觉识别设计来源于企业形象识别系统（Corporate Identity System，CIS）。 企业形象识别系统一般分为三个方面：企业的理念识别（Mind Identity，MI）行为识别（Behavior Identity，BI）视觉识别（Visual Identity，VI） 视觉识别系统规范手册就是用来规范企业形象设计的图书，内容主要分为基本设计要素和应用设计要素两个部分：基本设计要素包括企业名称、企业标志、标准字体和标准色彩应用设计要素是基本设计要素在企业旗帜、员工制服、商品包装、名片证件等媒体上应用时的规范CIS的构成1.1.1 视觉识别设计 视觉识别设计最初只是为了设计一套能够将自己与其他企业区别开来的标识系统，后来逐渐演变为企业文化的外在表现部分。 宝马标志的演进1.1.2 视觉传达设计视觉传达设计 视觉传达设计是以视觉媒介为载体，以文字、图形和色彩作为创作要素，利用视觉形象传达特定的信息给受众，从而对被传达对象产生影响的过程。视觉传达的作用是让人与人之间利用“看”的形式进行交流。红白装圣诞老人形象1.2电商视觉设计前的准备电商的视觉设计从形式上看都是利用视觉手段吸引消费者和提高销售的，但是目前大多数网店装修偏重于设计，核心内容是视觉展示。从大多数网店的实际运营效果来看，一味追求视觉效果的结果往往不够理想，虽然设计了足够美观的页面，销量却没有显著提升。在视觉设计前，应该进行自身分析，先对网店有一个视觉定位，并且要明确视觉规范的作用。1.2.1 网店的视觉定位营销型网店的视觉定位营销型网店的视觉定位原则在于营造促销氛围。营销型网店1.2.1 网店的视觉定位品牌型网店的视觉定位 品牌型网店的视觉定位原则是突出品牌优势。品牌型网店1.2.1 网店的视觉定位服务关系型网店的视觉定位服务关系型网店的视觉定位原则是包装服务形象。服务关系型网店1.2.2 明确视觉规范的作用统一识别 视觉规范可以确保网店在整体风格、售前售后服务和产品包装形象等方面都保持整体风格的一贯性，既有利于消费者识别和区分店铺，也可以避免消费者在浏览时出现理解困难，甚至是理解错误的现象视觉规范的意义节约资源 除了活动海报等个性模块之外，其他的页面和模块也参照规范进行设计，可以极大地减少设计时间，从而达到节约资源的目的重复利用 设计相同属性的模块或页面时，执行视觉规范有利于减少无关的信息，方便消费者的阅读和信息传递。同时，视觉规范也有利于美工人员之间的协 调工作。标准化的视觉规范不仅可以节约设计时间，还可以避免出错1.3电商视觉设计的黄金构图法在现实生活与自然界中，几何图形的美几乎随处可见，简单的三角形、正方形、长方形、圆形甚至几根线条就可以组成很多有趣的图形，很符合现代审美的要求，并且适当的画面切割能给页面带来动感与节奏感。在页面中加入几根线条或几个块，就能起到意想不到的效果。构图方法大致可以分为对称切割构图法、组合切割构图法、整体场景构图法、多重切割构图法、简单切割构图法、流程构图法、放射构图法和物体轮廓构图法。1.3.1 对称切割构图法 对称切割构图法的前提一般是将内容分为对立的两部分，（将整个页面一分为二），划分明确。 这种设计具有视觉冲击力，可以使画面具有平衡不失重的效果。1.3.2 组合切割构图法 组合切割构图法是通过集中而有规律的排列从整体上抓住人们的视觉，让整个页面设计更具有立体感。 这种构图方式适合每个区块中的内容属于平级关系产品的展示，能够保持各种内容的并列关系，让布局更具创意。1.3.3 整体场景构图法 整体场景构图法专题内容不多，适用于促销、节日、活动等页面。 在设计这种页面时，设计人员的头脑中对专题内容要有画面感，首先搭建大的画面关系，再往里面添加细节和内容。切记场景不要抢了内容的视觉焦点，在适当的时候可以做些减法。1.3.4 多重切割构图法 多重切割构图法的构图不规则，稳定而锐利，可以让单一的页面变得生动、复杂的页面变得时尚，避免画面出现生硬感，不宜产生审美疲劳。 不同的形状和排列呈现出