首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >DOV社交探索 | 贴纸极致设计

DOV社交探索 | 贴纸极致设计

作者头像
腾讯ISUX
发布2019-01-21 16:21:08
6400
发布2019-01-21 16:21:08
举报

腾讯ISUX

isux.tencent.com

社交用户体验设计

前言

当短视频场景的发展与突破回到普通用户的原创内容创作时,“贴纸”“音乐”“转场”等原创工具的设计,都成为直接影响到发表品质的关键。这篇文章在于详述在DOV的设计过程中,对“贴纸”这一品类的设计思考。

什么样的贴纸能让用户的发表更加精彩?而在短视频上使用的贴纸在设计上又会有怎样的不同?我们需要深究用户使用贴纸的场景和对贴纸做更深入和更极致的设计。

洞察

观察普通用户在多个社交平台的实际发表内容中对贴纸的使用,我们发现:

用户对贴纸使用的诉求中,传统的遮挡需求依然是核心;但为自己拍摄的视频增加丰富的后期元素,扩大短视频中表达的信息,甚至可以与短视频中的内容进行互动,也成为了新的可能与目标。

设计目标

我们将这些挖掘到的诉求点进行归纳,总结出了贴纸设计所需的三个要素:

1、提供或扩大信息

2、帮助表达情绪

3、能够与内容互动

提供或扩大信息

普通用户随手拍摄的生活视频对事件的叙述往往都不够完整,贴纸可以帮助用户补齐信息。除地理位置、时间等辅助记录的客观信息外,还应当有更多表示主观状态的信息提供。

在对主观状态贴纸的设计中,应更多地表现正在进行中的状态,更准确地描述一个事件。例如:

在此类贴纸的设计中,融入DOV的品牌色黄色同时,结合空心字的设计,整体设计体量比较轻比较穿透,不会过多干扰视频的信息传递。

帮助表达情绪

普通用户拍摄的生活视频会缺乏传达内在情绪的表演。贴纸需要帮助用户更好地传达情绪,述说视频画面中无法表达的心情,让观众们能够更好地感同身受。

所以贴纸如何能更好地表达情绪呢?

1、找到有共鸣的载体,可以让用户感同身受。

以《夏日小物》中的“生气”这个情绪为例,我们需要选取一个最能够与用户及观众产生共鸣的形象,可以看到,“河豚”的自然习性非常符合“生气”的表达。

2、有效的表演,可以让情绪表达的更充分更饱满。

遵循自然的运动规律,并放大运动中节奏的变化,让贴纸动画表现更生动,达到有效的表演。

遵循真实

遵循物体本身的真实运动规律。通过表现物体运动的节奏快慢和曲线使之更接近真实。不同的情绪有不同的节奏:睡觉时的节奏比较舒缓,生气时情绪起伏比较大,最后通过节奏的快慢频率变化还原最真实的情绪。

自然流畅

强化动画设计中的运动弧线可以使动作更加自然流畅。自然界的运动都遵循弧线运动的规则,以这个魔性的蹬腿动作为例,拆分膝关节、脚踝的节点可以看到运动轨迹都是流畅的弧线。

表演张力

通过增加一些次要的表演动作的辅助动画来增强动感和感染力。我们在动画里还增加了一些次要表演动作,下图可以看到动画呈现中的蓝色点或线的辅助动画。让动效更有表演感染力和张力,情绪更加饱和。

3、与内容互动。

让贴纸多维度地与视频内容产生互动。短视频与图片之间最大的差异就是在时间与空间的维度有更强大的延展。我们从透视角度、穿插关系、立体表现这3个方面让贴纸更好地与内容互动融合,让视频更有虚实结合的趣味。

透视角度

一般贴纸提供的透视角度比较单一,那我们设计贴纸的时候会增加不同的透视角度,而且大部分的贴纸只是纯粹的贴合在视频(手机屏幕),与视频内容中的透视和角度是不一样的,把贴纸做到有透视角度,与视频中内容的透视角度保持一致,那贴纸就不会显得突兀,可以真正与内容做到互动和贴合。

可以看到下图demo中的贴纸与视频的透视角度是相融合的,整个视频中贴纸不会违和,而是很好地适应了内容。

穿插关系

我们希望贴纸可以更好地融合内容,融合环境,在创作的时候我们会设计一些有趣的的物体可以穿插在内容上,合理存在于视频的透视中。看似跟内容无关的贴纸与视频结合可以玩出一些特别有趣的视觉效果。同时对于用户来说可以极大程度地激发创作灵感。

视频demo中的的腿和雪糕有趣地与视频内容做结合,视频效果显得更加生动。

立体表现

立体表现是指贴纸本身是立体三维有透视的,现实实景都是有透视的,所以贴纸在视觉和动效表现中呈现出来是立体的,那放在实景中会有一种虚实结合的趣味。

秋千的2.5d立体动效表现会与现实场景更加融合,让视频有一种虚实结合的趣味感。

用户反馈

《夏日小物》的全部展示。

贴纸上线后,引发了许多用户的使用与讨论。贴纸不仅激发了用户创作灵感,使内容更有趣味性,最重要的是做到了把UGC内容盘活起来。

以下为用户使用的真实发表视频案例:

总结

回过头来看DOV在贴纸规划上满足并遵循适合UGC创作的贴纸所具备三个要素。信息贴纸和水印贴纸可以帮助用户提供和扩大信息的,发表当下状态;然后像潮牌态度贴纸、秋日私语、有声贴纸、夏日小物可以帮助用户表达情绪和与视频内容互动,更好激发用户创作灵感,同时也较好做出差异化。

潮牌贴纸主要帮助表达态度和情绪,对潮牌的二次创作,更加贴近和贴合现在年轻人的情绪和态度的表达。

秋日私语的贴纸色调来源于秋天,运用秋天的元素刻画来表达秋日特有的情绪。

有声贴纸是一种提供用户创作、与视频内容互动的新方式,与以往单纯对视频本身画面叠加的贴纸不一样,有声贴纸可以改变或叠加视频内的音频,使视频内容达到更丰富和更加意想不到的效果,更多地挖掘用户的创造力。

一些感悟

贴纸在短视频创作中不可或缺,我们在设计的同时也不断挖掘出更多的可能性。贴纸的最主要核心是为内容服务,让贴纸价值最大化一直是我们研究和探索的目标,一切以用户体验为归依是驱动我们的内核,只有当产品以这个为目标,才能发挥产品的核心价值,才能把好的产品传递给用户。

与此同时,设计师要实现自我成长需要自身的不断驱动与鞭策。面对互联网日新月异,从拟物时代、扁平时代到现在的全链路时代,设计师除了在专业上不断提升和与时俱进,设计师更加需要提升自己的产品思维,在项目中发挥自己的价值。

最后,附上DOV二维码,欢迎大家下载体验。

以下ISUX文章,你可能也感兴趣

ISUX Showreel 2018

[腾讯相册] 小程序一亿用户量的设计背后

社交短视频游戏的品效合一设定

DOV原创驱动-短视频社交设计思考

参与感 - QQ的AR设计


感谢阅读,以上内容均由腾讯ISUX团队原创设计,以及腾讯ISUX版权所有,转载请注明出处,违者必究,谢谢您的合作。注明出处格式:

文章来自公众号:

腾讯ISUX 

(https://isux.tencent.com/articles/sticker-design.html)

↓点击前往 ISUX 官网

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2019-01-21,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 腾讯ISUX 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
云开发 CloudBase
云开发(Tencent CloudBase,TCB)是腾讯云提供的云原生一体化开发环境和工具平台,为200万+企业和开发者提供高可用、自动弹性扩缩的后端云服务,可用于云端一体化开发多种端应用(小程序、公众号、Web 应用等),避免了应用开发过程中繁琐的服务器搭建及运维,开发者可以专注于业务逻辑的实现,开发门槛更低,效率更高。
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档