《跨境电商视觉营销设计》课件-1.1视觉营销的体现与布局

项目一了解视觉营销跨境电商视觉营销设计CONTENTS目

录任务一视觉营销基础视觉营销设计要素提炼视觉创意任务二任务三Task

objectives任

务

目

标视觉营销是将商品卖点、商品主要信息、品牌信息，通过文字、图片或视频等视觉元素传达给消费者，增加商品点击率、转化率，并提升品牌形象的整个过程。本任务将对视觉营销的基本概念、视觉营销的信息传达、视觉营销的定位等知识进行介绍。（一）什么是视觉营销视觉营销是现代商业随着消费需求从基本温饱层面向精神层面发展应运而生的营销学科，旨在通过增强消费者的视觉感受促进销售。在视觉营销中，视觉是手段，营销才是目的，视觉以营销为出发点，营销则通过视觉得以实现。因此，两者是相辅相成的关系。传统线下商品电商商品具有直接触摸的优势，可以带给消费者真实的购物体验商家通过视觉展示商品，消费者通过视觉了解商品。（一）什么是视觉营销如果对视觉营销的文字进行拆解，则“视”可以理解为眼睛看到的一切，“觉”可以理解为消费者接收的信息，“营”可以理解为营造氛围，“销”可以理解为促成商品或服务的销售。下面的商品图片，从视觉营销的角度进行分析，可发现商家从不同的方面向消费者传达了商品的信息。（二）视觉营销的信息传达视觉营销的信息传达是指通过视觉的展现传达营销的信息，引起消费者共鸣，进而促成营销，其主要是通过店铺的定位、店铺的商品风格、商品价格和促销活动的力度来体现的。3214店铺的定位店铺的商品风格商品价格促销活动的力度（三）视觉营销的定位1．品牌型视觉定位品牌型视觉定位需要突出品牌优势，如爱马仕至今还沿用一驾马车的Logo，就是想通过Logo告诉消费者自己的品牌定位，体现品牌的传承优势。一般品牌型视觉定位的商品价格要高于同类商品，因此，在视觉营销的过程中要体现出品牌优势，弱化价格。（三）视觉营销的定位2．营销型视觉定位营销型视觉定位需要凸显商品价格优势，利用价格优势销售更多的商品。一般来说，营销型视觉定位的店铺，其商品价格要低于同类型商品，因此在视觉营销的过程中，需要开展足够的促销活动，以吸引消费者，从而促进商品销售。Task

training任

务

实

训结合本任务所学知识，对该海报进行分析，确认其视觉营销定位。Task

training任

务

实

训掌握视觉营销的定位。实训目标实训要求从“视”“觉”“营”“销”4个角度分析该卫浴产品海报在视觉营销方面的体现。1、在“视”“觉”的环节。这张海报的视觉设计以浴室场景为主，整个场景色彩明快，温馨、美观。海报右下侧为图片视觉表现的主体——浴缸，与左上侧文案相搭配，占据着视觉中心位置。海报通过场景展示将消费者带入沐浴的使用氛围中，从而激发消费者实训思路

对商品的购买欲望。2、在“营”“销”的环节。该海报不仅成功营造出商品的高品质氛围，巧妙借助色彩搭配抓住消费者的视觉，同时利用“营造梦想的家”文案直接营造出“温情”的氛围，文案和商品使用图激发了消费者对商品的好奇心和购买欲，为最终的商品销售做好了

铺垫。Task

assessment任

务

考

核观察右侧的商品海报，填写表格并上交。Task

assessment任

务

考

核序号考核内容分值（100分）说明简述该海报是如何体现视觉营销的简述该海报是如何进行视觉的传递的30分30分12分析该海报采用了哪种视觉营销定位，是如何进行体现的40分3CONTENTS目

录任务一视觉营销基础视觉营销设计要素提炼视觉创意任务二任务三Task

objectives任

务

目

标认识视觉设计要素是进行视觉设计的关键，本任务将分别对视觉设计要素中的视觉色彩、视觉文字和视觉构图等知识进行介绍，让读者对视觉设计要素有一定的了解。（一）视觉色彩1．色彩的构成要素在色彩的视觉搭配中，色相、明度、纯度是色彩的三个要素，是人眼能够正常感知色彩的基本条件，熟悉并灵活应用三要素是进行视觉设计的基础。色相明度纯度（一）视觉色彩1．色彩的构成要素色相色彩的不同是由光的波长的长短差别所决定的，而色相是指这些不同波长的色彩情况。商品海报，从色相的角度进行分析，商品色彩以红、黄为主，属于暖色调，给人一种温暖、热情的感觉，搭配深红色的背景色彩，营造出一种浓厚热烈的氛围，与商品本身所代表的喜庆、幸福等寓意相融合，给人一种非常强烈的婚姻幸福感。（一）视觉色彩1．色彩的构成要素明度明度可以简单理解为色彩的亮度，不同的色彩具有不同的明度，上图背景采用深浅不一的蓝色，给人一种干净、纯粹的感觉，下图画面的整体色彩明度较低，以黑色为主，青色、天蓝色为点缀色，但由于点缀色的明度高，因此整个画面会显得较暗，反而具有科技感。（一）视觉色彩1．色彩的构成要素纯度纯度（也叫饱和度，下文统称为饱和度）是指色彩的纯净或者鲜艳程度。饱和度越高，色彩越鲜艳，视觉冲击力越强。下图为饱和度较高的海报，通过高饱和度的色彩对比，整个海报具有强烈的视觉冲击力。（一）视觉色彩2．色彩的搭配原理原色。原色是指不能通过其他色彩的混合调配而得到的色彩，又称“基本色”，是人眼在光的照射下所能感受到的基本色彩。色光三原色颜料三原色（一）视觉色彩2．色彩的搭配原理间色。间色也称“二次色”，由三原色中的某两种色彩混合而成。复色。复色也称“三次色”，是指由任何两个间色或3个原色混合而成的色彩。原色、间色与复色示意图（一）视觉色彩2．色彩的搭配原理将这些色彩按照光谱在自然中出现的顺序来进行排列，形成首尾相接的圆形光谱，一共12种色彩，叫作12色相环。色环上色彩与色彩之间离得越近，对比度就越小；离得越远，对比度就越大。（一）视觉色彩3．色彩的搭配技巧色彩搭配是一门技术，灵活运用色彩搭配技巧能增加图片的视觉美观度。白色被称为全光色。在视觉营销中，白色能带给人高级和科技的感觉，纯白色会带给人寒冷、严峻的感觉，所以在使用纯白色时，都会掺一些其他的色彩，从而形成象牙白、米白、乳白、苹果白等。（一）视觉色彩3．色彩的搭配技巧在视觉搭配中，黑色能给人高贵、稳重、科技的感觉，许多科技类商品，如电视、摄影机、音箱大多采用黑色。（一）视觉色彩3．色彩的搭配技巧绿色本身会营造出与健康相关的感觉，所以也经常用于与健康相关的设计中。当绿色和白色搭配使用时，可以给人自然清新的感觉。（一）视觉色彩3．色彩的搭配技巧高饱和度的蓝色会营造出一种整洁、轻快的感觉，低饱和度的蓝色会给人一种都市化的现代派感觉。蓝色和绿色、白色的搭配在日常生活中也是随处可见的，蓝色的应用范围很广泛。（一）视觉色彩3．色彩的搭配技巧红色是强有力、喜庆的色彩，给人热情、有活力的感觉。高明度的红色与灰色、黑色等色彩搭配使用，可以给人一种现代且激进的感觉。低明度的红色给人一种冷静沉着的感觉，适合营造古典的氛围。（二）视觉文字1．字体的类型不同的字体类型可以带给人不同的视觉感受，传统的字体类型可分为楷、草、隶、篆、行5种，从视觉感观与应用的角度来讲，还可以把字体类型分为宋体类、黑体类、书法体类和艺术体类4种。（二）视觉文字1．字体的类型宋体是比较传统的字体，其字形较方正、纤细，结构严谨，笔画横平竖直，末尾有装饰，整体给人一种秀气端庄的感觉，在保持极强笔画韵律性的同时，能够给人一种舒适醒目的感觉。（二）视觉文字1．字体的类型黑体又称方体或等线体，没有衬线装饰，字形端庄，笔画横平竖直，笔迹粗细几乎完全一致。黑体的商业气息浓厚，其“粗”的特点能够满足消费者对于文案“大”的要求，常表现阳刚、气势、端正等含义，可用于科技、数码、运动等商品海报或商品详情页等大面积使用文字的页面中。（二）视觉文字1．字体的类型书法体是指具有书法风格的字体，主要包括隶书、行书、草书、篆书和楷书等类型的字体。书法体能赋予商品较强的文化底蕴，字形自由多变、顿挫有力，力量中掺杂着文化气息，常带给人一种古典文化的美好意境。（二）视觉文字1．字体的类型艺术体是指一些非常规的特殊印刷字体，一般是为美化版面而采用的。其笔画和结构大都进行了一些形象化处理，常用于商品海报制作或模板设计的标题部分，可提升艺术品位。（二）视觉文字2．文字组合形式当确定画面中运用的字体后，还需要对文字进行组合排版，让画面的展现效果更加充实、美观。根据风格选择字体文字的可读性字体的搭配（三）视觉构图平衡式构图法在视觉设计中，平衡感是很重要的，一般情况下，为保证视觉平衡，会使用左图右文、左文右图、上文下图、中心构图等构图方式。（三）视觉构图韵律式构图法除了平衡感外，视觉整体的韵律感也是非常重要的。与音乐中的韵律相似，视觉设计也需要节拍、节奏以及各种元素的组合，形成统一、连贯、舒适的整体页面。（三）视觉构图切割构图法适当的画面切割能够增强页面的动感与节奏感，加入几根线条、几个块面就能使页面起到意想不到的效果。设计时需要注意，素材不宜太过复杂和花哨，一般以纯色大块搭配渐变。（三）视觉构图流程构图法流程构图法类似树杈结构，以流程图的方式展示商品。这种构图方式能够将各步骤、各个节点以及整体流向展示清楚，配合图片展示将一个枯燥的流程瞬间变得个性十足，让消费者浏览起来更轻松，并且充满趣味性。（三）视觉构图放射构图法放射构图法是指以主体物为核心，将核心作为构图的中心点并向四周扩散的一种构图方式。Task

training任

务

实

训结合本任务所学知识，赏析工程线缆旗舰店首页，通过对其色彩、构图、文字等进行分析，学习其色彩搭配和版式布局的方法。Task

training任

务

实

训（1）掌握首页的色彩搭配和布局方法。（2）掌握文字的表现方式。实训目标实训要求根据实训目标，需要先了解工程线缆旗舰店首页中包含的信息和内容，再分析其中的色彩搭配和布局方法。1、打开工程线缆旗舰店的首页，经观察，该店铺首页采用明度较高的绿色，属于较鲜亮的色彩。2、文字字体以宋体为主，画面简洁、大方。由于页面中的板块和文案具有促销效果，可单击此板块链接进入相应的活动页面。实训思路3、页面布局采用平衡式