电商视觉设计教程.docx

第1章初识电商视觉设计 学习目标 ● 了解视觉设计的定义 ● 了解电商视觉设计前的准备工作 ● 掌握电商视觉设计黄金构图法 目 录 1.1 什么是视觉设计? 1.2 电商视觉设计前的准备 1.3 电商视觉设计黄金构图法 1.1什么是视觉设计 视觉识别设计 1.1什么是视觉设计 1视觉识别设计 经营理念、发展战略 “CIS” 的构成； MI精神标语、企业文化 MI 价值观念、道德标准 员工教育、礼仪规范 CIS Bl 公共关系、促销活动 标志、字体、颜色 企业旗帜、员工制服 1.1什么是视觉设计 1视觉识别设计 宝马标志的变革 BMW 192319161936 1923 1916 1.1什么是视觉设计 2 视觉传达设计 视觉传达设计是以视觉媒介为载体，以文字、图形和色彩作为创作要素， 利用视觉形象传达特定的信息给受众，从而使被传达对象产生影响的过程。 1.2 电商视觉设计前的准备 网店的视觉定位 明确视觉规范的作用 1.2 电商视觉设计前的准备 1网店的视觉定位 Adult Products-店长推荐 新品 送39元钱包 送钱包+卡包+香包 新品 送39元钱 送钱包+卡包+香 营销型 网片 复古期流时尚女包2017春夏新款手提包单肩斜跨小包百据青年女式包折扣价：￥59 复古期流时尚女包2017春夏新款手提包单肩斜跨小包百据青年女式包 折扣价：￥59 . 00 价格+168.00 已售：3229件 折扣价：￥69 . 00 价格+188.00 已售：3229件 1.2 电商视觉设计前的准备 1网店的视觉定位 品型 网片 1.2 电商视觉设计前的准备 1网店的视觉定位 不合适 不喜欢 不满意 务 关 系 型网点 0x0 运费我来! 帮您购买运费保险，寄回运费由保险公司承担! 7天无条件 退换货售后有保障 本店所售产品严格接梳国家 选规正规经营，7天无理由 退换货，售后结心有保理。 100%实物拍摄 实现同购完美体验 产品图片均为专业扭像机 照，为每一件商显都提 供100%实样的高清所数 鸦照片。 物流与发货 保证产品完全送达 本店款认监递、申逐快 递，发其他快递请主动 联系客编满补盖价： 每天17:00之前付款的 订单，当天发货( 动 金牌客服一对一 金牌客服 一对一贴心服务 品牌正品官方授权 有什么不册白的请联系 客服，我们一对-全心 报务，客细在线时间： 周— 周日9:00-24:00 本店所售高品均为品度 正品。郑重承诺载一物 十，请放心构梁! 1.2 电商视觉设计前的准备 2明确视觉规范的作用 1 统一识别 2 节约资源 3 重复利用 1.2 电商视觉设计前的准备 2明确视觉规范的作用 可以确保网店在整体风格、售前售后服务和产品包 统一识别装形象等方面都保持整体风格的一贯性，既有利于买家 统一识别 识别和区分店铺，也可以避免买家在浏览时出现理解困 难，甚至是理解错误的现象。 1.2 电商视觉设计前的准备 2明确视觉规范的作用 除了活动海报等个性模块之外，其他的页面和模块 节约资源参照规范进行设计可以极大地减少设计时间，从而达到 节约资源 节约资源的目的。 1.2 电商视觉设计前的准备 2明确视觉规范的作用 设计相同属性的模块或页面时，执行视觉规范有利 重复利用于减少无关的信息，方便买家的阅读和信息传递。同时， 重复利用 视觉规范也有利于美工之间的协调工作。标准化的视觉 规范不但可以节约设计时间，还可以避免出错。 1.3 电商视觉设计黄金构图法 对称切割 组合切割 整体场景 多重切割 构图法 构图法 构图法 构图法 01 02 03 04 05 06 07 08 简单切割 流程 放射 物体轮廓 构图法 构图法 构图法 构图法 1.3 电商视觉设计黄金构图法 1对称切割构图法 用监班SHOW 白己 为爱H0LD住全场 安障蓝球装备助作华联建装! 篮 球 火 更快效靴 后道法合接典与制额 黑兽监琥鞋 BASKETBAII 1.3 电商视觉设计黄金构图法 2组合切割构图法 1.3 电商视觉设计黄金构图法 3整体场景构图法 智锐双雄全新登场 比亚迪全新速锐、 G5 树立中级车价值标杆 G5 唐院 1.3 电商视觉设计黄金构图法 4多重切割构图法 1.3 电商视觉设计黄金构图