赞助商
立即赞助

看似简单的视频贴纸,腾讯设计师做到了极致!

产品经验3年前 (2021)发布 流光
2.9K 0 0

短视频场景发展与突破回到普用户原创内容创作时,「贴纸」「音乐」「转场」等原创工具设计,都成为接影响到发表品质关键。这篇文章详述了在 DOV 的设计程中,对「贴纸」一品类的设计思考。

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

看似简单的视频贴纸,腾讯设计师做到了极致!

洞察

观察普通用户在个平台的际表内容中对贴纸的使用,我们现:

看似简单的视频贴纸,腾讯设计师做到了极致!

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

设计目标

我们将挖掘到的诉求点进行归纳,总结出贴纸设计所需的三素:

  • 提供或扩大息
  • 帮表达绪
  • 能够与内容互动

看似简单的视频贴纸,腾讯设计师做到了极致!

  1. 提供或扩大信息

普通户随手拍摄的生视频对事件的叙述往往都够整,贴纸可帮助户补齐信息。除地位置、时间等辅助记录的客观信息外,还应当有更多表示观状态的信息供。

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

看似简单的视频贴纸,腾讯设计师做到了极致!

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

看似简单的视频贴纸,腾讯设计师做到了极致!

  2. 帮助表达情绪

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

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

找有共鸣的载体,可以让用户同身受

以《夏日物》中的「生气」这个情绪为例,需要选取一个最能够用户及观众产生共鸣的形象,可以,「河豚」的然习性非常符「生气」的表达。

看似简单的视频贴纸,腾讯设计师做到了极致!

有效的表演,可情绪表达的更充分更饱满

遵循自然的规律,并放大中节奏的变,贴纸画表现更生,达到有效的表演。

看似简单的视频贴纸,腾讯设计师做到了极致!

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

看似简单的视频贴纸,腾讯设计师做到了极致!

自然流畅:强画设计中的弧线可使作更自然流畅。自然界的都遵循弧线的规则,这个魔性的蹬腿作为例,拆分膝节、脚踝的节点可看到轨迹都是流畅的弧线。

看似简单的视频贴纸,腾讯设计师做到了极致!

表演张:通过增一些次要的表演作的辅助画来增强感和感染。我们在画里还增了一些次要表演作,图可看到画呈现中的蓝色点或线的辅助画。效更有表演感染和张,情绪更饱和。

看似简单的视频贴纸,腾讯设计师做到了极致!

  3. 与内容互动

让贴纸多维度地与视频内容生互动。短视频与图片最大异是在时与空维度有更强大延展。我们从透视度、穿插关系、立体表现这3个让贴纸更好地与内容互动融合,让视频更有虚实结合趣味。

透视度

般贴纸提供透视度比较单,那我们设计贴纸时候会增加不透视度,而大部分贴纸是纯粹贴合在视频(手屏幕),与视频内容透视和度是不样,把贴纸做到有透视度,与视频内容透视度保持致,那贴纸不会显突兀,可以真正与内容做到互动和贴合。

看似简单的视频贴纸,腾讯设计师做到了极致!

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

看似简单的视频贴纸,腾讯设计师做到了极致!

穿插关系

我们希望贴纸以更地融合内容,融合境,在创的时我们设计一有趣的物以穿插在内容上,合理存在视频的透视中。看似跟内容无关的贴纸与视频结合以玩出一特别有趣的视效果。同时对用户来说以极大程度地激创灵感。

看似简单的视频贴纸,腾讯设计师做到了极致!

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

看似简单的视频贴纸,腾讯设计师做到了极致!

立体表

立体表指贴纸本身立体三维透视的,实实景都透视的,所以贴纸视觉动效表中呈出立体的,那实景中会一种虚实结合的趣。

看似简单的视频贴纸,腾讯设计师做到了极致!

秋千的2.5d立体动效表会与实场景加融合,让视频一种虚实结合的趣感。

看似简单的视频贴纸,腾讯设计师做到了极致!

用户反馈

《夏日物》的全部展示:

看似简单的视频贴纸,腾讯设计师做到了极致!

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

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

看似简单的视频贴纸,腾讯设计师做到了极致!

总结

回过头来 DOV 在贴纸规划上足并遵循适UGC创作的贴纸所备三个要素。息贴纸和水印贴纸可以帮助用户提供和扩大息,发表当下状。像潮牌度贴纸、秋日私语、有声贴纸、夏日物可以帮助用户表达情绪和视频内容互动,更好激发用户创作灵,同也较好做出差异化。

看似简单的视频贴纸,腾讯设计师做到了极致!

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

看似简单的视频贴纸,腾讯设计师做到了极致!

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

看似简单的视频贴纸,腾讯设计师做到了极致!

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

看似简单的视频贴纸,腾讯设计师做到了极致!

一些感悟

贴纸在短视频创作中可或缺,我们在设计的同时断挖掘更多的可性。贴纸的最要核心是为容务,贴纸值最大一直是我们研究和探索的目标,一切户体验为归依是驱我们的核,只有当产这个为目标,才发挥产的核心值,才把好的产传递给户。

此同,计要实现成长需要身的不断驱动鞭策。面对互网日新月异的发展,从拟物代、扁代现在的全链路代,计除了在专业上不断提升和俱进,计更加需要提升的产品思维,在项目中发挥的价值。

后,DOV二维码,欢迎家下载体验。

看似简单的视频贴纸,腾讯设计师做到了极致!

看似简单的视频贴纸,腾讯设计师做到了极致!

© 版权声明
您必须登录才能参与评论!
立即登录
暂无评论...

相关文章

看完本文,前端能快速开发一些 H5动画,设计师也能高效地制作出合自己心意的动画来让别人高保真还原,希望能给大家带来一点帮...
Animate
在上一个不同寻常的周末,复古青年写真霸屏了 QQ 空间、微信等社交平台,撩拨了每个年龄层对自己复古青年形象的想象。 活动...
实战案例
每到过年,在外的游子都会不远万里回家与亲人团聚,这是一种中国独有的特色,也是一种别样的年味。我们期望在春节上线一款游...
3D游戏
编者按:一个完整的品牌设计流程是怎样的?本文用腾讯DOV 视频的实战案例,告诉你高手是如何做品牌设计的! 项目概述 2017年...
品牌设计
前言 互联网市场环境瞬息万变,在玩法层出不穷的今天,运营活动从来要求创新以及出其不意,以此来实现拉新、促活、回流、营收...
腾讯ISUX
重新构想复古怀旧,赋予我们所喜爱的人物角色更多个性、温度、色彩和熟识度,以提升用户体验。 为了在QQ20周年掀起用户的怀...
QQ设计
编者按:本文由一个成功通过腾讯实习考核的设计师分享,从角色转变、方法论到知识架构3个方面让你快速从职场小白成长为专业设...
实习生
正所谓狗问平安随腊去,猪生财富报春来。在这个辞旧迎新的时节,来看看设计师过得有多好(can)~ 过完了元宵,新春佳节就...
生存状态报告