• B端表单的帮助系统该如何设计?来看这篇超全总结!

    UI交互 2023-03-09
    帮助文字是一套帮助人们成功填表的信息。因此,有很多实践可以通用。我们很多时候会在选择设计方案上摇摆不定。

    帮助文字是一套帮助人们成功填表的信息。因此,有很多实践可以通用。我们很多时候会在选择设计方案上摇摆不定。自己觉得好的方案,看到别人是另外一种形式,又会觉得自己的是不是不太好。其实没必要,每一种方案都有好与坏,很难做到 100%完美,只能说在当前这个阶段里接近完美。

    就像小孩有了虫牙,去医院治疗,医生也会说有很多种方案。具体用哪一种会根据年龄、性别、牙齿生长情况来决定。比如:一个 6 岁的女孩,在不严重的情况下,医生可能就建议清理后补一下;如果是一个 5 岁的男孩,当前牙齿还不错,距离换牙还有比较长的一段时间,可能会给你放个普通点的牙套保护起来。

    即使在这种情况下,也会有家长事后说放牙套感觉像是过渡治疗。那如果不放,后面严重了,需要根管治疗的时候,家长又会说为什么当初不放牙套。

    其实,表单帮助系统也是如此

    更多表单干货:

    4000字干货!手把手带你掌握web中的表单设计 前言 表单是我们生活中常见的信息添加、录入的方式之一,如何进行表单的设计也是 B 端设计师的必修课。

    阅读文章 >

    虽然表单标签和输入框的表现(展现)方式,为填写提供了有用线索。但有时只有这些元素还不够。常见的方法是在标签或者输入框旁增加帮助文字“告诉”人们应该如何回答问题。

    例如:下图中标签与输入框旁,都有帮助图标引导用户进行填写。

    它和校验提示类似,都是帮助人们顺利完成填写任务。

    因此,有很多实践方法可以通用,如下:

    1. 提供帮助的场景

    帮助文字只是告知人们应该如何填写,但并不是完成 Web 表单的关键。

    由于人们往往不会去阅读屏幕上的提示,这也会导致帮助文字产生问题。

    眼动跟踪研究表明,很多人看到表单时会直接跳到第一个输入框。这是一种自然倾向,人们就想填完表单,能继续到下一步!

    但在以下场景中需要帮助文字:

    人们不熟悉表单要求填入的内容。例如:什么是数据分析? 人们质疑为何要填入特定数据。例如:为什么要知道我的出生日期? 人们可能会关心数据安全或者隐私。例如:填写信用卡号码安全吗? 系统推荐的数据填写方式。例如:在填写标签时请用“逗号”隔开。 2. 自动即时帮助

    自动即时帮助系统:指在帮助信息最合适的时间和位置显示。

    例如:下图中点击或者用 Tab 键激活输入框,相关帮助文字就出现在输入框的右边。 为了能让帮助文字出现在人们预期的位置,自动即时帮助需要网页上有一块专门的区域来显示动态帮助文字。

    另外一种方法不需要屏幕上有专门的区域来显示帮助文字,而是把帮助文字直接显示在相关输入框的下方。

    例如:下图校验提示框(注:因没找到对应的帮助提示效果,所以就拿校验提示举例,要表达的效果是一样)

    其优点是帮助文字与问题相邻,很容易产生联系,而缺点是帮助文字会遮住其他输入框。

    如果帮助文字更适用于一组相关输入框、而不是单个输入框,自动即时帮助同样有用。 例如:触发“数量”“型号”这一行,会自动高亮显示每组信息的相关帮助信息。

    以上这几种自动帮助系统也有一个潜在缺点,即只有开始填表时,人们才知道是否有帮助文字。

    有种办法或许能弥补这个缺点,即在输入框中显示帮助文字。

    这种方法和自动即时帮助文字相反,帮助文字出现在访问输入框之前,输入内容后就不再出现。由于能立刻看到帮助文字,所以人们一看到表单就可以得到帮助提示。

    但这种方式适用于概括回答。例如:下图中 App Store URL 输入框中解释了为什么需要填。

    总结: 由于自动即时帮助系统不会预先显示帮助文字,因此最适合用于人们能回答但不清楚如何回答的问题。

    3. 用户激活的即时帮助

    用户激活的即时帮助:是指在人们需要时提供帮助。这种方式通常采用一致的图标、按钮或文本链接,便于人们知道有帮助可供使用。

    需要时,人们可以通过点击或触发的方式,来显示相关帮助文字。

    例如:下图中触发“问号”小图标会显示对应的说明。

    但这种方式也有一个缺点,即帮助符号靠近输入框,而不是靠近标签。之前表单相关文章中有说过,必填输入框标志、符号和标签联系在一起有助于人们更容易地浏览到所需信息。

    例如:在阿里云、腾讯云中很多提示都在标签旁边,但我不确定是不是所有页面都是采用这种形式。通过页面发现他们标签都是采用的左对齐,如果是右对齐是不是也是在标签后面?或者是根据相关度来规定,如果和标签相关放在标签旁,和输入相关放输入框旁。大家有兴趣可以留意观察一下。

    虽然“问号”是最常用于显示帮助内容的符号,但也有其他符号能达到同样目的(例如腾讯云中的“i”符合)。无论使用图标、按钮、文字,都是为了通过某种视觉线索来表明帮助的存在。

    总结: 如果表单所含问题复杂,或者表单会被相同的人重复使用,这类表单适合采用用户激活的即时帮助。因为新用户使用时可以访问所有需要的帮助,而高级用户只触发一些帮助来唤醒记忆或者快速回答问题。

    4. 用户激活的区域帮助

    用户激活的帮助文字还可以显示在页面固定(统一)位置,而不显示在相关输入框的毗邻区域。显示帮助文字的位置固定可以利用更大显示面积,提供广泛的帮助文字和内容。

    例如:帮助中需要展示图形和图表,同时人们可在固定位置显示找到帮助文字。下图是阿里云的帮助文档浮层窗口。

    有些产品也会采用浏览器新窗口打开的方式,来显示大量的帮助信息。

    另一种替代方法是利用毗邻表单的统一区域来显示相关帮助内容。

    例如:下图表单右侧有一栏专门显示相关帮助文字,触发与点击表单会显示对应的帮助信息。

    另外一种方式是通过点击帮助,右侧弹出提示信息,与上面不同之处是可以关闭,这样更适合新用户与老用的兼容。

    总结: 与即时帮助类似,用户激活的区域帮助,更适合用于需要多次提供帮助的表单,尤其是复杂问题的表单。

    5. 最佳实践

    不要依赖帮助文字来弥补表单缺点。尽量减少表单中的帮助文字,以促成更好的设计方案;

    帮助文字最适合解释人们不熟悉的数据,例如,为什么要问这些问题、安全和隐私、建议回答问题的方式及说明可填项;

    简洁的帮助文字靠近问题区域是最清晰的展示方式; 输入框内的帮助文字只能用于提供回答问题的方式; 如果人们知道表单问题答案,但不确定如何回答或者为什么回答,可以考虑使用自动即时帮助系统; 如果表单问题人们不熟悉或者复杂,而且可能同样的人会多次使用,可以考虑采用用户激活的帮助系统; 如果帮助内容很多,可以使用区域帮助,不要使用即时帮助; 图标、链接或按钮用于用户激活的帮助文字触发器应放在标签旁,尽量不要放在输入框旁; 如果要求用户填入敏感资料,考虑使用有操作含义的帮助文字,允许人们确认资料安全。 谢谢观看!

  • 写给大家看的视觉基础知识(四):光效设计

    UI交互 2023-03-09
    上一篇《写给大家看的视觉知识3弥散光渐变》教授大家如何去灵活使用渐变,让画面层次感更加丰富,今天我们继续讲渐变和光效的高级使用,如何灵活运用光效给画面增加丰富的质感。写给大家看的视觉基础知识(三):弥散光渐变本文从渐变的基础原理出发,帮你掌握弥散光渐变的制作和应用方法。阅读文章 >

    上一篇《写给大家看的视觉知识3弥散光渐变》教授大家如何去灵活使用渐变,让画面层次感更加丰富,今天我们继续讲渐变和光效的高级使用,如何灵活运用光效给画面增加丰富的质感。

    写给大家看的视觉基础知识(三):弥散光渐变 本文从渐变的基础原理出发,帮你掌握弥散光渐变的制作和应用方法。

    阅读文章 >

  • 花百亿买来的经验!百度FEED营销活动设计方法总结

    UI交互 2023-03-09
    百度 FEED 设计团队以“有福气 趣新春”为主题提出了内容场景化的营销策略,本文整体围绕如何把“内容做的有趣”来分享设计思路。更多百度设计复盘:大厂出品!19岁的百度贴吧如何做好互动体验设计改版?

    百度 FEED 设计团队以“有福气 趣新春”为主题提出了内容场景化的营销策略,本文整体围绕如何把“内容做的有趣”来分享设计思路。

    更多 百度 设计复盘:

    大厂出品!19岁的百度贴吧如何做好互动体验设计改版? 本文搭建“信息更易懂”、“路径更顺畅”、“玩法有惊喜”互动系统设计方法,焕新 19 岁贴吧互动体验,提升用户活跃。

    阅读文章 >

    前言

    15 年开始,红包大战占据了春节营销的重要位置,各家互联网平台纷纷“发钱”抢占用户,红包总额曾在 2021 年一度达到 120 亿元的峰值。不过近两年开始,过往简单粗放的红包大战逐渐失去热度。平台不再追求短时间用户增长,这次春节活动就是百度 FEED 年底以运营手段打造的内容营销活动。设计团队以“有福气 趣新春”为主题提出了内容场景化的营销策略,整体围绕如何把“内容做的有趣”来分享设计思路。

    一、心智建立内容护城河 1. 心智占领:

    提到内容营销,先不说老掉牙的脑白金、可口可乐。我们先说说产品和用户的关系。我们通过各大平台的定位,提供了信任背书,但产品只是流量的承载地,最终让目标用户到达目的地的还是我们的品牌、内容、形象。所以我们在做内容营销活动的时候,究竟应该怎么做?

    2. 你的产品容易记住么?

    海的味道你知道,是波力海苔。提到蓝瓶的钙,脑海会浮现产品的蓝色包装。说到这里,我们就明白了,内容营销的核心是图形和口号。营销活动的核心是品牌符号和 Slogan。

    ① 品牌符号拆解

    以春节项目举例,提取中国传统团扇形,象征着大团圆。引申为家家户户的心愿,全家团圆、福气满满。以 FEED 产品愿景「看更多有趣有用的内容」为开始,结合「新年要有福气」的新年祝福,推出品牌 Slogan「有福气·趣新春」的活动理念,开启活动篇章。

    有了主要的符号传达,其它辅助元素的提取从桂花造型和钱币上做了简化,寓意吉祥富贵财源滚滚,应用在页面细节装饰中。

    ② 用颜色表达个性

    提起品牌符号,我们首先想到的可能是 Logo,但有些时候色彩却是第一印象。春节是中国传统文化的传承。因此尝试从中国传统色彩体系中象征“福气、福来、富贵”的海棠红作为会场主颜色。

    为了更好的区分内容场景以及增加色彩丰富度,受到“一年四季轮回”的启发,延伸品牌辅助色。一年的圆满在于四季的圆满,在色彩表现上,从春到人间万物鲜到春雪满空;对应绿、红、黄、蓝给人焕然新生的视觉感受。

    ③ 用字体丰富品牌基因

    字体,不仅可以指代文字内容含义和字形美学价值,还能透过字体设计的初衷洞察到品牌浓缩其中的理念和哲学。利用弯曲让作品动感有张力。利用圆角处理增加趣味性,呼应“有趣”的品牌理念。用倾斜的样式营造出视觉张力,形成视觉焦点。

    3. 洞察产品的「生命力」

    ① 定形象-品牌基因的独特形象

    角色、品牌、用户必须是一个标签,清晰可见。以 IP 角色与用户互动沟通,建立信任关系,拥有独立人格和魅力。通过更具人格化的形象,使品牌变得更温暖。本次活动的主 IP,在设定上采用 FEED 字母演变不同性格 IP 角色,作为不同维度的形象代表,丰富 B/C 端的内容场景。

    ② 情感链接-围绕人设讲故事

    如何通过「IP 角色」让用户对产品产生情感呢?首先赋予他们性格,他们分别是福气、财富、快乐和有趣的化身。为用户带来财、富、乐、趣是他们的责任。IP 的人格化能很好的与用户建立品牌好感度。同时「持续曝光+情感链接」的品牌策略,在活动中贯穿内容场景、物料推广、分享转发等,反复强调品牌。

    二、你的差异点是什么? 1. 化繁为简,强化内容

    由于春节活动周期长、内容多的特点,使得页面呈现庞大复杂,会造成用户的理解成本影响留存,因此把内容有效呈现、提升屏效、优化体验路径是交互的重点。我们通过“框架分层”“减少活动步长”对所有活动进行了框架升级。提升活动易用性,让用户快速参与活动。在设计表达上简化头图背景,让用户聚焦场景,引入内容。

    2. 创意场景,引爆内容

    ① 洞察设计策略

    百度 FEED 不同于其他矩阵,我们的产品内核是“内容”;作为春节活动,浓浓的“年味”是活动外核。如果只去介绍我们自己产品的功能、种种好处,这种干巴巴的内容无法在这个时代获得关注和认同,因为无法与用户建立切身联系。所以在不同层次的内容上,我们可以通过故事化、场景化来把内容做的更有趣,最终实现业务互动转化提升。

    ② 年俗互动-故事型叙述 增强产品代入感

    抓住用户情绪洞察,采用年俗的理念打造场景,营造用户代入感。在视觉表现上,根据时间推移,场景也随之变化;以回家团圆吃年夜饭、到走亲访友云拜年、看烟花赏灯会,实现了场景从年三十到十五的视觉呈现,释放出情绪共感的叠加效应。引发用户“过年”的心理共鸣。

    ③ 场景设定

    场景一:花样团圆饭。围绕“三十吃饺子”的年俗为主要点切入,通过具象的关键词构思场景,结合品牌符号,融入中国风建筑表达“家”,并将饺子、房子、人的比例重构,增加画面冲击力,在配色上摒弃大面积的红黄配色,加入蔻梢绿和淡曙红作为辅色,为整体添加了一丝春天的气息。

    场景二:神评云拜年,发评送好礼。围绕“云拜年”的年俗为主要点切入,过年的时候拜年是人们辞旧迎新、互相表达祝愿的一种方式。创意表达上,除了沿袭以往“登门”的拜年方式外,在画面表现上加入代表新兴礼仪“云拜年”的概念,让视觉吸引眼球,同时又很接地气。

    场景三:猜灯谜送吉祥。以元宵赏灯会的年俗为切入点,夜色旖旎,花灯璀璨,在一片流光溢彩之下,闹元宵、赏花灯、迎新春。"玉兔东升、鲲鹏万里”,用最美好的祝福为用户开启新年新篇章。

    ④ 人文互动-内容联想 强化产品特点

    我们为什么要把小组内容关联到人文上?我们需要给产品定义一个标签,让内容进入一个优势的心智赛道,用设计手段具像化演绎出来,让目标用户最快对号入座,提升产品的认知效率。而人文包罗万象,与小组内容分类不谋而合。

    ⑤ 内容联想

    在视觉表现上,围绕“小组发布内容”的类比联想,场景选取摄影、养花、命理、诗词、乡村等七大不同人文场景,着力刻画“小组内容”强关联的人文元素,以此映射产品的特点,激发用户参与意愿。借助想象放大或夸张内容特征,更鲜明的强调内容本质。

    3. 丰富体验

    为了维护用户粘性,让用户每天都来“玩”。加入 2 级活动,用“奖励”“成就”“抽签”形成驱动用户雷达地图,多维度持续牵引,增强互动体验。

    ① 如何让用户玩下去?

    「抽签活动-新年福气签」活动玩法:用户每天进入活动可抽福气签,随机发放签文以及红包奖励,中奖+祝福的满足感驱动用户回流。

    洞察&创意

    新的一年,人们对美好生活都有向往和期盼,“讨彩头”是每位用户对生活的新追求。在活动的设计上要吉祥满满,自带好彩头。用福袋作为容器承载签文,以抽幸运球、得奖励赢福气作为情感驱动,刺激用户玩下去。

    在签文设定上用团扇的品牌符号作为基础形状,加持“祥云”“吉祥话”让活动不止惊喜,更是平台对用户的祝愿。

    ② 如何让用户“回来”玩?

    「激励玩法-我的成就」

    洞察&创意

    在成就玩法中,勋章作为精神激励直接授予用户,提升用户在活动内的成就感和价值。另一方面,勋章也作为主活动物质激励的间接载体,用户通过解锁勋章来获得终极大奖。从设计角度,采用三维立体视觉风格,结合 IP 形象,使勋章更年轻有趣,让用户形成记忆点。强化视觉冲击,满足用户的成就感和荣誉感,刺激用户回流和分享。

    ③ 惊喜彩蛋,拉升互动体验

    除了视效的打磨外,营造“惊喜感”是在体验中非常重要的一环。无论是抽奖还是成就,除了在视觉上有抽奖的仪式感。在活动中增加互动彩蛋,用户在投票以及点赞后会有对应的动效,让整体体验更加细腻。

    精彩视频,点击可看

    结语 总结一下本篇文章关于内容场景化营销的设计要点:

    心智占领:前置化思考品牌打法,从品牌符号、Slogan、色彩基因、字体设计到 IP 的设定,全链路反复强调品牌。 设计创意:用故事性、场景化演绎设计创意,差异化视觉呈现。 互动体验:用“惊喜感”拉升互动体验。 希望以上的设计思考,可以给大家一些启发。

  • 3D设计必备!5个免高质量的 HDRI 环境贴图网站

    UI交互 2023-03-09
    大家好,这里是和你们一起学 Blender 的花生~在学习 Blender 渲染时,为了创造逼真的场景照明或某种特殊的材质效果,需要在世界环境中添加环境贴图。今天就为大家推荐 5 个可以免费下载高质量环境贴图素材的网站,前 3 个网站可以下载模拟真实环境的 HDRI 贴图,后 2 个网站是下载特殊环境贴图的网站。...

    大家好,这里是和你们一起学 Blender 的花生~

    在学习 Blender 渲染时,为了创造逼真的场景照明或某种特殊的材质效果,需要在世界环境中添加环境贴图。今天就为大家推荐 5 个可以免费下载高质量环境贴图素材的网站,前 3 个网站可以下载模拟真实环境的 HDRI 贴图,后 2 个网站是下载特殊 环境贴图 的网站。

    往期回顾:

    Blender自学必看!6款零基础小白免费入门教程推荐 大家好,这里是和你们聊设计的花生~ 之前经常在网上看到各种用 Blender 设计作品,非常好看,于是自己也想着学一下。

    阅读文章 >

    一、HDRI Haven 网站直达: https://hdri-haven.com/

    HDRI Haven 是一个专业的 HDRI 贴图素材下载的网站,目前收录了 1000 多张免费高清的贴图,都是基于 CCO 协议,可以任意使用。素材类分类细致,包括为室内、室外、天空、夜晚、日落、都市等 7 种类型,提供 1K/2K/4K/8K/16K 5 种分辨率,HDR 格式,下载无需登录注册。

    下载方式:进入网站后,点击需要的素材进入详情页,点击网页中央的下载按钮即可将素材保存到本地,在下载按钮左侧可以选择不同的分辨率。

    二、Poly Haven 网站直达: https://polyhaven.com/

    Poly Haven 是一家公共 3D 资源库,站内资源包括 HDRI、Texture 和 3D Model 三种资源,都是基于 CC0 协议,可以免费商用,而且质量极高。它其实是 HDRI Haven 的升级版,只不过公司将以前独立的 3 个版块都合并到一起成立了 Poly Haven,所以二者很多 HDRI 资源都是重合的,但是额外提供 EXR 下载格式。

    HDR 通常比 EXR 更小,支持的范围更广,但有极小可能会有不太准确的颜色。

    EXR 的每通道是真正的 32 位,无损压缩

    下载方式:进入网站后,点击需要的素材进入详情页,在右侧选择素材的分辨率和格式,然后点击就可以了。

    三、HDR Maps 网站直达: https://hdrmaps.com/

    HDR Maps 是一个 3D 素材资源网站,里面有一个 Freebies 赠品板块,包含 100 多张免费高清的 HDRI 贴图素材。在贴图详情页可以拖动鼠标预览贴图全景,并查看贴图的详细信息,包括分辨率、文件大小以及授权类型。下载格式为 EXR 格式,文件是可以免费商用的,但是有一定的限制,比如需要署名、不能转售转赠等。

    下载方式:进入需要现在注册一个账号并登陆,进入 Freebies 版块后点击需要的素材进入详情页,将贴图加入购物车,然后点击网页右上角的购物篮标志去进一步结算,结算金额为 0,不会有付款的步骤,点击最后页面上的按钮下载就可以了。

    Text to Skybox ! 一键生成360°无缝环境贴图的AI神器 大家好,这里是和你们聊设计的花生~ 之前向大家介绍过不少 AI 绘画工具,比如 Dall·E 2、Midjourney、Stable diffusion 等,它们都是大型的 Text-Image 模型。

    阅读文章 >

    四、Text to Sky 网站直达: https://skybox.blockadelabs.com/

    Text to Sky 之前已经向大家介绍过了,它是一款可以根据文本生成 360°无缝环境贴图的网站,图像质量很高,而且风格多样,无论是现实、超现实、二次元动漫还是科幻风它都可以实现,你可以通过文字创建任何你想要环境。文件格式为 JPG,大小为 3278*1536 px,免费商用。下载后导入 3D 软件,搭配高反射/透射材质可以制作出各种令人惊喜的效果,也同样适用于 VR、游戏制作等场景。

    下载方式:进入网站后在下方的文本框内输入你的文本描述词,然后选择对应的风格,点击“generate”,等待 20 秒左右就能得到结果。按住鼠标左键拖动图片可以查看图像的全景效果,点击下方的“下载”按钮可以将图片下载到本地。

    五、Unsplash / Pixabay / Pexels Unsplash: https://unsplash.com/

    Pixabay: https://pixabay.com/zh/

    Pexels: https://www.pexels.com/zh-cn/

    Unsplash、Pixabay 和 Pexels 都是大家非常熟悉的免费图库,它们里面就有很多可以用作环境贴图的高质量图像。像上次分享的 Blender 染色玻璃教程, 里面的抽象环境贴图就是从 Unsplash 里下载的。

    下载方式:进入网站后,通过“abstract”、“texture”、“hdr”等关键词搜索或关联推荐寻找,进入图片详情页点击下载按钮保存到本地。

    以上就是今天为大家推荐的 5 个免费的 HDRI 环境贴图素材下载网站,适合 Blender 和 C4D 等 3D 设计软件。喜欢本期推荐的话请大家多多点赞收藏进行支持,我会更有动力为大家推荐设计干货知识 ~ 有关于本文或者设计的问题可以在评论区提出 ,我会第一时间回复。

    推荐阅读:

    Blender新手必学!简单又好看的染色玻璃效果教程(附超多免费纹理) 大家好,这里是和你们聊设计的花生~ 今天为大家推荐知名艺术博主 @Simon_阿文 分享的一个 Blender 设计小技巧,可以帮助我们快速做出绚烂多彩的染色玻璃效果。

    阅读文章 >

    AIGC领域新增6大神器!每个都能提高400%的设计效率! 大家好,这里是和你们聊设计的花生~ 最近一款名为 ControlNet 的模型在 AI 绘画领域引起不小的轰动,它的边缘检测功能可以提取图像边缘轮廓,深度图引导功能可以复制空间信息,最神奇的是它的人体姿势骨架提取功能,上传一张图片 AI 后会识别其中人物的姿势,然后结合提示词生成一张姿

    阅读文章 >

  • 花百亿买来的经验!百度FEED营销活动设计方法总结

    UI交互 2023-03-09
    百度 FEED 设计团队以“有福气 趣新春”为主题提出了内容场景化的营销策略,本文整体围绕如何把“内容做的有趣”来分享设计思路。更多百度设计复盘:大厂出品!19岁的百度贴吧如何做好互动体验设计改版?

    百度 FEED 设计团队以“有福气 趣新春”为主题提出了内容场景化的营销策略,本文整体围绕如何把“内容做的有趣”来分享设计思路。

    更多 百度 设计复盘:

    大厂出品!19岁的百度贴吧如何做好互动体验设计改版? 本文搭建“信息更易懂”、“路径更顺畅”、“玩法有惊喜”互动系统设计方法,焕新 19 岁贴吧互动体验,提升用户活跃。

    阅读文章 >

    前言

    15 年开始,红包大战占据了春节营销的重要位置,各家互联网平台纷纷“发钱”抢占用户,红包总额曾在 2021 年一度达到 120 亿元的峰值。不过近两年开始,过往简单粗放的红包大战逐渐失去热度。平台不再追求短时间用户增长,这次春节活动就是百度 FEED 年底以运营手段打造的内容营销活动。设计团队以“有福气 趣新春”为主题提出了内容场景化的营销策略,整体围绕如何把“内容做的有趣”来分享设计思路。

    一、心智建立内容护城河 1. 心智占领:

    提到内容营销,先不说老掉牙的脑白金、可口可乐。我们先说说产品和用户的关系。我们通过各大平台的定位,提供了信任背书,但产品只是流量的承载地,最终让目标用户到达目的地的还是我们的品牌、内容、形象。所以我们在做内容营销活动的时候,究竟应该怎么做?

    2. 你的产品容易记住么?

    海的味道你知道,是波力海苔。提到蓝瓶的钙,脑海会浮现产品的蓝色包装。说到这里,我们就明白了,内容营销的核心是图形和口号。营销活动的核心是品牌符号和 Slogan。

    ① 品牌符号拆解

    以春节项目举例,提取中国传统团扇形,象征着大团圆。引申为家家户户的心愿,全家团圆、福气满满。以 FEED 产品愿景「看更多有趣有用的内容」为开始,结合「新年要有福气」的新年祝福,推出品牌 Slogan「有福气·趣新春」的活动理念,开启活动篇章。

    有了主要的符号传达,其它辅助元素的提取从桂花造型和钱币上做了简化,寓意吉祥富贵财源滚滚,应用在页面细节装饰中。

    ② 用颜色表达个性

    提起品牌符号,我们首先想到的可能是 Logo,但有些时候色彩却是第一印象。春节是中国传统文化的传承。因此尝试从中国传统色彩体系中象征“福气、福来、富贵”的海棠红作为会场主颜色。

    为了更好的区分内容场景以及增加色彩丰富度,受到“一年四季轮回”的启发,延伸品牌辅助色。一年的圆满在于四季的圆满,在色彩表现上,从春到人间万物鲜到春雪满空;对应绿、红、黄、蓝给人焕然新生的视觉感受。

    ③ 用字体丰富品牌基因

    字体,不仅可以指代文字内容含义和字形美学价值,还能透过字体设计的初衷洞察到品牌浓缩其中的理念和哲学。利用弯曲让作品动感有张力。利用圆角处理增加趣味性,呼应“有趣”的品牌理念。用倾斜的样式营造出视觉张力,形成视觉焦点。

    3. 洞察产品的「生命力」

    ① 定形象-品牌基因的独特形象

    角色、品牌、用户必须是一个标签,清晰可见。以 IP 角色与用户互动沟通,建立信任关系,拥有独立人格和魅力。通过更具人格化的形象,使品牌变得更温暖。本次活动的主 IP,在设定上采用 FEED 字母演变不同性格 IP 角色,作为不同维度的形象代表,丰富 B/C 端的内容场景。

    ② 情感链接-围绕人设讲故事

    如何通过「IP 角色」让用户对产品产生情感呢?首先赋予他们性格,他们分别是福气、财富、快乐和有趣的化身。为用户带来财、富、乐、趣是他们的责任。IP 的人格化能很好的与用户建立品牌好感度。同时「持续曝光+情感链接」的品牌策略,在活动中贯穿内容场景、物料推广、分享转发等,反复强调品牌。

    二、你的差异点是什么? 1. 化繁为简,强化内容

    由于春节活动周期长、内容多的特点,使得页面呈现庞大复杂,会造成用户的理解成本影响留存,因此把内容有效呈现、提升屏效、优化体验路径是交互的重点。我们通过“框架分层”“减少活动步长”对所有活动进行了框架升级。提升活动易用性,让用户快速参与活动。在设计表达上简化头图背景,让用户聚焦场景,引入内容。

    2. 创意场景,引爆内容

    ① 洞察设计策略

    百度 FEED 不同于其他矩阵,我们的产品内核是“内容”;作为春节活动,浓浓的“年味”是活动外核。如果只去介绍我们自己产品的功能、种种好处,这种干巴巴的内容无法在这个时代获得关注和认同,因为无法与用户建立切身联系。所以在不同层次的内容上,我们可以通过故事化、场景化来把内容做的更有趣,最终实现业务互动转化提升。

    ② 年俗互动-故事型叙述 增强产品代入感

    抓住用户情绪洞察,采用年俗的理念打造场景,营造用户代入感。在视觉表现上,根据时间推移,场景也随之变化;以回家团圆吃年夜饭、到走亲访友云拜年、看烟花赏灯会,实现了场景从年三十到十五的视觉呈现,释放出情绪共感的叠加效应。引发用户“过年”的心理共鸣。

    ③ 场景设定

    场景一:花样团圆饭。围绕“三十吃饺子”的年俗为主要点切入,通过具象的关键词构思场景,结合品牌符号,融入中国风建筑表达“家”,并将饺子、房子、人的比例重构,增加画面冲击力,在配色上摒弃大面积的红黄配色,加入蔻梢绿和淡曙红作为辅色,为整体添加了一丝春天的气息。

    场景二:神评云拜年,发评送好礼。围绕“云拜年”的年俗为主要点切入,过年的时候拜年是人们辞旧迎新、互相表达祝愿的一种方式。创意表达上,除了沿袭以往“登门”的拜年方式外,在画面表现上加入代表新兴礼仪“云拜年”的概念,让视觉吸引眼球,同时又很接地气。

    场景三:猜灯谜送吉祥。以元宵赏灯会的年俗为切入点,夜色旖旎,花灯璀璨,在一片流光溢彩之下,闹元宵、赏花灯、迎新春。"玉兔东升、鲲鹏万里”,用最美好的祝福为用户开启新年新篇章。

    ④ 人文互动-内容联想 强化产品特点

    我们为什么要把小组内容关联到人文上?我们需要给产品定义一个标签,让内容进入一个优势的心智赛道,用设计手段具像化演绎出来,让目标用户最快对号入座,提升产品的认知效率。而人文包罗万象,与小组内容分类不谋而合。

    ⑤ 内容联想

    在视觉表现上,围绕“小组发布内容”的类比联想,场景选取摄影、养花、命理、诗词、乡村等七大不同人文场景,着力刻画“小组内容”强关联的人文元素,以此映射产品的特点,激发用户参与意愿。借助想象放大或夸张内容特征,更鲜明的强调内容本质。

    3. 丰富体验

    为了维护用户粘性,让用户每天都来“玩”。加入 2 级活动,用“奖励”“成就”“抽签”形成驱动用户雷达地图,多维度持续牵引,增强互动体验。

    ① 如何让用户玩下去?

    「抽签活动-新年福气签」活动玩法:用户每天进入活动可抽福气签,随机发放签文以及红包奖励,中奖+祝福的满足感驱动用户回流。

    洞察&创意

    新的一年,人们对美好生活都有向往和期盼,“讨彩头”是每位用户对生活的新追求。在活动的设计上要吉祥满满,自带好彩头。用福袋作为容器承载签文,以抽幸运球、得奖励赢福气作为情感驱动,刺激用户玩下去。

    在签文设定上用团扇的品牌符号作为基础形状,加持“祥云”“吉祥话”让活动不止惊喜,更是平台对用户的祝愿。

    ② 如何让用户“回来”玩?

    「激励玩法-我的成就」

    洞察&创意

    在成就玩法中,勋章作为精神激励直接授予用户,提升用户在活动内的成就感和价值。另一方面,勋章也作为主活动物质激励的间接载体,用户通过解锁勋章来获得终极大奖。从设计角度,采用三维立体视觉风格,结合 IP 形象,使勋章更年轻有趣,让用户形成记忆点。强化视觉冲击,满足用户的成就感和荣誉感,刺激用户回流和分享。

    ③ 惊喜彩蛋,拉升互动体验

    除了视效的打磨外,营造“惊喜感”是在体验中非常重要的一环。无论是抽奖还是成就,除了在视觉上有抽奖的仪式感。在活动中增加互动彩蛋,用户在投票以及点赞后会有对应的动效,让整体体验更加细腻。

    精彩视频,点击可看

    结语 总结一下本篇文章关于内容场景化营销的设计要点:

    心智占领:前置化思考品牌打法,从品牌符号、Slogan、色彩基因、字体设计到 IP 的设定,全链路反复强调品牌。 设计创意:用故事性、场景化演绎设计创意,差异化视觉呈现。 互动体验:用“惊喜感”拉升互动体验。 希望以上的设计思考,可以给大家一些启发。

  • 3D设计必备!5个免高质量的 HDRI 环境贴图网站

    UI交互 2023-03-09
    大家好,这里是和你们一起学 Blender 的花生~在学习 Blender 渲染时,为了创造逼真的场景照明或某种特殊的材质效果,需要在世界环境中添加环境贴图。今天就为大家推荐 5 个可以免费下载高质量环境贴图素材的网站,前 3 个网站可以下载模拟真实环境的 HDRI 贴图,后 2 个网站是下载特殊环境贴图的网站。...

    大家好,这里是和你们一起学 Blender 的花生~

    在学习 Blender 渲染时,为了创造逼真的场景照明或某种特殊的材质效果,需要在世界环境中添加环境贴图。今天就为大家推荐 5 个可以免费下载高质量环境贴图素材的网站,前 3 个网站可以下载模拟真实环境的 HDRI 贴图,后 2 个网站是下载特殊 环境贴图 的网站。

    往期回顾:

    Blender自学必看!6款零基础小白免费入门教程推荐 大家好,这里是和你们聊设计的花生~ 之前经常在网上看到各种用 Blender 设计作品,非常好看,于是自己也想着学一下。

    阅读文章 >

    一、HDRI Haven 网站直达: https://hdri-haven.com/

    HDRI Haven 是一个专业的 HDRI 贴图素材下载的网站,目前收录了 1000 多张免费高清的贴图,都是基于 CCO 协议,可以任意使用。素材类分类细致,包括为室内、室外、天空、夜晚、日落、都市等 7 种类型,提供 1K/2K/4K/8K/16K 5 种分辨率,HDR 格式,下载无需登录注册。

    下载方式:进入网站后,点击需要的素材进入详情页,点击网页中央的下载按钮即可将素材保存到本地,在下载按钮左侧可以选择不同的分辨率。

    二、Poly Haven 网站直达: https://polyhaven.com/

    Poly Haven 是一家公共 3D 资源库,站内资源包括 HDRI、Texture 和 3D Model 三种资源,都是基于 CC0 协议,可以免费商用,而且质量极高。它其实是 HDRI Haven 的升级版,只不过公司将以前独立的 3 个版块都合并到一起成立了 Poly Haven,所以二者很多 HDRI 资源都是重合的,但是额外提供 EXR 下载格式。

    HDR 通常比 EXR 更小,支持的范围更广,但有极小可能会有不太准确的颜色。

    EXR 的每通道是真正的 32 位,无损压缩

    下载方式:进入网站后,点击需要的素材进入详情页,在右侧选择素材的分辨率和格式,然后点击就可以了。

    三、HDR Maps 网站直达: https://hdrmaps.com/

    HDR Maps 是一个 3D 素材资源网站,里面有一个 Freebies 赠品板块,包含 100 多张免费高清的 HDRI 贴图素材。在贴图详情页可以拖动鼠标预览贴图全景,并查看贴图的详细信息,包括分辨率、文件大小以及授权类型。下载格式为 EXR 格式,文件是可以免费商用的,但是有一定的限制,比如需要署名、不能转售转赠等。

    下载方式:进入需要现在注册一个账号并登陆,进入 Freebies 版块后点击需要的素材进入详情页,将贴图加入购物车,然后点击网页右上角的购物篮标志去进一步结算,结算金额为 0,不会有付款的步骤,点击最后页面上的按钮下载就可以了。

    Text to Skybox ! 一键生成360°无缝环境贴图的AI神器 大家好,这里是和你们聊设计的花生~ 之前向大家介绍过不少 AI 绘画工具,比如 Dall·E 2、Midjourney、Stable diffusion 等,它们都是大型的 Text-Image 模型。

    阅读文章 >

    四、Text to Sky 网站直达: https://skybox.blockadelabs.com/

    Text to Sky 之前已经向大家介绍过了,它是一款可以根据文本生成 360°无缝环境贴图的网站,图像质量很高,而且风格多样,无论是现实、超现实、二次元动漫还是科幻风它都可以实现,你可以通过文字创建任何你想要环境。文件格式为 JPG,大小为 3278*1536 px,免费商用。下载后导入 3D 软件,搭配高反射/透射材质可以制作出各种令人惊喜的效果,也同样适用于 VR、游戏制作等场景。

    下载方式:进入网站后在下方的文本框内输入你的文本描述词,然后选择对应的风格,点击“generate”,等待 20 秒左右就能得到结果。按住鼠标左键拖动图片可以查看图像的全景效果,点击下方的“下载”按钮可以将图片下载到本地。

    五、Unsplash / Pixabay / Pexels Unsplash: https://unsplash.com/

    Pixabay: https://pixabay.com/zh/

    Pexels: https://www.pexels.com/zh-cn/

    Unsplash、Pixabay 和 Pexels 都是大家非常熟悉的免费图库,它们里面就有很多可以用作环境贴图的高质量图像。像上次分享的 Blender 染色玻璃教程, 里面的抽象环境贴图就是从 Unsplash 里下载的。

    下载方式:进入网站后,通过“abstract”、“texture”、“hdr”等关键词搜索或关联推荐寻找,进入图片详情页点击下载按钮保存到本地。

    以上就是今天为大家推荐的 5 个免费的 HDRI 环境贴图素材下载网站,适合 Blender 和 C4D 等 3D 设计软件。喜欢本期推荐的话请大家多多点赞收藏进行支持,我会更有动力为大家推荐设计干货知识 ~ 有关于本文或者设计的问题可以在评论区提出 ,我会第一时间回复。

    推荐阅读:

    Blender新手必学!简单又好看的染色玻璃效果教程(附超多免费纹理) 大家好,这里是和你们聊设计的花生~ 今天为大家推荐知名艺术博主 @Simon_阿文 分享的一个 Blender 设计小技巧,可以帮助我们快速做出绚烂多彩的染色玻璃效果。

    阅读文章 >

    AIGC领域新增6大神器!每个都能提高400%的设计效率! 大家好,这里是和你们聊设计的花生~ 最近一款名为 ControlNet 的模型在 AI 绘画领域引起不小的轰动,它的边缘检测功能可以提取图像边缘轮廓,深度图引导功能可以复制空间信息,最神奇的是它的人体姿势骨架提取功能,上传一张图片 AI 后会识别其中人物的姿势,然后结合提示词生成一张姿

    阅读文章 >

  • 写给大家看的视觉基础知识(四):光效设计

    UI交互 2023-03-09
    上一篇《写给大家看的视觉知识3弥散光渐变》教授大家如何去灵活使用渐变,让画面层次感更加丰富,今天我们继续讲渐变和光效的高级使用,如何灵活运用光效给画面增加丰富的质感。写给大家看的视觉基础知识(三):弥散光渐变本文从渐变的基础原理出发,帮你掌握弥散光渐变的制作和应用方法。阅读文章 >

    上一篇《写给大家看的视觉知识3弥散光渐变》教授大家如何去灵活使用渐变,让画面层次感更加丰富,今天我们继续讲渐变和光效的高级使用,如何灵活运用光效给画面增加丰富的质感。

    写给大家看的视觉基础知识(三):弥散光渐变 本文从渐变的基础原理出发,帮你掌握弥散光渐变的制作和应用方法。

    阅读文章 >

  • B端表单的帮助系统该如何设计?来看这篇超全总结!

    UI交互 2023-03-09
    帮助文字是一套帮助人们成功填表的信息。因此,有很多实践可以通用。我们很多时候会在选择设计方案上摇摆不定。

    帮助文字是一套帮助人们成功填表的信息。因此,有很多实践可以通用。我们很多时候会在选择设计方案上摇摆不定。自己觉得好的方案,看到别人是另外一种形式,又会觉得自己的是不是不太好。其实没必要,每一种方案都有好与坏,很难做到 100%完美,只能说在当前这个阶段里接近完美。

    就像小孩有了虫牙,去医院治疗,医生也会说有很多种方案。具体用哪一种会根据年龄、性别、牙齿生长情况来决定。比如:一个 6 岁的女孩,在不严重的情况下,医生可能就建议清理后补一下;如果是一个 5 岁的男孩,当前牙齿还不错,距离换牙还有比较长的一段时间,可能会给你放个普通点的牙套保护起来。

    即使在这种情况下,也会有家长事后说放牙套感觉像是过渡治疗。那如果不放,后面严重了,需要根管治疗的时候,家长又会说为什么当初不放牙套。

    其实,表单帮助系统也是如此

    更多表单干货:

    4000字干货!手把手带你掌握web中的表单设计 前言 表单是我们生活中常见的信息添加、录入的方式之一,如何进行表单的设计也是 B 端设计师的必修课。

    阅读文章 >

    虽然表单标签和输入框的表现(展现)方式,为填写提供了有用线索。但有时只有这些元素还不够。常见的方法是在标签或者输入框旁增加帮助文字“告诉”人们应该如何回答问题。

    例如:下图中标签与输入框旁,都有帮助图标引导用户进行填写。

    它和校验提示类似,都是帮助人们顺利完成填写任务。

    因此,有很多实践方法可以通用,如下:

    1. 提供帮助的场景

    帮助文字只是告知人们应该如何填写,但并不是完成 Web 表单的关键。

    由于人们往往不会去阅读屏幕上的提示,这也会导致帮助文字产生问题。

    眼动跟踪研究表明,很多人看到表单时会直接跳到第一个输入框。这是一种自然倾向,人们就想填完表单,能继续到下一步!

    但在以下场景中需要帮助文字:

    人们不熟悉表单要求填入的内容。例如:什么是数据分析? 人们质疑为何要填入特定数据。例如:为什么要知道我的出生日期? 人们可能会关心数据安全或者隐私。例如:填写信用卡号码安全吗? 系统推荐的数据填写方式。例如:在填写标签时请用“逗号”隔开。 2. 自动即时帮助

    自动即时帮助系统:指在帮助信息最合适的时间和位置显示。

    例如:下图中点击或者用 Tab 键激活输入框,相关帮助文字就出现在输入框的右边。 为了能让帮助文字出现在人们预期的位置,自动即时帮助需要网页上有一块专门的区域来显示动态帮助文字。

    另外一种方法不需要屏幕上有专门的区域来显示帮助文字,而是把帮助文字直接显示在相关输入框的下方。

    例如:下图校验提示框(注:因没找到对应的帮助提示效果,所以就拿校验提示举例,要表达的效果是一样)

    其优点是帮助文字与问题相邻,很容易产生联系,而缺点是帮助文字会遮住其他输入框。

    如果帮助文字更适用于一组相关输入框、而不是单个输入框,自动即时帮助同样有用。 例如:触发“数量”“型号”这一行,会自动高亮显示每组信息的相关帮助信息。

    以上这几种自动帮助系统也有一个潜在缺点,即只有开始填表时,人们才知道是否有帮助文字。

    有种办法或许能弥补这个缺点,即在输入框中显示帮助文字。

    这种方法和自动即时帮助文字相反,帮助文字出现在访问输入框之前,输入内容后就不再出现。由于能立刻看到帮助文字,所以人们一看到表单就可以得到帮助提示。

    但这种方式适用于概括回答。例如:下图中 App Store URL 输入框中解释了为什么需要填。

    总结: 由于自动即时帮助系统不会预先显示帮助文字,因此最适合用于人们能回答但不清楚如何回答的问题。

    3. 用户激活的即时帮助

    用户激活的即时帮助:是指在人们需要时提供帮助。这种方式通常采用一致的图标、按钮或文本链接,便于人们知道有帮助可供使用。

    需要时,人们可以通过点击或触发的方式,来显示相关帮助文字。

    例如:下图中触发“问号”小图标会显示对应的说明。

    但这种方式也有一个缺点,即帮助符号靠近输入框,而不是靠近标签。之前表单相关文章中有说过,必填输入框标志、符号和标签联系在一起有助于人们更容易地浏览到所需信息。

    例如:在阿里云、腾讯云中很多提示都在标签旁边,但我不确定是不是所有页面都是采用这种形式。通过页面发现他们标签都是采用的左对齐,如果是右对齐是不是也是在标签后面?或者是根据相关度来规定,如果和标签相关放在标签旁,和输入相关放输入框旁。大家有兴趣可以留意观察一下。

    虽然“问号”是最常用于显示帮助内容的符号,但也有其他符号能达到同样目的(例如腾讯云中的“i”符合)。无论使用图标、按钮、文字,都是为了通过某种视觉线索来表明帮助的存在。

    总结: 如果表单所含问题复杂,或者表单会被相同的人重复使用,这类表单适合采用用户激活的即时帮助。因为新用户使用时可以访问所有需要的帮助,而高级用户只触发一些帮助来唤醒记忆或者快速回答问题。

    4. 用户激活的区域帮助

    用户激活的帮助文字还可以显示在页面固定(统一)位置,而不显示在相关输入框的毗邻区域。显示帮助文字的位置固定可以利用更大显示面积,提供广泛的帮助文字和内容。

    例如:帮助中需要展示图形和图表,同时人们可在固定位置显示找到帮助文字。下图是阿里云的帮助文档浮层窗口。

    有些产品也会采用浏览器新窗口打开的方式,来显示大量的帮助信息。

    另一种替代方法是利用毗邻表单的统一区域来显示相关帮助内容。

    例如:下图表单右侧有一栏专门显示相关帮助文字,触发与点击表单会显示对应的帮助信息。

    另外一种方式是通过点击帮助,右侧弹出提示信息,与上面不同之处是可以关闭,这样更适合新用户与老用的兼容。

    总结: 与即时帮助类似,用户激活的区域帮助,更适合用于需要多次提供帮助的表单,尤其是复杂问题的表单。

    5. 最佳实践

    不要依赖帮助文字来弥补表单缺点。尽量减少表单中的帮助文字,以促成更好的设计方案;

    帮助文字最适合解释人们不熟悉的数据,例如,为什么要问这些问题、安全和隐私、建议回答问题的方式及说明可填项;

    简洁的帮助文字靠近问题区域是最清晰的展示方式; 输入框内的帮助文字只能用于提供回答问题的方式; 如果人们知道表单问题答案,但不确定如何回答或者为什么回答,可以考虑使用自动即时帮助系统; 如果表单问题人们不熟悉或者复杂,而且可能同样的人会多次使用,可以考虑采用用户激活的帮助系统; 如果帮助内容很多,可以使用区域帮助,不要使用即时帮助; 图标、链接或按钮用于用户激活的帮助文字触发器应放在标签旁,尽量不要放在输入框旁; 如果要求用户填入敏感资料,考虑使用有操作含义的帮助文字,允许人们确认资料安全。 谢谢观看!

  • 线下演出热度狂飙,线上演唱会今年会凉凉吗?

    设计动态 2023-03-09
    数百万人疯抢周杰伦演唱会门票,数十位艺人的巡回演唱会扎堆定档,50余场音乐节在全国各地遍地开花……当连续被压抑了三年“去现场”的需求被一朝释放,线下演出市场的热度也开始一路狂飙。线下娱乐的全面复苏,不禁让人担心过去两年如火如荼的线上演出会不会走向沉寂。 202

    前些时间,周杰伦演唱会门票在放出之后被快速抢光,可以看见,线下演唱会的热度开始不断攀升。那么在线下演出回温的时候,线上演唱会的热度会下降吗?各平台在线上演出的布局上,又投注了多少精力?一起来看看作者的分析。

    数百万人疯抢周杰伦演唱会门票,数十位艺人的巡回演唱会扎堆定档,50余场音乐节在全国各地遍地开花……当连续被压抑了三年“去现场”的需求被一朝释放,线下演出市场的热度也开始一路狂飙。线下娱乐的全面复苏,不禁让人担心过去两年如火如荼的线上演出会不会走向沉寂。

    2023年,短视频平台还会上演线上演唱会“神仙打架”吗?线上演出的火爆究竟是特殊时期的产物,还是一种可以持续迸发的长期需求?当观众的热情重回现场,今年线上演出的玩法又该做出什么样的调整?今天,我们就来盘点一下视频号、抖音、快手等短视频平台在线上演出方面的布局,试图揭开上述问题的答案。

    一、线上演唱会,恐难重现“神仙打架” 可以肯定的是,线上演唱会“天王打架”的盛况恐怕不会重演。从西城男孩演唱会的成功破圈,到崔健、罗大佑、李健的轮番登场,凭借着这些千万人次演唱会,视频号实现了在短视频赛道上的快速突围,也掀起了几大平台之间的“流量大战”。孙燕姿在抖音、罗大佑在视频号的同时开唱,更是将这场战役推向了高潮。

    几大平台祭出的“撒手锏”都是有巨大号召力的国民级音乐人。在这场线上演唱会的比拼中,每一个都是赢家,线上演唱会这一新生事物成功地深入人心,成为数亿用户乐在其中的娱乐方式。

    然而,视频号经过两年的迅猛增长,已经和抖音、快手形成了三足鼎立之势,三家之间实现了某种程度上的动态平衡,作为引流利器的线上演唱会也完成了它的阶段性使命。

    据了解,今年视频号不会再像过去一样在线上演唱会上高举高打,而会趋向谨慎,不再追求西城男孩那样的刷屏效应。1月7日,任贤齐逍遥游线上演唱会在其个人号低调开播,因为缺乏宣传,很多乐迷都遗憾错过,这也透露出一个信号:视频号不会再倾平台之力来打造“爆款”。

    2月26日,蔡徐坤的首场线上演唱会在TME旗下的四大平台联合播出,却并未选择视频号作为合作平台,而是在微博进行热搜推广、话题曝光。这意味着TME与视频号之间的合作并未如外界猜想的那般紧密——TME不满足于仅仅抱紧视频号的大腿,视频号也无意于为TME的演唱会贡献更多流量支持。

    去年,极狐汽车冠名了崔健、罗大佑、黑豹、唐朝等多场视频号演唱会,赚够了眼球,然而,观众记住了崔健,记住了罗大佑,却唯独没有记住背后的金主。在造车新势力中,极狐汽车的存在感依然稀薄,2022年上半年的销量仅有6723辆。品牌认知度转化率的不尽如人意,也给视频号演唱会后续的招商蒙上了阴影。

    从微信年度公开课上释放的信息可以看出,2023年视频号直播的重点将会从明星演唱会转向日常直播,将音乐live、舞蹈、嘉年华等小众演出带到直播号之中,培育小众多元的直播生态。

    二、官宣100场大型演出,抖音剑指音乐综艺 相比视频号,抖音对于线上演出市场显得更为野心勃勃,不久之前的行业大会上宣布今年将推出100场大型演出,超过10000场专业演出。从全年节目单中可以看出,今年抖音的演唱会阵容中虽然不再有刘德华、孙燕姿这样的天王天后级歌手,却有汪峰、郑钧、杨千嬅、李宇春等人气实力兼具的音乐人,覆盖了各个用户圈层。

    不仅如此,从演唱会、音乐节到音乐会、舞台剧、主题晚会,从国风、交响乐到港风、影视主题曲,再到德云社与开心麻花,抖音演出剑指的对象不仅仅是TME、网易云等音乐平台,更是主打音乐、喜剧类综艺的长视频平台,试图通过日常化的演出生态,逐渐培养观众在抖音观看音乐节目、脱口秀的习惯。

    如果说去年抖音发力线上演出是为了阻击视频号,今年则是向长视频平台全面宣战。自2018年宣称进军自制综艺以来,字节深耕综艺赛道已经有五年时间,却一直面临着“站内播放几亿,站外无人关心”的窘境。

    据Tech星球报道,今年字节在综艺上的投入力度将明显下降,而全面加码线上演出,在多个内容领域散点开花,或许正是从侧面实现对长视频平台的“包抄”,从而瓜分其部分广告市场。毕竟,音乐、喜剧类节目近两年来一直是视频平台的“爆款担当”。

    快手是疫情之后首家涉足线上音乐会的短视频平台。早在2020年2月,快手就联合尤伦斯当代艺术中心联合举办了一场线上音乐会,这也是坂本龙一在国内的首次“亮相”。2020年8月,快手成为迷笛音乐季独家直播平台。对于快手来说,这两场音乐合作的品牌提升意义,远大于引流价值,后续也并未能持续下去,直到它打出了手中的王牌——周杰伦,外界才真正认为它投入到了线上演唱会的混战之中。

    相比视频号只能重映周杰伦九年前的演唱会,快手却可以让周杰伦献唱新专辑曲目,邀请歌迷参加“线上哥友会”。不过,除了将周杰伦的流量价值最大化之外,快手在线上演出市场更多是一个佛系追随者,并不会如抖音一样走阵容强大、场面华丽的演唱会、音乐会路线,而是更注重营造亲切家常的“老铁氛围”,这也更符合平台的日常调性与社区氛围。

    今年虽然快手会进一步围绕周杰伦的个人综艺、音乐原空间进行深度运营,但这张打了三年的王牌也面临着“边际效用递减”的问题,快手或许需要早做打算,在线上演出方面准备更多“后手”。

    三、从主打顶流巨星,到培育演出生态 虽然不少人认为线上演唱会不过是线下演出的“代餐”,但据中国演出行业协会近日发布的调研结果,60%的从业机构表示,线下市场恢复后依然会尝试线上演唱会。经过三年时间的双向渗透,无论是演艺行业还是普通用户,都已经对这种形式习以为常。

    无论是热门演唱会的一票难求,还是各种音乐会被指“演出刺客”,都意味着大部分潜在观众都被挡在了线下演出的门外。线下资源的有限性,现场演出时间、空间的局限性,与音乐人线上传播所积累的海量粉丝之间,存在着难以消解的永恒矛盾,而线上演出可以缓解这样的供需紧张,创造了更多的市场增量。它已不再是三年前的“权宜之计”“无奈之举”,而正成为越来越多创作者的主动选择。

    后疫情时代,短视频平台也正在从拉拢顶流巨星,转向培育各自的演出生态。

    新视数据显示,视频号去年共有12场直播累计场观人次超过千万,在TOP100直播间流量大盘中占比54%,这也意味着2022年的视频号演出生态主要由头部艺人拉动。2023年,视频号将拿出50亿流量,持续帮助主播完成开播冷启动,这预示着未来将有更多的小众艺人、素人歌手在视频号成名,他们也将代替李健、罗大佑等成为演出生态的主力。

    抖音除了打造100场大型演出之外,也在同时吸引更多的老歌手来抖音日常直播,重新“出道”,形成自己的演出生态壁垒。这些歌手都有自己的成名代表作,但过去只能混迹于各种线下商演,不断透支自己的人气及商业价值,也很难登上综艺节目的舞台。抖音为他们提供了与观众重新见面的机会,同时也契合了年轻用户的怀旧情怀。

    从单个歌手来说,他们的号召力都难以和刘德华、孙燕姿相比,但上百位歌手加在一起,却是一块不容忽视的流量池。

    快手显然也意识到了二三线歌手们的流量价值,去年同样邀请了杨臣刚、郭聪明等音乐人进行直播首秀,吸引其他平台的网红来到自己的舞台。

    未来,我们很难再体验数千万人在一场线上演唱会上热泪盈眶,却可以每天都在短视频平台参加氛围满满的livehouse,与自己喜欢的宝藏音乐人邂逅,线上演出将不再是一种集体仪式,而成为每一位个体的生活日常。

    作者:张远,编辑:美圻

    来源公众号:文娱价值官(ID:wenyujiazhiguan),文化娱乐、新消费、商业科技的,价值解构师。

    本文由人人都是产品经理合作媒体@文娱价值官 授权发布,未经许可,禁止转载。

    题图来自 Unsplash,基于 CC0 协议

    该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

    给作者打赏,鼓励TA抓紧创作!

    {{{path> 赞赏


让你的品牌快速脱颖而出,抢占市场份额,提升销量
免费获取方案及报价
*我们会尽快和您联系,请保持手机畅通