下载掌阅APP，畅读海量书库
立即打开
在进行电商视觉设计前，要了解电商视觉设计的一些准备工作，包括电商视觉设计应遵循的原则、进行电商视觉设计需要掌握的软件、电商视觉设计定位、电商文案策划等。
电商视觉设计的准备工作
电商视觉设计应当遵循一定的原则，下面对这些原则进行简单介绍。
每个行业都有特定的属性，在进行电商视觉设计前，一定要明白商品的属性及其行业特征，然后在此基础上为视觉设计选择相应的色彩和图片，如护肤品可以用绿色和粉红色来表现。
电商视觉设计应该给人以美观、舒适的感觉，电商页面结构布局应该符合人们的浏览习惯。因为大多数人都是按照从左至右、从上至下的顺序浏览页面，所以在设计页面布局时，把主推商品、导航和促销信息等重要内容放在左侧更能引起消费者的注意。
设计风格统一也是进行电商视觉设计时应当遵循的原则之一。电商视觉设计中容易犯设计风格不统一的错误，如网店形象和商品定位不统一、不同模块的风格不统一、图片的尺寸规格不统一、字体和颜色随意使用等，这样会让页面看起来杂乱无章。在设计网店效果前，首先要做好基本设计元素的规范工作，这样既有利于打造网店的整体形象，又能为模块和其他元素的设计提供参考和依据。图1—7所示为网店页面设计风格统一。
图1—7 网店页面设计风格统一
人们从原来的一行一行地读文字信息，变成了现在的一屏一屏地看图，每张图片展现在消费者眼前的时间一般只有几秒。因此必须让消费者第一眼就获取商品的主要信息，第一时间了解商品的卖点，这样才能提高图片的点击率。
根据品牌网店的视觉识别系统来进行电商页面设计，网店会具有较高的辨识度，消费者在浏览后，一般都可以留下深刻的印象。在设计电商页面的时候，一定要不断强化企业和商品的品牌元素，如企业标准颜色、企业标志等。
提高易用性的核心是充分考虑消费者的浏览习惯，在设计页面布局时从消费者的角度来思考，让页面易懂、易用。如果页面布局和功能按钮的位置与消费者的浏览习惯不符，那么消费者可能会感觉不适应，还可能会因为找不到需要的模块或商品类别而离开。
网店的易用性设计主要体现在商品类目的划分方面。商品类目的划分层次不要过多，明确的分类与布局能让消费者快速找到需要的商品，从而大大提升消费者的购物体验。
大量重复的分类既不能很好地展示商品，还会让消费者产生混乱的感觉。通常来说，商品类目按照商品的属性、风格和使用效果进行分类即可，新品和特价商品的分类应尽量靠前，类目之间最好有明显的区分。
与普通的美工相比，电商视觉设计对于平面设计软件的要求更高，做电商视觉设计工作需要熟练掌握Photoshop和Dreamweaver。
在进行电商视觉设计时，常用的软件是Photoshop。Photoshop是Adobe公司出品的图像处理软件，被广泛应用于平面设计、插画创作、网页设计、卡通设计、影视包装等领域。Photoshop是电商视觉设计的基础，想要成为一名合格的电商视觉设计人员，就必须熟练掌握Photoshop。Photoshop功能强大，电商视觉设计人员使用它可以对商品图片进行处理，如修复图片的瑕疵、为图片添加特效。同时，电商视觉设计人员使用Photoshop又能方便地设计页面，将其与Dreamweaver配合使用能够方便地实现整个网店的设计。图1—8所示为使用Photoshop设计电商海报。
图1—8 使用Photoshop设计电商海报
要从事电商视觉设计工作，除了要学会使用Photoshop设计、处理图像，还要掌握网店页面排版软件Dreamweaver。网店中的页面被称为网页，和网页排版相关的软件Dreamweaver是电商视觉设计人员必须掌握的，但只需要掌握Dreamweaver的表格排版、超链接和基础代码等功能即可。Dreamweaver的操作界面如图1—9所示。
图1—9 Dreamweaver的操作界面
不同的网店有不同的属性和定位，面对的消费者群体也有所差异，因此在进行网店的整体视觉设计时，要呈现的风格也不尽相同。
不同的消费者群体有不同的视觉偏好，关键是要将商品的定位和消费者群体的视觉偏好进行整合，使网店能够呈现出一种整体的风格。
有的网店为了凸显品牌和质量，在视觉设计上偏重品牌设计；有的网店为了促进商品销售，吸引人流，会以薄利多销的促销策略来进行视觉设计。
促销型视觉定位主要通过对比强烈的颜色和装饰来烘托氛围，目的是销售商品，具体方法如下。
（1）突出优惠：将具体的优惠力度通过数字等形式表现出来，通常还会在文字的颜色、字号上做文章。
（2）引起围观：用色彩对比、文字加粗等方法吸引消费者关注。
（3）营造促销氛围：如重点突出活动主题，运用色彩、字体等打造视觉效果。对于节假日促销而言，应重点营造节日气氛，网店的店招、导航、促销等模块和商品详情页中都有必要加入节日元素。例如，以国庆节促销为主题的网店配色大多采用红色，然后通过灯笼和烟花等元素来体现国庆节的节日氛围。又如，使用月亮、月饼等素材可以突出中秋节的氛围，图1—10所示为页面设计突出中秋节的氛围。
图1—10 页面设计突出中秋节的氛围
品牌型视觉定位的具体方法如下。
（1）突出品牌：弱化价格，突出品牌价值文字。图1—11所示为格力空调品牌型视觉定位，它采用了品牌型视觉定位，重点突出了“10年整机免费保修”的品质感。
图1—11 格力空调品牌型视觉定位
（2）设计简洁：视觉设计要大气简洁，与线下品牌尽量保持一致，突出品牌标志。
（3）弱化营销：即使有促销活动也不宜大肆宣传，以免过高的促销力度或过低的价格让消费者对品牌产生不信任感。
有的网店并没有对自己进行准确的视觉定位，这时就需要电商视觉设计人员根据网店的情况来对视觉效果进行定位。例如，将品牌价值文字放在显眼位置，然后再展示促销信息；也可以把促销信息放在首页，具体促销内容则可以在自定义页面中体现。
电商文案是一种基于网络平台传播的文案形式。这些文案以实现商业目的为出发点，通过网站、微信、短视频等平台进行发布和传播，以达到获取消费者信任并引发其购买欲望的目的。
根据电商文案的作用，可以将其划分为展示类电商文案、品牌类电商文案和促销推广类电商文案，下面分别对其进行介绍。
展示类电商文案是一种常见的文案形式，常用于展示商品，促进商品销售。展示类电商文案可以分为横幅展示类广告文案和商品详情页文案。
（1）横幅展示类广告文案。横幅展示类广告是早期的网络广告经常采用的形式，也是目前常见的形式。它可以是动态图像，也可以是静态图像，格式可以是JPG、GIF、SWF等。当消费者单击这些横幅广告时，可以跳转到相关的网页。
横幅展示类广告文案一般比较简洁，往往只放置一个简短的标题、商品图片或品牌的标志等，主要起到提示作用，吸引消费者点击，进而展示更多的广告信息。横幅展示类广告通常放置在网页中较为显眼的位置，如网店主页的顶部等。图1—12所示为横幅展示类广告文案。
图1—12 横幅展示类广告文案
（2）商品详情页文案。商品详情页文案就是对商品的具体功能、特点等进行详细描述的文案。商品详情页文案用于促进商品销售。在网上购物时，决定消费者是否购买的一个重要因素就是商品详情页文案的优劣，因此很多商家会在撰写商品详情页文案上花费大量的心思。
在创作商品详情页文案时，需要提炼商品的核心卖点，用清晰、简洁、真实的语言描述商品的价值，告诉消费者这件商品与其他同类商品的不同之处，让人一目了然。同时还要突出商品的优势，让消费者觉得物有所值、物超所值，这样才能真正打动消费者。
撰写商品详情页文案时需要注意以下几点。
①商品详情页文案应快速抓住消费者的注意力，其目的在于促使消费者产生购买行为。因此在撰写商品详情页文案时应充分考虑消费者的接受程度，切忌夸大宣传，以免使消费者产生不信任感。
②电商文案创作者要向供货商索要详细的商品信息，因为仅使用简单的商品图片不能反映材料、产地、售后服务、生产厂家、性能等信息。商品的优势和特色一定要详细地描述出来，这是商品的卖点。
③商品详情页一定要精美，能够全面概括商品的内容、相关属性，最好能够介绍一些使用方法和注意事项，更加贴心地为消费者考虑。
④商品详情页应该将文字、图像和表格3种形式结合起来展示，这样消费者看起来会更加直观。
⑤参考同行网店。撰写商品详情页文案时可以参考淘宝“皇冠店铺”的商品详情页文案，特别是那些做得好的网店的商品详情页文案。
⑥可以在商品详情页中添加相关推荐商品，如本店热销商品、特价商品等，让消费者更多地接触网店的商品，增强商品的宣传力度。
⑦要注意在商品详情页中体现服务意识并规避风险，一些消费者关心的问题、有关商品问题的介绍和解释等都要有所体现。
商品详情页文案主要围绕商品信息展开，文案内容较多，并用于整个商品展示页面。图1—13和图1—14所示分别为商品详情页文案1和商品详情页文案2，该商品详情页文案说明了商品的主要卖点、性能参数等信息，让消费者对这款商品的主要功能有所了解并促使其产生购买的欲望。
图1—13 商品详情页文案1
图1—14 商品详情页文案2
品牌类电商文案的主要功能是通过宣传企业的品牌来促进销售。品牌类电商文案是企业品牌精神和品牌个性的载体，也是让消费者对品牌产生信任的有效手段。优秀的品牌类电商文案能让消费者直接从文案内容中了解品牌定位、商品属性等。
品牌类电商文案主要通过讲述品牌故事建立并传播品牌形象。一个好的品牌故事既能体现品牌文化的核心价值，又能达到脍炙人口的效果。品牌类电商文案可以打造一个企业的文化传说，也可以讲述品牌的创业故事。图1—15所示为一款护肤品的品牌故事文案，它体现了商品的品质，给消费者留下了良好的品牌印象。
图1—15 一款护肤品的品牌故事文案
促销推广类电商文案是对商品或服务进行宣传推广的一种文案，其目的在于通过外部超链接吸引更多消费者关注和进行转发，从而达到较好的传播效果。常见的推广平台包括网站、论坛、电子邮件、微博、微信及视频直播平台等。
将促销信息加入电商文案中可以提高点击率，如“打折促销”“满就送”等促销文案让人有一种再不买就会错过的紧迫感。促销信息要尽量简短、清晰、有力。图1—16所示为促销推广类电商文案，该文案用精练的文字来阐述商品卖点，非常引人注目，能够引起消费者的好奇心，从而达到提高点击率的目的。
图1—16 促销推广类电商文案