内容简介
《玩转系列宝典:轻松搞定店铺视觉》由电商讲师和资历电商视觉总监团队共同编写,是一本店铺视觉布局及规划的指导手册。能够全面助力电商从业者及电商专业学生梳理、搭建电商整体视觉知识体系,夯实电商从业基础,掌握专业化服务方法论知识。
《玩转系列宝典:轻松搞定店铺视觉》涉及从店铺视觉基本概念到视觉定位,从视觉技巧到PC端和无线端视觉知识,由浅至深,一目了然。靠前章主要围绕店铺视觉营销的定义、视觉岗位所需职业素养阐释电商视觉的重要性。第2章介绍店铺视觉定位,涉及店铺风格定位、摄影脚本及品牌视频、产品视频、活动视频脚本的制定,帮助读者理清思路,提高工作效率。第3~6章通过店铺视觉PC端、无线端页面规划、店铺视觉推广图等方面介绍可落地执行的方案和审美标准。
《玩转系列宝典:轻松搞定店铺视觉》可作为各类院校电子商务及相关专业的教材,更是网络创业者和电子商务从业人员的推荐参考用书。
作者简介
"天猫运营中心主要负责统筹商家管理、规则管理、会员管理。在商家端,结合商业环境的变化不断升级和优化平台规
则,以满足商家的经营需求,降低商家经营成本,并致力于通过数据化运营全面提升商家经营全链路的运营效能;在
消费者端,以精准的人、货、场三位一体的科学化导购,优化消费者购物路径,并通过不断扩展更多高价值的效益来
升级消费者体验。"
内页插图
目录
"目 录
第1章 天猫店铺视觉基础篇
1.1 视觉营销的作用 .........................................................................................2
1.1.1 视觉营销的概念 ...............................................................................2
1.1.2 视觉营销对店铺的重要性 ...............................................................5
1.2 视觉营销提升案例.........................................................................................5
1.2.1 案例视觉效果分析 ...........................................................................6
1.2.2 案例店铺视觉优化 ...........................................................................9
1.3 流量入口的视觉接触点...............................................................................15
1.3.1 广告推广图 .....................................................................................15
1.3.2 店铺内视觉接触点 .........................................................................17
1.4 天猫店铺视觉后台学习...............................................................................18
1.4.1 天猫商家中心后台登录 .................................................................18
1.4.2 手机页面装修模块 .........................................................................19
1.5 视觉相关的工作流程...................................................................................22
1.5.1 视觉整体通用流程 .....................................................................22
1.5.2 设计师工单管理流程 .....................................................................25
1.6 视觉工作高压线提示...................................................................................26
1.7 店铺视觉设计应具备的专业知识...............................................................29
1.7.1 软件相关知识 .................................................................................29
1.7.2 专业技能知识 .................................................................................30
第2章 天猫店铺视觉定位篇
2.1 了解CIS(企业形象识别系统) ................................................................33
2.1.1 MI(理念识别) ............................................................................34
2.1.2 BI(行为识别) .............................................................................34
2.1.3 VI(视觉识别) .............................................................................35
2.2 店铺视觉风格的呈现...................................................................................50
2.2.1 店铺风格定位 .................................................................................50
2.2.2 店铺视觉风格的呈现 .....................................................................56
2.3 摄影脚本的确定...........................................................................................60
2.3.1 确定拍摄风格 .................................................................................60
2.3.2 制定拍摄方案 .................................................................................61
2.3.3 形成拍摄表格 .................................................................................64
2.4 视频脚本的确定...........................................................................................67
2.4.1 脚本内容的确定 .............................................................................67
2.4.2 添加视频规则 .................................................................................68
2.4.3 制作主图视频方法 .........................................................................68
2.4.4 发布带视频的详情页面 .................................................................69
第3章 天猫店铺视觉PC端页面篇
3.1 天猫店铺PC端店铺首页..............................................................................72
3.1.1 店铺首页的作用 .............................................................................73
3.1.2 PC端店铺首页模块 ........................................................................78
3.1.3 PC端店铺平销首页 ........................................................................91
3.1.4 PC端店铺活动首页设计 ................................................................96
3.2 天猫店铺PC端专题页设计........................................................................102
3.2.1 店铺专题页的作用 .......................................................................102
3.2.2 PC端店铺活动专题页 ..................................................................104
3.2.3 PC端店铺品牌故事页面 ..............................................................106
3.2.4 PC端店铺VIP会员页面................................................................114
3.3 天猫店铺商品主图.....................................................................................116
3.3.1 商品主图的重要性 .......................................................................116
3.3.2 商品主图的规划及逻辑 ...............................................................116
3.3.3 商品主图发布规范 .......................................................................119
3.3.4 商品主图9秒视频 .........................................................................120
3.4 PC端商品详情页面....................................................................................120
3.4.1 详情页作用 ...................................................................................122
3.4.2 商品详情页策划步骤 ...................................................................122
3.4.3 详情页模块及逻辑排序 ...............................................................127
3.4.4 PC端商品详情页的类型及设计思路 ..........................................139
3.4.5 常见问题 .......................................................................................143
第4章 天猫店铺视觉无线端页面篇
4.1 无线端店铺首页规划.................................................................................145
4.1.1 无线端特点及与PC端的区别 ......................................................145
4.1.2 无线端店铺首页功能模块 ...........................................................146
4.1.3 无线端首页装修注意事项 ...........................................................153
4.1.4 无线端首页的千人千面 ...............................................................154
4.2 无线端商品详情页面规划.........................................................................163
4.2.1 无线端详情页面规划的注意事项 ...............................................163
4.2.2 无线端与PC端详情页面设计上的区别 ......................................164
4.2.3 无线端详情页面案例分析 ...........................................................164
4.2.4 无线端详情页面的千人千面 .......................................................167
4.2.5 无线端详情页面的版面规划 .......................................................170
4.2.6 无线端详情轻量化功能 ...............................................................175
4.3 无线端工具 .............................................................................................177
4.3.1 无线运营中心 ...............................................................................178
4.3.2 神笔工具 .......................................................................................179
第5章 天猫店铺视觉推广图篇
5.1 天猫店铺推广图基础.................................................................................191
5.1.1 天猫店铺推广图概述 ...................................................................191
5.1.2 天猫店铺推广图的类型 ...............................................................197
5.2 推广图设计原则.........................................................................................197
5.2.1 构思原则 .......................................................................................197
5.2.2 设计原则 .......................................................................................199
5.3 天猫店铺推广图设计技巧.........................................................................201
5.3.1 推广图呈现技巧 ...........................................................................201
5.3.2 推广图应用技巧 ...........................................................................208
第6章 天猫店铺视觉数据篇
6.1 获取数据的工具.........................................................................................231
6.1.1 生意参谋工具 ...............................................................................231
6.1.2 数据名词解释 ...............................................................................238
6.2 推广图数据诊断及优化建议.....................................................................239
6.2.1 诊断数据来源 ...............................................................................240
6.2.2 推广图优化建议 ...........................................................................241
6.3 店铺页面数据诊断及优化建议.................................................................244
6.3.1 店铺首页、二级页的数据诊断 ...................................................244
6.3.2 天猫店铺页面优化建议 ...............................................................245
"
前言/序言
大量国内外知名品牌相继入驻天猫,为消费者提供了丰富多样的选择。天猫已融入人们的日常生活中,足不出户就能买遍全球。众多新入驻天猫的品牌商家面临着人才短缺和快速适应天猫的问题。天猫想商家之所想,急商家之所急,策划并出版“玩转天猫系列宝典”丛书,旨在帮助商家提升店铺运营实操能力。
互联网购物,消费者对产品及店铺的了解主要是通过店铺页面的视觉呈现,店铺视觉效果设计能否传达品牌文化和产品特点,将直接影响消费者决定是否下单购买,因此,店铺视觉呈现尤为重要。
为什么知名品牌即使不看品牌Logo,仅仅看到包装或者海报广告图就知道是哪一个品牌?为什么ZARA、三只松鼠、花笙记、阿芙、茵曼等天猫店铺视觉让人一看就有强烈的品牌感?因为这些品牌店铺的视觉无处不在地传达着统一的识别标识、统一的精神象征、统一的价值理念!
视觉的终极目标就是在消费者心中形成强烈的记忆符号!天猫店铺视觉是品牌视觉的一部分,既需要与品牌定位保持一致,又要让电子商务消费者需求与电商店铺运营紧密结合。
本书既阐述了品牌整体视觉定位的要点,又结合数据化视觉分析理念把传统视觉营销概念与电商紧密结合。
第1章介绍视觉营销的概念,并结合天猫店铺视觉优化案例让读者了解视觉对于天猫店铺的重要性和视觉优化要点,了解和掌握工作流程,以及视觉人员的应备素质。
第2章讲述店铺视觉定位,从CIS(企业形象识别系统)的MI(理念识别)、BI(行为识别)、VI(视觉识别)出发,到店铺风格定位,再到摄影脚本及品牌视频、产品视频、活动视频的脚本制定。让读者在做图和做页面之前,有清晰的方向,大大提升工作效率。
本书第3~6章分别从店铺视觉PC端和无线端页面规划、店铺视觉推广图等方向介绍了可落地执行方案和审美标准,以及如何通过数据来验证视觉设计的优劣,让设计师成为真正的电商视觉设计师。
第3章讲述店铺视觉页面,从平销首页设计、活动首页设计,到活动专题页设计、品牌专题页设计、会员专题页设计,再到主图设计与详情页设计,让读者能够系统全面地掌握页面视觉规划与呈现。在展现品牌形象的同时,增加页面停留时间、减少跳失率、提升点击率与转化率。
第4章从无线端消费者的浏览习惯出发,讲解了无线端页面的规划设计思路,以及工具“千人干面”“神笔”等应用。
第5章讲述店铺视觉推广图,涉及如何做好活动海报、直通车推广图、钻石展位推广图、淘宝客推广图,它们的构思要点和设计原则分别有哪些,如何更好地呈现,通过该章的学习,这些问题都将一一化解。
数据是检验真理的唯一标准,视觉效果的优劣依然可以通过数据反馈来检验衡量。
所以,第6章——店铺视觉数据,让每一张图是否有点击、点击在哪里,变得可以衡量;让首页、详情页等页面做得好不好,变得有理有据。解决运营与设计师对图片、页面的审美差异和矛盾,因为有数据可依!同时也为页面优化提供了最为科学的优化指导。
本书为“玩转天猫系列宝典”中的“立足天猫”系列的一册,旨在从天猫店铺运营的角度,让读者学习和了解如何整体提升店铺品牌视觉水准,既适合天猫商家及运营人员了解店铺视觉的整体工作流程与策划思路,掌握运营天猫店铺必备的专业知识,更适合店铺视觉工作人员,如何从单一执行的设计师,成长为有运营思维和数据分析能力的设计师,甚至成为品牌视觉总监。
本书由具有一线实操经验的多位店铺视觉及运营人员、淘宝大学认证讲师共同编写,助力电商从业人员及电商专业的学生梳理、搭建视觉知识体系,从店铺视觉实操到案例精辟分析,全面提升读者的视觉水平和电商设计思维能力,从而胜任电商视觉岗位的工作,提升店铺视觉效果。
需要提醒各位读者的是:天猫运营瞬息万变。本书部分内容以及页面截图,可能在读者阅读时已发生变化,但是并不影响对本书核心内容的解读,请读者知悉并谅解。商家后台工具的更新内容请于天猫智库查询了解,网址:https://zhiku.tmall.com/。
玩转天猫系列宝典:轻松搞定店铺视觉 内容概述: 本书是一本深入浅出、实操性极强的电商视觉营销指南,专为希望在天猫平台脱颖而出的商家量身打造。它不仅仅是关于设计技巧的堆砌,更是关于如何从用户心理出发,将品牌理念、产品优势通过视觉语言精准传达,从而提升用户体验、激发购买欲望,最终实现销售增长。本书将带领读者系统性地梳理店铺视觉的核心要素,从宏观的店铺整体风格定位,到微观的每一个详情页设计细节,都进行深度剖析和具体指导。 核心内容亮点: 第一部分:深度洞察用户心理,构建有效视觉沟通 理解你的目标消费者: 成功的视觉营销始于对用户的深刻理解。本书将引导你走出“我想当然”的误区,通过用户画像构建、消费场景分析、需求挖掘等方法,真正站在用户角度去思考。我们将学习如何识别不同年龄段、不同消费习惯、不同兴趣爱好的用户群体,以及他们偏爱的视觉风格和信息传递方式。例如,年轻用户可能更喜欢潮流、个性的设计,而成熟用户则可能偏好稳重、专业的风格。 视觉语言的心理学原理: 颜色、形状、构图、字体等视觉元素都承载着特定的心理含义。本书将深入浅出地讲解色彩心理学在电商领域的应用,如何选择能够唤起目标用户情感共鸣的色彩搭配;探讨不同形状传递的感受,例如圆润的形状带来的亲和力,棱角分明的形状带来的力量感;解析黄金分割、对称、留白等构图原则如何影响用户的视觉焦点和信息接收效率;以及字体选择如何影响品牌气质和信息的可读性。 建立品牌视觉识别系统(VI): 统一且有辨识度的品牌VI是视觉营销的基石。本书将指导读者从品牌定位出发,确立品牌的核心价值和个性,并将其转化为一套完整的视觉识别系统,包括Logo设计、标准色彩、标准字体、辅助图形等。我们将详细讲解如何运用这些VI元素贯穿于店铺的每一个角落,从首页到详情页,从商品主图到促销海报,确保品牌形象的一致性和传播力。 第二部分:打造吸睛商品主图,引爆首因效应 商品主图的重要性与黄金法则: 商品主图是用户看到你的产品的第一眼,也是决定用户是否点击进入详情页的关键。本书将深入剖析商品主图的设计原则,包括清晰度、吸引力、信息量和情感化表达。我们将讲解如何利用高质量的产品摄影、精美的场景搭建,以及富有故事性的视觉呈现,让你的商品在海量信息中脱颖而出。 多角度、多场景的呈现策略: 一张静态图片往往无法完全展现产品的魅力。本书将指导你如何运用多图组合、短视频、GIF动图等多种形式,从不同角度、不同使用场景全面展示产品。例如,展示产品的细节、材质、功能演示、用户使用效果等,让用户仿佛身临其境,充分感知产品的价值。 创意构图与信息传递: 如何在有限的主图空间内传递最核心的信息?本书将介绍多种创意构图技巧,如突出核心卖点、制造视觉焦点、运用留白营造呼吸感等。我们还将探讨如何巧妙地将产品优势、促销信息、品牌Logo等融入主图中,做到既美观又不失实用性。 商品主图的A/B测试与优化: 视觉效果的好坏并非一成不变,持续优化是成功的关键。本书将引导读者学习如何通过A/B测试,对比不同风格、不同元素的商品主图,找到最能吸引用户点击、提高转化率的设计方案。 第三部分:精雕细琢详情页,深度转化用户 详情页的用户心理动线设计: 详情页是用户深入了解产品、做出购买决策的核心阵地。本书将带领你站在用户的角度,设计一条流畅、有逻辑的用户心理动线。从产品痛点切入,到解决方案呈现,再到价值提炼和信任建立,每一步都旨在回应用户的疑问,打消用户的顾虑。 逻辑清晰的结构布局: 冗长、混乱的详情页只会让用户望而却步。本书将教授你如何构建逻辑清晰、层次分明的详情页结构,包括:引人入胜的标题和开篇、核心卖点提炼、产品功能详解、细节展示、使用方法指导、搭配推荐、用户评价展示、品牌故事、售后保障等。 图文并茂的视觉呈现: 优质的图片和视频是详情页的灵魂。本书将提供详尽的图片拍摄、处理技巧,以及视频剪辑和脚本策划的指导。我们将学习如何运用高质量的产品实拍图、高清细节图、场景图、使用演示图、对比图、数据图表等,让产品信息生动、直观、可信。 文案与视觉的完美结合: 详情页的文案同样重要,它需要与视觉元素相辅相成,共同引导用户。本书将指导读者如何撰写能够触动用户、激发购买欲望的文案,包括:提炼产品核心价值、强调用户利益、运用场景化描述、制造稀缺感和紧迫感、构建信任感等。 提升转化率的细节处理: 从按钮设计、颜色搭配到信息层级,每一个细节都可能影响转化率。本书将聚焦于那些容易被忽略但至关重要的细节,例如 CTA(Call to Action)按钮的设计、色彩的引导作用、关键信息的突出显示、动效的运用等。 第四部分:打造统一店铺风格,提升品牌价值 首页设计:店铺的“门面”与“名片”: 店铺首页是用户对整个店铺的第一印象,其设计风格直接影响用户的停留时间和后续浏览意愿。本书将深入讲解首页设计的核心要素,包括Banner设计、导航栏设计、产品分类展示、活动入口设置、品牌故事区等,如何通过统一的风格和清晰的布局,为用户打造流畅的购物体验。 导航与分类的设计: 易于查找的产品分类和清晰的导航是用户高效购物的保障。本书将指导读者如何根据用户需求和产品特点,设计合理的导航栏和产品分类,方便用户快速找到所需商品。 促销活动与主题页设计: 针对不同的促销活动,如何设计出吸引人、有感染力的主题页面?本书将提供一系列创意灵感和实操技巧,包括如何运用节日元素、营销主题、限时优惠等,设计出视觉冲击力强、转化率高的促销页面。 统一的视觉语言在全店贯穿: 无论是在首页、分类页,还是在商品详情页、活动页面,都需要保持统一的品牌视觉语言。本书将强调如何将品牌VI系统、色彩体系、字体规范等贯穿于店铺的每一个角落,形成连贯、一致的品牌体验,加深用户对品牌的记忆和好感。 第五部分:实战工具与趋势分析 常用设计工具的使用技巧: 尽管本书侧重于设计理念和策略,但也会提供一些常用设计工具(如PS、AI、Canva等)的基础操作和实用技巧,帮助读者更高效地实现设计想法。 移动端视觉优化: 随着移动购物的普及,移动端视觉设计尤为重要。本书将重点讲解移动端详情页的适配、图片尺寸、字体大小、按钮点击区域等优化策略,确保用户在手机上的购物体验同样出色。 最新电商视觉趋势解读: 电商视觉设计日新月异,本书将适时地解读当前以及未来可能流行的电商视觉风格和设计趋势,帮助读者保持敏锐的市场洞察力,引领设计潮流。 本书特点: 系统性强: 从宏观的品牌定位到微观的细节设计,全面覆盖店铺视觉营销的各个方面。 实操性高: 案例丰富,方法清晰,指导读者一步一步进行实际操作。 理论与实践结合: 深入浅出地讲解设计原理,并提供大量的实战技巧和工具。 用户导向: 始终以用户心理为出发点,帮助读者打造真正能打动用户、促进转化的视觉内容。 语言平实易懂: 避免使用过于专业和晦涩的术语,力求让每一位读者都能轻松理解和掌握。 目标读者: 天猫商家、运营人员、美工设计师。 准备入驻天猫的电商创业者。 希望提升店铺视觉效果和转化率的电商从业者。 对电商视觉营销感兴趣的个人。 通过阅读本书,你将能够系统性地提升店铺的整体视觉形象,精准传达产品价值,有效地吸引和转化目标用户,最终在竞争激烈的天猫平台中,赢得更多的市场份额。