网店装修美工及视觉营销设计(宝贝图、海报、详情页).ppt

线的运用 虚拟的视线 引导文字 串联信息 * PPT课件 面的设计 分割画面 避免背景单调 增加层次感和动感 * PPT课件 详情页、网店整体设计点线面 点——画面的气氛点缀、丰富层次、有对比大小就有点 线——引导视觉走向、链接信息 面——画面层次分割、信息的载体 * PPT课件 一张高效的网络广告的三大要素 文案 主标题/副标题/价格/标签 商品 主产品/次产品/模特 背景 前背景/中背景/后背景 分 层 * PPT课件 商品层：明确主题 图案为主题服务，即使没有文字， 也知道这个图传达的意思 * PPT课件 商品层：关注点清晰 * PPT课件 文案层：关键信息视觉清晰 * PPT课件 文案层：图文一致，逻辑清晰 * PPT课件 文字接地气 * PPT课件 * PPT课件 不同字体对应产品、目标人群定位 电商常用字体 * PPT课件 女性字体 柔软 飘逸 纤细 秀美 气质 时尚 * PPT课件 如何视觉清晰 适用范围：化妆品/日用品/轻纺/女性鞋服/各种包包/母婴 * PPT课件 如何视觉清晰 一看就买不起 纤细 优美 简洁 小 留白 * PPT课件 男性字体 硬朗 粗犷 沉稳 大气 * PPT课件 适用范围：家电/办公/男性鞋服/电子产品/户外工具 * PPT课件 促销字体 大 醒目 吸引 倾斜 * PPT课件 经过大数据分析 一级文案不要超过8个字 文字越多，点击越低 less is more 文字量 * PPT课件 * PPT课件 文字疏密度 文字间距一般根据字体大小选1—1.5倍作为行间距，1.5—2倍作为段间距。比如12号字体，行间距是12px-18px。段落间距则是18px-24px。另外，行高/段落之间的空白=0.754.行间距正好是段落间距的75%是非常常见的。 * PPT课件 文字重点强调 文案描边 文案字体加大 文案下方投影 复杂背景可以在文案下面加半透明图层 * PPT课件 文案中最重要的语句，运用粗细对比和大小对比，加以强调和区分 重点文字不同色强调 * PPT课件 淘宝橱窗展示应统一背景色和风格，注意突出主题 图片花色过多分散卖点 宝贝主图设计策划 * PPT课件 突出主题 商品标签产品名称，纯色背景 宝贝主图设计策划 * PPT课件 淘宝主图为正方形 统一图片大小、格式 宝贝主图设计策划 * PPT课件 制作模板 图片整齐风格统一 模板实际就是做了一个整体规范 统一品牌标记 标准位置 价签 logo * PPT课件 裂帛实体店宝贝统一模板 * PPT课件 根据模板 调整透明度，统一酒瓶尺寸大小，调整倾斜度，校对位置 * PPT课件 水果店商品展示 * PPT课件 多角度展示产品 2张之内产品广告 * PPT课件 多角度展示 主图 宝贝主图设计策划 * PPT课件 宝贝主图策划=展示产品+服务 广告 主图整体外观 多角度文字排版介绍 细节配件展示 其他配件展示 消费者关心的东西一目了然展示 看图即可解答心中疑问 服务到位 宝贝主图设计策划 * PPT课件 * PPT课件 实操 1、如何调整图片分辨率 2、如何按照要求批量裁剪图片及添加品牌logo 3、如何抠图 4、如何通过色彩平衡（曲线、对比度、色阶） 调整图像明暗度 * PPT课件 色彩与网店设计 色环 色彩三个属性 色彩冷暖性 * PPT课件 1、红色 红色给人一种喜庆火热的感觉，是一种对人刺激性很强的色。红色容易使人兴奋、紧张、激动，故也称为兴奋色。在网页美工设计中运用红色会达到比较好的视觉宣传效果 色彩心理与设计风格 * PPT课件 2、黄色 黄色给人一种光明辉煌的感觉，是最为娇嫩的一种色。在所有的颜色当中黄色明度最高。在网店美工设计中使用黄色和白色的搭配，会使得页面更加的干净纯洁。 * PPT课件 3、蓝色 蓝色给人一种清新、舒畅的感觉，是一种最具理智沉稳的色。蓝色是冷色调当中最为典型的代表色，可以衬托出其它色彩，让整个网页看起来更加丰富色彩 * PPT课件 4、绿色 绿色给人一种新鲜、平静、安全等方面的感觉，是一种具有黄色和蓝色两种成份的色。绿+黄=单纯、年轻；绿+黑=美丽、成熟；绿+浅红=春天的来临。网店运用绿色系，显示出网店的年轻生命力，给人健康、成熟的心理感受。 * PPT课件 5、紫色 紫色给人一种优雅、高贵、神秘的感觉，在所有色彩中明度是最低的。一般紫色会用来代表女性相关的商品，在化妆品包装中也常使用紫色。网店设计中紫色并不能在所有站点中使用，但紫色会给人留下深刻印象，容易抓住人的视线 * PPT课件 6、白色 白色给人一种纯洁、淳朴、神圣的感觉。在大自然中雪的颜色为白色，同样会使人造成寒冷的生理反应；在服饰搭配上，白色为百搭色