3.1品牌调性的确立（课件）《电子商务视觉设计》（电子工业出版社）

模块一 电商视觉设计认知 《电商视觉设计》 思维导图 电商视觉营销的规划 电商网站的视觉规划 网站商城整体设计 1 目录 CONTENTS 2 3 项目三 网站商城整体设计 项目背景 在全渠道数字化运营项目中，电商视觉设计始终贯穿其中，它能够帮助运营人员解决视觉设计方面的相关问题，以精彩缤纷的图文、视频等形式表达出运营者想要呈现的信息，承载和传递商品的卖点和特色。而在电商视觉设计中，网站商城整体设计是非常重要的一步，具有吸引力的网站商城设计能够帮助运营者吸引到更多的消费者浏览，提高商品的成交率。 进行网站商城的整体设计，可以先从确立品牌的调性入手，其次进行框架的搭建，完成商品主图的设计以及网站栏目的设计，最后，对于网站商城而言，活动专题页是重要的门面之一，可以随着不同时期活动的内容和主题的不同随时变化其风格，因此需要对于网站专题页面进行专门的设计。 网站商城整体设计主要从以下五个方面着手： 研究内容 品牌调性的确立 网站商城页框架设计 商品主图设计 网站栏目设计 网站专题页面设计 学习目标 1.了解品牌调性的概念、确立方法以及具体体现； 2.了解网站商城页内容构成、框架视觉动线设计、框架设计原则； 3.明确商品主图的类型、构图方式以及设计时的注意事项； 4.熟知网站结构基础知识、网站栏目类型以及网站栏目设计标准； 5.了解专题页的基本概况、专题页的构成以及常见版式。 知识目标 1.能够根据品牌需求、行业状况、目标人群特征确定商城的品牌调性； 2.能够根据网站需求以及消费者浏览习惯设计出网站商城页框架； 3.能够根据商城特征选择符合品牌调性的主图类型并设计出展现产品特征的主图； 4.能够根据给定的网站信息梳理出网站适合的物理结构和逻辑结构，并选择合适的网站栏目类型，设计出符合需求的网站栏目； 5.能够在明确品牌方需求后设计出符合主题的网站专题页面。 技能目标 1.具备积极主动的工作态度、较强的视觉审美与设计能力； 2.具备较强的沟通能力和良好的解决问题能力； 3.培养爱岗敬业、精益求精的工匠精神。 素养目标 任务一 品牌调性的确立 预备知识 一、品牌调性的概念 品牌调性是指品牌在市场中所运用的独有的语言识别，品牌调性的构成主要包括品牌核心价值定义阐释、品牌价值诉求、品牌标识语、品牌故事以及品牌主广告语等。 预备知识 一、品牌调性的概念 站在视觉设计的角度而言，品牌调性是一种包括品牌符号化的传达到消费者的印象记忆。 品牌符号可以是名字、logo、颜色、字体、口号、包装、代言人、网站风格等。 具体到网站商城整体设计中，视觉设计师需要根据相应的品牌及企业定位设计与其风格一致的网站页面，包括首页、专题页、产品列表页、产品详情页、后台页等。 预备知识 二、品牌调性的确立方法 1.了解品牌定位，找准目标人群 不同企业有对应的品牌定位，品牌定位不同，所形成的品牌调性就有所差异。 VS 品牌定位会决定目标人群，视觉设计师需要了解相关品牌对应目标人群的特征喜好，进而确立出能够被目标人群广泛接纳的品牌调性。 预备知识 一、品牌调性的概念 不同的电商企业主打的市场方向有所不同，体现在品牌调性方面，就需要找到具有竞争化的差异点。 2.找到竞争化差异点 预备知识 一、品牌调性的概念 选择符合品牌调性的视觉符号能够加深消费者的记忆点，在设计网站商城的过程中也应该多融入相关元素。例如中华老字号品牌五芳斋企业。 3.打造视觉符号，形成消费者记忆点 预备知识 三、品牌调性的具体体现 品牌LOGO 字体 色彩 文案 预备知识 三、品牌调性的具体体现 网站色彩的确定分为主色调的确定和常用配色方式两个部分。 主色调的确定 根据企业所处的行业特点和产品特点确定主色调 根据企业网站面向的主要用户群体视觉偏好，确定主色调 根据企业VI或logo确定颜色 预备知识 三、品牌调性的具体体现 常用配色方式包括纯色配色、单色系配色、同类色配色、邻近色配色、对比色配色以及补色配色等。 实施准备 网站商城品牌调性的确立主要分为四个步骤，分别是调研、分析、策划以及实施。 1 调研 2 分析 3 策划 4 实施 任务实施与分析 步骤1：调研 1.品牌方调研 需要获知的信息包括：企业的理念、品牌的价值方向、品牌历史、品牌故事、品牌主要面对的人群情况、品牌logo，品牌特征、品牌主色调以及其他品牌对网站设计的想法 2.行业其他商城调研 调研其他商城调研的信息包括但不限于：排版、风格、销量情况、文案设计、页面设计等 3.企业方目标人群调研 调研企业方目标人群的信息可以包括：年龄、性别、职业、喜好、特征等 任务实施与分析 步骤2：分析 例如，某品牌是一家专门做文具产品零售品牌，视觉设计师通过多方调研，了解到同品牌其他文具产品多服务于学生群体以及有文具需求的其他群体，为了打造差异性，视觉设计师在与品牌方进行沟通后决定将目标人群缩小在00后学生群体，通过了解到00后很多年轻人喜爱日本动漫，因此将网站风格定位为日漫风格，并采用中文和日本结合的形式，文案风格方面也选择多使用感叹句。 任务实施与分析 步骤3：策划 信息分析完毕之后，在实施之前需要进行策划，策划的方面包括网站风格、网站元素、品牌logo、网页字体、网页版式、网页文案风格、网站色彩等。 某网站商城品牌调性策划表 网站风格 网站元素 品牌logo 网页字体 网页版式 网页文案风格 网站色彩 主字体 辅助字体 主色调 辅助配色 任务实施与分析 步骤4：实施 完成品牌调性策划之后，当后续商城框架搭建成功按照策划表确定信息进行实施即可。 拓展知识 网站类型的选择、内容功能的筹备、界面设计等各个方面都受到目的性和用户需求的直接影响 明确网站建设目的和用户的需求 根据网站的目的和用户的特点规划出最终的表现手法和表现形式，但必须做到主题鲜明突出、要点明确，页面整体形式要能体现出网站的主题 总体设计主题明确 保证链接的准确无误 链接准确无误 考虑到内容更新的快捷和简便。在更新内容的同时，还要注意保持页面在结构上的相对一致性 保证网站信息的时效性 电子商务网站设计准则 思考与总结 学员通过以上操作，完成对品牌调性的确立，请学员在此基础上，进行思考并回答以下问题： 品牌调性的确立还与哪些内容有关？ 能力提升 请同学们简述品牌调性确立的具体步骤，并将其绘制成脑图形式进行呈现。 $$