1、求精益求精；视觉视觉形象分明，冲形象分明，冲击击力力强强；让让人印象深刻。人印象深刻。裂帛的裂帛的产产品主要走民族品主要走民族风风格格+流行流行设计设计元素，元素，产产品以棉麻品以棉麻丝丝毛毛为为高高质质感感为为原料原料。产品图片大胆的色彩搭配以及深刻的视觉冲击让人耳目一新。让人看到产品图片的那一刻起，就能明白设计要表达的灵魂理念，从而忘不了。7【引例【引例】裂帛的】裂帛的视觉营销视觉营销从上面案例可以看出，裂帛作从上面案例可以看出，裂帛作为为快快时时尚网尚网络络品牌之所以能品牌之所以能够够成功的原成功的原因，就因，就是是抓住了抓住了视觉营销视觉营销这这么一个概念。么一个概念。店铺的视觉，结合
2、了品牌的特色，两者相统一，带给了人们不一样的视觉印象，表达给消费者的是品牌风格、品牌故事。消费者愿意为故事而买单，达到情感营销的效果。另外还能起到圈粉的效果，增加店铺的关注度。8【引例分析【引例分析】目目 录录 页页Contents Page 9 任任务务1 视觉视觉色彩心理色彩心理任任务务2视觉营销视觉营销任任务务3网店美工网店美工我们打开网店的页面后，首先看到的是店铺色彩色彩带给我们的视觉视觉感受感受。合理的色彩搭配会合理的色彩搭配会对对人人产产生心理影响，甚至在不知不生心理影响，甚至在不知不觉觉中中左右、引左右、引导导、影、影响人响人们们的情的情绪绪。颜色的鲜亮在不同程度上给人的情绪也是
3、不同的，红橙黄三种色彩明亮且充满活力,蓝绿两种色彩则让人舒心惬意。网店装修设计中的搭配色彩事关重要，色彩运用合理度可以直接影响买家对店铺的好感程度及店铺的转化率。10任任务务一一视觉视觉色彩心理色彩心理1.1.1色彩分色彩分类类与属性与属性1色彩分色彩分类类：色彩分为两种，一种是无彩色无彩色，另一种是有彩有彩色色。无彩无彩色色是指除了彩色以外的颜色，常见的颜色有黑色、白色和灰色。黑色、白色和灰色。无彩色无彩色视觉视觉海海报图报图视视 觉觉 两两 把把 利利 器器-图图 片片+文文 字字11有彩色有彩色就是除了黑色、白色和灰色以外的除了黑色、白色和灰色以外的颜颜色色，它的基本色包括了以红、橙、黄
4、、绿、蓝、紫等。121.1.1色彩分色彩分类类与属性与属性有有 彩彩 色色-红红 色色 视视 觉觉 海海 报报 图图2色彩属性色彩属性131.1.1色彩分色彩分类类与属性与属性色彩三属性色彩三属性饱饱 和和 度度 对对 比比明明 度度 对对 比比1.1.1色彩分色彩分类类与属性与属性14（1）色相：色相：顾名思义即色彩的相貌。它是由原色、间色和复色来构成的。1.彩色系彩色系2.非彩色系非彩色系1）.色相色相2）.饱饱和度和度（也称彩度、（也称彩度、纯纯度）度）3）.明度明度色彩的分色彩的分类类与属性与属性总结图总结图1）.颜颜色只有色只有一种基本性一种基本性质质-明度明度2）无色相和无色相和饱
5、饱和度，和度，理理论论上上值值等于等于0非彩色系是白色、黑色和由白色黑色调合形成的各种深浅不同的灰色。3色彩的感色彩的感觉觉与象征与象征色彩作为一种客观存在，可以表现丰富的情感效应，这就是色彩的感觉与象征。（1）色彩的冷暖感2色彩的轻重感3色彩的空间感161.1.1色彩分色彩分类类与属性与属性色彩的冷暖色彩的冷暖17根据人们的心理和视觉判断，色彩有冷暖之分，可分为三个类别：暖色系暖色系（红、橙、黄），冷色系冷色系（蓝、绿、蓝紫），中性色系中性色系（绿、紫、赤紫、黄绿等）。1、同、同类类色搭配色搭配简洁简洁清爽清爽181.1.2色彩搭配与网店色彩搭配与网店同同类类色运用色运用同同类类色网店色网店
6、页页面面191.1.2色彩搭配与网店色彩搭配与网店2、邻邻近色搭配近色搭配舒适自然舒适自然20 1.1.2色彩搭配与网店色彩搭配与网店领领近色运用近色运用211.1.2色彩搭配与网店色彩搭配与网店领领近色海近色海报图报图3、互、互补补色搭配色搭配层层次次鲜鲜明明22 1.1.2色彩搭配与网店色彩搭配与网店互互补补色运用色运用23 1.1.2色彩搭配与网店色彩搭配与网店互互补补色海色海报图报图目目 录录 页页Contents Page 24 任任务务1 视觉视觉色彩心理色彩心理任任务务2视觉营销视觉营销任任务务3网店美工网店美工随着随着电电子商子商务务的快速的快速发发展，网店也越来越多，各展，网
7、店也越来越多，各类类商品琳琅商品琳琅满满，让顾让顾客的客的选择选择余地也大大增加。余地也大大增加。与此同时，给商家也带来了巨大的压力，要想如何运营网店，不花任何广告费也能进行产品推广，从而吸引顾客的注意力，这都是需要考虑的问题。视觉营销的重要性，在此刻就得到了较好的体现。做好视觉营销，不但能得到顾客对网站的关注，还能引导顾客进行消费，从而能在顾客心中树立良好的品牌形象。25 任任务务2视觉营销视觉营销1.2.1视觉营销视觉营销目的与原目的与原则则1.视觉营销视觉营销定定义义视觉营销视觉营销（VisualMarketing）：是指利用色彩、图像、文字等媒体因素，造成视觉冲击力吸引潜在顾客的关注，
8、由此增加产品、品牌及店铺的吸引力，从而达到销售的目的。视觉视觉营销营销26 手段手段目的目的从手段抓起，目的是最从手段抓起，目的是最终导终导向向1.视觉营销视觉营销流程四步流程四步骤骤27 1.2.2视觉营销视觉营销的流程整合的流程整合市场调研，也可以称之为前场前瞻。调研（查）想什么？就是分析受众的生活方式、消费习惯、审美取向，以及用户群的 需求等，以便体现在设计当中。规划（想）做就是根据前期调研和设想，来构思 设计图，然后运用各种素材进行设计。设计（做）将设计成果通过各种途经、选择不同 的渠道进行推广。投放（推）2.视觉营销视觉营销目的目的28 1.2.1视觉营销视觉营销目的与原目的与原则则
9、3.视觉营销视觉营销原原则则29 1.2.1视觉营销视觉营销目的与原目的与原则则视觉营销视觉营销3原原则则123目的性目的性审审美性美性实实用性用性做好商品主做好商品主图图,抓住消抓住消费费者眼球；者眼球；合理合理规规划划页页面架构。面架构。主次分明、重点突出；做好店招。刺激买家的眼球，并记住店铺；分析目分析目标标客客户户群需求。群需求。在商品详情页面中针对产品属性和特色，让别人一眼就能看出来效果和产生购买的欲望。网店装修网店装修设计设计中要充分运用中要充分运用视觉视觉引引导导、“黄金分黄金分割割”、色彩搭配等平面、色彩搭配等平面设计设计理理论论；定期更定期更换换店店铺页铺页面。面。让客户们每
10、次来都有一个很好的心情。要注意要注意视觉应视觉应用的用的统统一一巧妙利用文字或者巧妙利用文字或者图图片片说说明明。让消费者轻松熟悉店铺的操作功能和商品的分类结构，方便消费者快速找到商品、下单和获得帮助。店店铺铺商品和用商品和用户户角度角度30 1.2.2视觉营销视觉营销的流程整合的流程整合店店铺铺的商品的商品商品结构体系商品价格体系等 决定“店铺结构”和“页面结构”店店铺铺的用的用户户群群社会层次消费能力生活习惯等 决定“店铺风格”和“商品陈列”1.2.2视觉营销视觉营销的流程整合的流程整合31思考策划结构规划页面实现设计维护调整具体操作流程步具体操作流程步骤骤2.分析目分析目标标客客户户群体
11、的需求群体的需求进进行行视觉营销视觉营销32 1.2.2视觉营销视觉营销的流程整合的流程整合消消费费者人群因素者人群因素目目 录录 页页Contents Page 33 任任务务1 视觉视觉色彩心理色彩心理任任务务2视觉营销视觉营销任任务务3网店美工网店美工1.3.1网店美工网店美工简简介介34 网店美网店美工工是淘宝、天猫、京是淘宝、天猫、京东东、亚马逊亚马逊、微店等、微店等电电商平台网店商平台网店页页面面编辑编辑美化、美化、视觉设计视觉设计的工作人的工作人员员。需熟练掌握各种图片、视频软件，如Photoshop、Illustrator、C4D、Dreamweaver、光影魔术手、会声会影等
12、，熟悉页面布局，了解产品特性，能设计有思想、有创意、能触动消费者、产生共鸣、赢得消费者心智的图片。网店美工职责一、进行网站商品图的拍摄和详情页的描述制作。网店美工职责二、网站各种页面的设计与装修网店美工职责三、网店的编辑描述1.3.1网店美工网店美工简简介介35 网店美工网店美工职责职责1.3.2网店美工运网店美工运营营之手之手36 内外内外贸贸公司网店运公司网店运营岗营岗位位图图1.3.2网店美工运网店美工运营营之手之手37 销销售售额额公式公式图图1.美工成美工成长长路径路径38 1.3.3美工成美工成长长路径路径视觉营销视觉营销3原原则则123初初级级美工（美工助理）美工（美工助理）中中
13、级级美工（美工美工（美工专员专员）高高级级美工（美工美工（美工设计师设计师）1.3.3美工成美工成长长路径路径39 网店网店视觉设计师视觉设计师2.美工初学者建美工初学者建议议（以下（以下图为图为例，例，图图例分析）例分析）40 1.3.3美工成美工成长长路径路径1.3.3美工成美工成长长路径路径41广广 告告 图图 排排 版版随着社会的不断发展，电子商务发展，视觉营销也越来越重要。对于视觉营销一定要讲究顾客的需求，即要把产品的信息放在最前面。大大家家都都知知道道视视觉觉是是手手段段，营营销销是是目目的的，视视觉觉以以营营销销为为目目的的;目的是通过手段来实现的。纵观视觉营销，它利用图片设计的
14、视觉效果和客户体验来吸引顾客，从而实现销售量。所以视觉营销是当今网络营销中的重中之重。在后面的章节中，还会介绍到Photoshop的使用、网店常用图片的设计、无线端装修等项目，希望大家学习了本书以后对网店美工实务有一个整体的认识和理解，相信大家都会在电子商务领域取得一定的成功。42 项项目小目小结结目目 录录 页页Contents Page 44 任任务务1 Photoshop基基础础与文字特效与文字特效任任务务2 Photoshop修修图图美美图图与与调调色色任任务务3 Photoshop抠图抠图任任务务4 Photoshop蒙版与蒙版与滤镜滤镜目目 录录 页页Contents Page 45 任任务务1Photoshop基基础础与文字特效与文字特效1.PhotoshopCS6基础知识2.Photoshop 基本操作3.Photoshop 文字特效任任务务2Photoshop修修图图美美图图与与调调色色1.修图2.美图3.调色任任务务3Photoshop抠图抠图1.美工常用的抠图工具2.简单图像抠图3.复杂图像抠图任任务务4Photoshop蒙版与蒙版与滤镜滤镜1.蒙版2.滤镜项项目介目介绍绍46【本【本项项目重点目重点难难点】点】Photoshop基础知识；Photoshop文字
