《视觉营销设计》 课件 模块三：视觉营销的整体规划与设计

视觉营销设计模块三

视觉营销的整体规划与设计目录CONTENTS视觉营销整体规划的要求与内容01视觉界面的布局与风格设计02用户体验视觉营销设计0301视觉营销整体规划的要求与内容对视觉营销进行整体的、有安排、有计划地规划，能够指导后续一系列视觉营销活动有序进行，使视觉营销的效果得到最大化展现视觉营销视觉营销整体规划的要求与内容01整体规划的要求视觉营销的视觉营销整体规划的要求与内容视觉营销整体规划的要求在视觉营销整体规划过程中，通常需要遵循以下几点要求：要求一：目的性在视觉营销过程中，“视觉”是营销的手段，营销是目的在做店铺的视觉营销整体规划时，要始终以营销为根本目的，一切视觉展示手段都应服务于商品交易的达成视觉营销整体规划的要求与内容视觉营销整体规划的要求要求二：实用性实用性是指在视觉营销规划过程中，要从页面的营销目的出发，合理设置内容，内容的布局要为消费者服务了解产品详情方便购物下单及时获得客服服务搜索商品信息视觉营销整体规划的要求与内容视觉营销整体规划的要求要求三：审美性视觉营销的审美性重点是指页面设计要舒适、美观,从消费者的视觉感受出发将目标消费人群的审美偏好等考虑进去，策划出符合大众审美的页面风格CBA页面颜色设计素材搭配图文设计视觉营销整体规划的要求与内容视觉营销整体规划的要求要求三：审美性充分利用视觉导引理论，页面布局要符合目标消费人群的浏览习惯主推商品导引促销信息视觉营销整体规划的要求与内容视觉营销整体规划的要求要求四：统一性重点体现在店铺整体风格的统一特色活动页商品详情页商品分类页店铺首页视觉营销整体规划的要求与内容02整体规划的主要内容视觉营销视觉营销整体规划的要求与内容视觉营销整体规划的主要内容了解该群体有哪些购物习惯、行为偏好等，从目标消费者的角度确定出店铺的定位内容一，明确店铺定位产品类目1产品种类2目标消费群体3视觉营销整体规划的要求与内容视觉营销整体规划的主要内容内容二，规划视觉界面的布局围绕着用户体验来开展店铺整体的视觉营销策划。首先要对视觉界面内的内容进行规划，比如从店铺呈现在消费者眼前的具体界面功能出发视觉营销整体规划的要求与内容视觉营销整体规划的主要内容内容三，规划视觉界面的风格视觉界面的风格规划是一项复杂、系统的工作品牌调性店铺定位商品特色促销方式视觉营销整体规划的要求与内容02视觉界面的布局与风格设计界面布局顺序内容交互发生点123视觉界面的布局与风格设计01基本布局方式视觉界面的视觉界面的布局与风格设计视觉界面的基本布局方式视觉界面的基本布局方式可分为网页界面和移动端两部分常见的两种网页布局模式是：F模式Z模式视觉界面的布局与风格设计视觉界面的基本布局方式F模式F模式是指用户沿着左侧垂直浏览而下，先去寻找页面中每个段落开头的兴趣点，如果发现了感兴趣的点，用户就会从该处开始沿水平线方向阅读，最终用户的视线呈“F”型视觉界面的布局与风格设计视觉界面的基本布局方式Z模式Z模式是指用户的浏览视线，沿着从左到右、自上而下的阅读方式视觉界面的布局与风格设计视觉界面的基本布局方式移动端视觉界面的布局方式：列表式布局仪表布局卡片布局宫格式布局瀑布流布局手风琴布局多面板布局Gallery布局视觉界面的布局与风格设计视觉界面的基本布局方式列表式布局列表式布局纵向长度没有限制，上下滑动可查看无限内容，视觉上整齐美观，用户接受度高视觉界面的布局与风格设计视觉界面的基本布局方式宫格式布局宫格式布局被广泛应用于各平台系统的中心页面，或作为一系列工具入口的聚合视觉界面的布局与风格设计视觉界面的基本布局方式仪表布局仪表布局的方式展示更加直观，但信息展示量少，过于单一，适合表现趋势走向的展示视觉界面的布局与风格设计视觉界面的基本布局方式卡片布局卡片布局中每个卡片信息承载量大，转化率高；每张卡片的操作互相独立，互不干扰。适合以图片为主、单一内容浏览型的展示视觉界面的布局与风格设计视觉界面的基本布局方式瀑布流布局瀑布流布局的图片展现要具有吸引力；瀑布流里的加载模式能让用户获得更多内容，用户容易沉浸其中；适用于实时内容频繁更新的情况视觉界面的布局与风格设计视觉界面的基本布局方式Gallery布局Gallery布局中单页面内容整体性强，聚焦度高；线性的浏览方式有顺畅感、方向感视觉界面的布局与风格设计视觉界面的基本布局方式手风琴布局手风琴布局中两级结构可承载较多信息，同时能够保持界面简洁，减少界面跳转。适用于两级结构的内容，并且二级结构可以隐藏视觉界面的布局与风格设计视觉界面的基本布局方式多面板布局多面板布局可以减少界面跳转，使分类一目了然，如图所示。适合分类多并且内容需要同时展示的界面视觉界面的布局与风格设计02风格设计视觉界面的视觉界面的布局与风格设计常见的视觉界面设计风格有：视觉界面的风格设计极简风国潮风科技风复古中国风3D风孟菲斯风时尚大片风电子霓虹风视觉界面的布局与风格设计03用户体验视觉营销设计01用户思维与视觉营销定位02用户界面的视觉形象设计03提升流量的用户体验优化设计如何进行用户体验视觉营销设计呢？用户体验视觉营销设计01视觉营销定位用户思维与用户体验视觉营销设计用户思维与视觉营销定位用户体验视觉营销设计的前提是具备用户思维，用户思维包含两个方面：用户是谁用户想干什么帮助企业提高市场传播的精准度帮助企业提高运营的效率通过分析用户的各种行为，划分用户等级，制定用户成长体系，帮助并引导用户跨越新手阶段用户体验视觉营销设计用户思维与视觉营销定位用户思维是互联网思维中最核心的思维，用户需求永远是营销工作的导向，企业在开发、研制、营销任何一款产品或服务时，都应该以用户为核心用户需求营销内容导

向企业产品或服务用户为核心用户体验视觉营销设计02视觉形象设计用户界面的用户体验视觉营销设计用户界面的视觉形象设计它的基本要素包括：0201030405企业标志企业标准字企业名称标准色彩象征图案06企业吉祥物标语口号070607用户体验视觉营销设计用户界面的视觉形象设计企业名称企业名称与企业形象有着紧密的联系，是采用文字来表现视觉识别要素。企业名称的形象设计，要反映出企业的经营思想，体现出企业理念等信息用户体验视觉营销设计用户界面的视觉形象设计企业标志企业标志是特定企业的象征与识别符号。企业标志是通过简练的造型、生动的形象来传达企业的理念、产品特性等信息用户体验视觉营销设计用户界面的视觉形象设计企业标准字企业的标准字体包括中文、英文或其它文字字体企业名称A企业品牌名B企业地址C用户体验视觉营销设计用户界面的视觉形象设计企业标准字标准字体的选用要有明确的说明性品牌诉求力直接传达企业品牌名称强化企业形象用户体验视觉营销设计用户界面的视觉形象设计企业标准字字体与标志的协调统一性A字距和造型的规划C字体的系统性和延展性EBD适应于各种媒体和不同材料的制作适应于各种物品大小尺寸的应用在设计标准字时，要考虑：用户体验视觉营销设计用户界面的视觉形象设计企业标准色企业的标准色彩，是用来象征企业并应用在视觉识别设计中所有媒体上的特定色彩企业属性和情感03产品内容的特质02企业的经营理念01用户体验视觉营销设计用户界面的视觉形象设计企业象征图案通过象征图案的丰富造型，来补充