网店美工-视觉之旅

网店美工网店视觉营销1.1装修店铺 引爆流量网购有它的特殊性，在实体店，消费者可以用五官去感知实物，他们可以看、尝、摸、闻、听等，而在网上买东西，我们的买家就只能通过眼睛去看卖家做的图片和文字，或者去看我们拍的视频，我们只能靠色彩、图片和文字来传达信息。 让店铺更美观 吸引更多的眼球装修店铺的目的 让买家停留的更久 增加点击率 提升转换率 1.2日销千里之视觉营销美观 创意 传达 第一时间把产品信息传达给买家 什么最重要首页设计和焦点图设计风格统一，色彩搭配应季，重点突出，一个焦点突出一个重点，重点多了，就等于没有重点。淘宝首页焦点图最高每天点击62万次，最低每天点击1.6万次！影响素材的8 大要素：色彩、版式布局、整体风格、图片、文字、主题、品牌、促销。视觉营销的定义：利用色彩、图像、文字等造成的冲击力，吸引潜在顾客的关注，由此增加产品和网站的吸引力，从而达到营销制胜的效果。视觉效果是作好营销必不可少的营销手段之一。1.3色彩黄金分割配色法不论在平面设计、三维设计、还是网页设计中，色彩永远都是最重要的一环。 如：红色、热情 权威 自信 粉色 温柔 甜美 浪漫黑色 高贵 权威 创意灰色 诚恳 考究 沉稳蓝色 希望 理想 独立紫色 优雅 浪漫 高贵绿色 清新 活力 安全 1.3.1色彩基本分类 自然界中的颜色分为非彩色和彩色两大类，非彩色指黑色、白色和各种深浅不一的灰色。 1.3.2 色彩的属性 色相 改变图片的颜色 饱和度 改变图片颜色的深浅 彩色的三要素 明度 调整明度 对于非彩色，只有调整明度才会变化 1.3.3色彩的搭配 调整透明度 先选定一种色彩 饱和度 色调、饱和度不变 配出同一种色彩 调亮度同一种色彩 同一种颜色，不同深度渐变，看起来有质感 不同颜色的渐变，看起来不协调，没有质感，而且很刺眼 在调色中，亮度值将是我们的主角 第二种色彩，也是我们接下来要找的基于第一个主色调的对比 选第二种色彩（0240） 对比色的方法 （148240）不要用亮度值在之间作大面积背景色亮度不变同一色系色相任意在配色中，还要切记一些误区：不要将所有颜色都用到，尽量控制在三种色彩以内背景和前文的对比要尽量大，绝对不要用花纹繁复的图案作背作背景，以便突出主要文字内容。 1.3.4如何把握好风格 统一的外观，界面友好，易使用 突出标准色彩 把握好风格经验 将logo尽可能的放在页面的最突出的位置 相同类型的图像采用相同效果。 根据自己的喜好 根据自己店铺的主营项目选择风格 从哪些方面选择风格 从客户的角度出发选择风格 装修风格还应该应季风格设置的具体操作店铺装修的流程 1.4图像全局把控店铺装修 1.4.1首页布局 在设计首页的时候，一定要让浏览者在第一屏就能将重要的信息看完整，首页要传达的图片信息也很重要，要让买家第一眼就看出这家店铺是买什么的，焦点图一定要放在黄金分割的位置，引人注目！ 1.4.2自定义促销区设计 促销区的设计要点： a.促销区是整个店铺的窗口，传达着我们店铺的品牌形象、促销活动等重要信息。 b.促销求不仅仅是促销，而是体现店铺的“不可替代”，如何不可替代从六方面来考虑：服务、品质、价格、特殊效果、品牌效应、促销活动，消费者永远不会单纯的认为价格越低越好，他关心的是他所买的宝贝是否值这个价格，你要让他觉得这个宝贝是物超所值！ C.设计促销区的时候一定要注意突出重点。 思考：你的店铺“不可替代”的是什么？ 你的店铺针对的消费人群是怎样的？ 你的店铺的潜在消费者的需求是什么？ 1.4.3店招 店招的作用：明确品牌定位和产品的定位。 店招的共性：店招上的文字和背景对比色鲜明、店铺名称都用粗体以及明确的传达品牌和产品两个信息。 店招的主体风格一定要和整个店铺的风格统一。 1.4.4宝贝描述 视觉营销的作用：引起潜在顾客关注（流量）、引起买家兴趣和购买欲望（有效流量）、传达网站信息，塑造网站形象（忠实流量），成功在一个买家心中树立起网站的形象，比实际成交一笔订单所取得的收益更大。 认识商品改变态度产生购买行为 宝贝描述规则:（1）宝贝整体图片 （2）细节图片 （3）产品介绍文字 （4）售后服务（5）交易条款 （6）联系方式 淘宝网的特点：让多位潜在消费者同时接受一个产品信息。 宝贝描述需要同销售专员一样从买家的需求出发。 宝贝描述包含的基本信息：商品展示类、实力展示类、吸引购买类、交易说明类、促销说明类。 图片清晰 真实展示 图片拍摄 多角度拍摄 远景 景别 中景 近景 特写 展示产品的整体性 展示产品的局部细节宝贝描述 展现品质 展现品牌 尺码及售后说明 跳失率高放在上面 关联销售 转换率高放在下面内容最多不要超过两屏 跳失率高或销售量一般店铺里热销的产品热销产品的宝贝页面与该产品相关的产品将同类 产品互相关联分析心里需求不要在所有的宝贝描述页放一样的关联销售内容把你的卖点喊出来让我知道你的优势与我有关把你的品牌体现出来 写宝贝描述的文案 制作宝贝描述模板制作宝贝描述的规范流程 制作完整的效果图 切片 制作宝贝描述代码 宝贝上架 1.5文学学会用图片说话 1.5.1自定义页面自定义页面的特点：独立页面，有文字与图像的组合连接。 自定义页面的作用：把卖点喊出来（我的优势与你有关）以及品牌的表现（充分展示店里店铺的实力）。 1.5.2宝贝分类的 充分考虑产品属性和受众的浏览习惯 新品和特价分类尽量靠前 宝贝分类的基本原则 分类不是越多越好 清晰明了是基本要求 不要出现无宝贝的分类我们的分类一定要从实用性出来，为此我们要考虑：(1)为谁服务 (2)人性化设置，让买家无障碍浏览 (3) 分类是否能让买家快速找到 (4)音乐是否有关闭提醒 (5)客服是有有明显标示 (6)购物路径是否清晰 1.6视觉与营销 视觉 营销 手段 目的 视觉与营销的关系盯着目的，从手段抓起 毛利额=销售额*毛利率-费用 交易笔数*客单价 作用客流量 转化率 视觉营销视觉营销与店铺装修分类自定义页面宝贝描述店招焦点图、促销区首页布局掉配色技巧色彩的属性配色技巧图像的摆放为什么要装修店铺视觉营销文字的处理轻轻松松做网拍2.1轻轻松松玩转网拍相机 相机的分类：轻巧型、准专业型、专业级（单反） 网拍相机的四要素：合适的感光元件、强悍的手动模式（M模式）、必备的热靴插槽以及强劲的微距勾魂式图片处理技巧网页中的小文字，显示效果最佳的是宋体、12号字促销广告设计 4.1促销广告设计的标准设计的好坏决定了点击率的多少，直接影响广告盈亏。4.2促销广告设计的方法 主题突出 第一主题 信息传达的层次结构多主题的组合表现 通过形式强化主题形式不可大于内容不同等级别的多主题表达，要分清主次关系，把次要信息降到第二层级，避免平均分配造成的主要信息弱化。同等级别的主题表达，形式感要保持一致。这样让阅读者容易找到规律，把多条信息一次获取 设计风格要与目标人群一致。目标人群的审美特征 模特要与目标人群特征吻合 也要和产品特点吻合。 色彩6:3:!的比例配置 字体按读音来选择字体 标签符合产品的特点形式美观 引导明确的按钮和箭头会对买家产生心理暗示 气氛气氛的塑造依赖于细节 对比和夸张吸引消费者的注意过多的干扰元素 取舍任何的创意过程都是先做加法再做减法的过程；能否“舍”决定了能否“得” 修图突出重点 平衡画面的平衡感取决于个元素的“视觉重量” 构图 势能是对平衡有意识的破坏，以增加注意力。 集群人们总是把位置靠得近的看成一体。 间隙空白空间是画面语言的标点符号。4.3促销广告的实施步骤 三分设计，七分沟通。充分的沟通、充足的素材，是做好设计的前提。设计是营销策略的外延，是其视觉表达形式。不理解策划的意图，做不出好的设计。要耐心地体验产品，读懂策划，不要上来就开始做，要想成熟了再开始。策划沟通设计促销目标 产品体验 形成文案产品策略 策略沟通 定义主题受众分析 素材准备 分解层次媒体分析 草案讨论 构图、色调时段分析 确定创意 排版、字体 参考文件 细节、气氛促销广告实施步骤店铺LOG O 左上角最显著的位置网店的标志会出现在哪里 淘宝搜索列表页、 纷繁复杂的流量入店铺的LOGO是网店最主要的视觉符号细节设计细节体现一个网店的品质高低6.1旺旺头像设计 旺旺头像是细节营销的一个展现点旺旺头像制作 注意事项：（1）色彩不宜过多，尽量以轮廓线来表现。 （2）细节在很小的显示状态时看不到，所 以不要拘泥于小细节。 （3）为了更清晰可以用滤镜做适当锐化。 （4）保存时选择保存为网页格式，用网页安全色，文件应控制在200KB内。6.2 GIF动画 GIF图片以较少的颜色存储单个光栅图像据或多个光栅图像数据。GIF图片支持透明度、压缩、交错和多图像图片（动画GIF）。GIF透明度不是alpha通道透明度，不能支持半透明效果。GIF压缩是LZW压缩，压缩比大概为3：1.GIF动画在网店设计中的应用很广泛，如店标、店铺收藏、广告、价格标签