4

业务未来式|2023 春季飞书发布会视觉设计复盘

 1 year ago
source link: https://www.ui.cn/detail/650882.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

业务未来式|2023 春季飞书发布会视觉设计复盘-经验/观点-UICN用户体验设计平台

业务未来式|2023 春季飞书发布会视觉设计复盘
41.4°

2023-06-04 原创文章 经验/观点 举报

6910 64 254 0

前言

4406963.png

飞书未来无限大会历经五届,见证了飞书产品商业化的一路进程,承载着飞书成长过程中的新突破,新实践。

从 2020 年第一次飞书发布会给大家介绍了飞书 Office,为大家带来了更好的聊天、文档和会议产品。那时,飞书是一款提供新一代工作方式的协同办公软件。后来我们基于飞书 Office 又发布了飞书 People 系统,打通了企业的人和事,此时,飞书成为了提供先进理念的组织管理工具。

经历又一年的产品沉淀,飞书未来无限大会再次与大家见面。在升级了协同方式及组织管理方式后,企业的内部效率得到显著的助力。现在,我们对飞书的定位进一步提升,希望帮助企业改造业务运转的方式。让业务在面对各种不确定性时仍能敏捷应变与快速增长。飞书不仅能帮助企业向内要效率,更要帮到企业向外要增量。

那么面对不断进化的产品,每一次发布会又如何体现我们的进步与变化呢?设计又如何为发布会继续创造新的突破与机会呢?

4406964.png

千行百业,业务为先

此次发布会的核心课题是向受众讲述飞书提供的业务解决方案如何融入到的各行业的业务发展中。那么如何用设计语言来讲述业务与行业的概念?如何把业务未来式的主题与飞书品牌形象结合,是我们需要给出的思考与答案。往届做大会主视觉,我们一直努力打造品牌超级符号,寻找能代表当季大会的视觉锤,我们使用过钻石、飞鸟、三角魔方、三棱锥...... 然而我们不禁自问,这些形象真的能延续与继承吗?每次去重新的定义视觉形象,受众是否真的能记忆深刻呢?

追溯源头发现这个超级符号在当前业务阶段,唯有品牌标识最为合适。所以本届大会,我们首次以飞书标识为超级符号作为视觉锤,并计划持续让品牌标识作为符号化象征在未来发布会的各种传播场景下充分露出,不断加强受众的品牌认知。

4406965.png

合适的视觉语言需要千锤百炼

创意确定后,视觉应该如何表达,怎样才有表现力,怎样塑造画面细节,用什么造型,色彩,材质等表现为可视化创意概念,是我们接下来的思考课题。

4406966.png

形态、角度、颜色、材质、动态,每一个维度都经历了无数次调试。那些仿佛看不出差别的一次次打磨,是我们对品质的坚持。

4406967.gif

仔细观察风吹动而翻页的动态,发现自动与他动的差异是微妙的,需要避免“主动用力感”,而“随风飘动”的动力学做循环是不容易的,所以我们使用多层动力学混合并叠加细节局部 K 帧

4405846.gif
4406968.gif
4406969.gif

如何做一套“实用”的视觉识别系统

常规的 KV Guidelines,字体、辅助图形等基础规范,已不能满足大范围提效诉求。我们需要一个发布会的视觉工具包,需要更高效、更便捷、易维护、易理解的方式,让线上线下所有模块能:元素组件调度便捷,更新迭代快速同频。

4406971.png

因此一开始就需要有明确清晰的视觉点位规划,确保所有元素均需组件化输出,提高资产管理能力。过程中仍需不断检测规范是否真的有指导作用、关注各板块是否提效的反馈。

4406972.png
4406973.jpg
4406974.png

在大会的整体空间营造上,我们始终围绕 【飞书品牌传递 】、【飞书产品展示】为目标来思考设计方案。通过对“形”与“质”的发挥,让飞书品牌特性在空间氛围中充分体现。无论是灵动、流畅的造型还是轻盈、通透的材质,飞书的“先进”感贯穿了整个参会体验。

4406975.png
4406976.gif

A 展区空间

展区整体造型上我们使用了一以贯之的流畅曲线。飞书蓝、半透材质、曲律形态,展区的每个区域细节都保持着极高的品牌辨识度。

4406978.png
4406979.png

除了视觉带来了吸引与沉浸,更重要的是需让参会嘉宾更加了解飞书,需让飞书产品更有效、有创意的展示。在有限资源内,需要考量到信息最佳的可视,如合理的屏幕数量与高度。传达的清晰与强烈,如友好的交互展示。可实际操作的数字办公场景、产品演示体验 Demo、打卡玩法,都给参会嘉宾带来难忘的参展体验。

4406980.png

B 主会视效

4406981.png

参观完展区后,走入主会场,终于来到发布会的重头戏。进入会场,弧形屏造型的流畅曲线延续着品牌调性,巨大宽阔的屏幕充满视觉冲击力,加上双层耳屏的拓展与随内容的变化微动态,整体氛围的营造让参会嘉宾沉浸其中。

4405847.gif
4405848.gif

C 氛围应用

参会嘉宾目光所及,身心所触,是一个综合的体验链路。为了让参会嘉宾有对飞书品牌一直保持一致性感受。一个指引、一瓶水、一个伴手礼,都传递着欢迎来到飞书大会。同时大会期间的视觉也会在飞书产品端上线,让线上线下有着一致的氛围。

4406982.png
4406983.png
4406984.png
4406985.png

大家对飞书 Emoji 盲盒的热情让每次大会伴手礼都非常受欢迎。本次大会的盲盒礼品加上了名画主题,展区加油站(茶歇区)的环境也做出了与盲盒礼品的呼应,为整个大会在商务感的同时,在休息区域有了温度与趣味。

4406986.jpg
4406987.png
4406988.png

一切的氛围铺垫,都是为了此时登台讲演,发布内容。怎样高效传递信息,让内容清晰直观易理解?上屏 PPT 是重中之重。

在内容表达的表达方式上,采用了轻动态、重逻辑的原则,充分考虑台下嘉宾体验,从使用者视角来表现产品的故事逻辑及内容传达,真实还原使用场景,突出重点功能信息,更容易让用户理解和接受。

4406989.gif
4406990.gif

基于舞台的设计方案,考虑极限观众的位置及距离,需求确定舞台有效及最佳的内容展示范围,以及上屏所有文字信息的最佳可视大小。保证在会场所有观看嘉宾,能更好的了解大会信息。

4406991.png

因为上屏 PPT 数量与修改量较大,为了确保品质与效率,我们需要输出详细的规范指导、实用的样式工具包、充分的模版,才能保证不管是 10 个还是 20 个 PPT 都能在各种紧急情况下有统一的交付标准与品质。例如我们为下午场的闭门会 PPT,输出模板 102 页,样式 39 种。易用性强,样式充足,覆盖场景广,任何新同学都能快速上手实操。

4406992.png
4406993.png

官网的核心目标是通过各种线上触点让目标受众留资,后续才能推动销售跟进。怎样让用户留下信息,是官网设计的核心出发点。我们针对官网的报名前、中、后及直播阶段,拆分用户行为,对用户从进入官网 - 报名 - 观看直播进行全链路设计,在不影响其体验情况下,增加用户留资率。

4406994.png

为了吸引更多用户参与发布会了解飞书产品,首次尝试通过技术创新在多媒体设计中加入 AR 互动体验,以设计趣味性引导用户报名及分享,助力传播声量提升。

4406995.png
4406996.png
4406997.png

为了发布内容更好的传递,提升线上受众的体验与留存时长。将演讲嘉宾的关键重点信息,制作了AR 视效,使得演讲内容更加生动有趣,直观有力。

4406998.png

未来无限思考

一场发布会,目光所及的每一个细节,背后都是无数个小伙伴的努力。我们收获了肯定也承担了更多期许,越过山丘,发现原来要超越的是自己。

除了大范围的常规调研问卷,我们想更精准地了解大会各维度的结果验证。因此我们协同用研团队进行嘉宾调研,从定性与定量的调研维度帮助我们明确当前的设计决策准确度及下一次努力的方向

我们怎样保证在设计资源、成本都有限的情况下做的更好?流程、工具、模式是否还能做更多创新?有了创新想法又该怎么协作落地?都是未来我们需要思考的问题。

写在最后

每一次未来无限大会,都是一场战役、一次磨练、一段成长

感谢业务方给予我们的充分信任

感谢供应商给予我们的有效助力

更感谢所有参与此次发布会的设计团队的小伙伴

4406999.png

声明:以上信息内容仅代表作者本人意见及观点,版权归属作者本人及其公司,任何主体未经书面授权不得转载、摘编或利用其他方式使用该等信息内容。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK