惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

量子位
Vercel News
Vercel News
Microsoft Azure Blog
Microsoft Azure Blog
爱范儿
爱范儿
N
Netflix TechBlog - Medium
Google DeepMind News
Google DeepMind News
H
Help Net Security
罗磊的独立博客
The Cloudflare Blog
J
Java Code Geeks
博客园 - 叶小钗
I
InfoQ
B
Blog
Blog — PlanetScale
Blog — PlanetScale
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
腾讯CDC
月光博客
月光博客
博客园_首页
雷峰网
雷峰网
M
MIT News - Artificial intelligence
博客园 - 【当耐特】
美团技术团队
T
The Blog of Author Tim Ferriss
博客园 - 司徒正美

人人都是产品经理

为什么你的产品找不到差异化?90%的失败都卡在第一步上(下) – 人人都是产品经理, 3年从30万到1300万用户、获2200万美元融资,这个AI教育产品用“抽卡”破解了获客难题 – 人人都是产品经理, 园区招商系统怎么做才能真正帮到去化?我加了这一个功能,推广链接转发400次阅读过万 – 人人都是产品经理, AI大事件:OpenAI发完网络安全模型又搞药物研发,小鹏汽车要抓”DeepSeek时刻” – 人人都是产品经理, 电商不是卖货,是一场更残酷的产品经理实战 – 人人都是产品经理, 没想到,活动营销又回来了! – 人人都是产品经理, 为何All-in海外KOC:一场关于AI时代窗口期的豪赌 – 人人都是产品经理, 重新理解企业的内部协作 – 人人都是产品经理, 苹果的 AI 战略到底是什么? – 人人都是产品经理, 医疗智能体·第2讲——合规护城河:等保、PIPL与HIPAA的架构实战 – 人人都是产品经理, 向量知识库五步法:从“答非所问”到“精准回复” – 人人都是产品经理, 鸿蒙PC三方库构建总指挥HPKBUILD(sha)库为例 – 人人都是产品经理, 何时该用LLM?AI产品经理的LLM设计指南 – 人人都是产品经理, 医疗信息领域的需求方、决策方、准入方以及关注点(二) – 人人都是产品经理, 即梦涨价:一场被误读的「傲慢」 – 人人都是产品经理, 面试AI PM必答题:Hermes和OpenClaw的区别,如何讲清楚业务价值 – 人人都是产品经理, AI的下一张船票:世界模型——AI产品经理必须理解的技术拐点 – 人人都是产品经理, 小红书做GEO,怎么让AI信你?记住这 3 个重要信息 – 人人都是产品经理, 5 家印度 AI 初创公司,看看印度 AI 再做什么 – 人人都是产品经理, AI项目跨团队协作:产品技术业务如何不打架 – 人人都是产品经理, Agentic Workflow(智能体工作流):让AI从”答案生成器”变成”数字员工” – 人人都是产品经理, lycium_plusplus 项目全景解读:OpenHarmony 三方库构建的“大管家” – 人人都是产品经理, 从爆单救火到前置履约:两套预采策略,把生鲜大促履约效率拉满 – 人人都是产品经理, 什么时候该补货?我用一轮数据做了一个决定 – 人人都是产品经理, 从“机械兜底”到“动态分流”:AI客服重复进线治理的4大底层逻辑 – 人人都是产品经理, 抖音拼效率,红书拼洞察 – 人人都是产品经理, 全民狂欢与退潮——为什么龙虾这波热潮冷却得如此之快? – 人人都是产品经理, Stripe押注!MPP重塑全球支付 – 人人都是产品经理, 小红书GEO:AI引用你的内容,不是因为你对,而是因为你看起来可信 – 人人都是产品经理, 前百度副总裁押注办公Agent,日韩付费爆发,Manus迎来强劲对手 – 人人都是产品经理,
字幕设计指南
阿青 · 2023-11-30 · via 人人都是产品经理

大家喜欢在看电影的时候盯着画面看还是盯着字幕呢?字幕的出现是为了更好、更方便的令观看的人了解内容,下面是笔者整理分享的关于字幕设计指南的相关内容,大家一起往下了解更多吧!

老师可以在我们平台上传视频资源,系统会自动生成字幕,老师也可对其再次进行编辑矫正。编辑的操作较为复杂,所以只放在 web 端处理,在移动端仅需展示对应字幕即可。

我在处理移动端字幕呈现时,发现字幕的数量会影响到字幕的呈现效果。如果一次展示太多字幕,会增加用户阅读难度,视频画面也会被字幕遮挡,影响观看效果。字幕太少的话,信息不足,尤其是语速较快时,可能会导致用户来不及看。

因为 web 端字幕的功能已经实现,所以我先去请教了 dev 在技术上如何限制的,结果他们也不是非常清楚,但给我看了一眼 web 端超过 5 行的字幕呈现效果,我。。。。

没有得到结果的我可太好奇了,接着就自己研究了一下,别说,还挺有趣~

一、字幕的故事

在无声电影时代,为了让观众更清楚的了解剧情,当时会配有电影解说员。解说员在银幕旁边站着,对电影内容评论和解释,黑泽导演在《蛤蟆的油》中也写到自己的哥哥黑泽丙午是浅草区一流电影院大胜馆的“活动弁士”,也就是电影解说员。

字幕最早出现是在 1903 年Edwin S. Porter导演的电影《汤姆叔叔的小屋》中,当时叫做字幕卡(intertitles)。字幕卡就是将要用语言表达的内容都印在硬纸板上然后拍下来,插在电影的序列之间来辅助讲故事。

那时的字幕还挺有趣的,不仅传达人物对白,还可以传达主人公内心活动。

1977 年《安妮•霍尔》的内心吐槽是用字幕呈现的。

奥斯卡还专门为字幕设置了奖项:最佳字幕写作奖。1929 年 5 月第一届奥斯卡上编剧 Joseph W. Farnham 拿走了这个奖。

1927 年有声电影发明后,字幕卡开始被历史淘汰。为了解决翻译问题,电影人们让不同的演员录音,录好后替换原来的音轨就行,配音译制出现了。

1929年1月26日,配有法语字幕的《The Jazz Singer》在巴黎上映。配音和字幕这两种译制方式很快在欧洲各国发展起来。

这种字幕相当于放映机镜头前加上刻好台词的“幻灯片”(Sciopticon)。放映员要根据说台词的时机,现场切换。哈哈,那时候的放映员可不太好摸鱼~

随着电影制作和播放技术的数字化,字幕的制作和编辑变得越来越便捷。通过专业软件可以智能获取视频中的字幕,也可以给视频手动增加字幕。看视频时,也可以按照自己的喜好调整字幕的字体、颜色、位置。

二、字幕的几个分类

Youtube 上的展示 CC 字幕是什么意思?先简单补充一下视频播放器原理,以便于更好地理解字幕几种分类的区别。

视频播放器会通过流媒体协议从服务器获取数据,下载的数据通常以特定的封装格式(如MP4等)呈现。播放器对封装格式数据进行解封装,提取视频流、音频流、字幕流。然后对音视频数据进行解码,解码后对图像帧渲染,并显示在屏幕中。

字幕在英文中有Caption 和 Subtitle 两种。

  • 硬字幕(open subtitles):字幕被合并在原始视频帧中,无法从封装格式的数据中提取字幕流,所以也无法关闭,修改。
  • 软字幕或者隐藏字幕(closed subtitles):可以从封装格式的数据中提取字幕流,是带有时间戳的特殊标记文本。可以在播放期间显示隐藏,可以使用专业的字幕编辑工具进行编辑。
  • CC字幕-隐藏字幕(Closed Caption):主要针对耳聋或听力障碍人士设计的字幕。允许用户根据时间轴进行编辑,可在特定时间点添加、删除或修改字幕文本。

三、字幕的设置指南

(温馨提示:以下内容可收藏备用)

1. 英文

  1. 每行最多展示 42 个字符。
  2. 最多 2 行。
  3. 字幕在屏幕停留时间不应超过 7 秒,不应少于 1 秒。
  4. 成人节目:每秒最多 20 个字符;儿童节目:每秒最多 17 个字符。
  5. 每分钟最多 175 个字。

2. 中文

  1. 每行最多 21 个字符。
  2. 最多 2 行。
  3. 字幕在屏幕停留时间不应超过 7 秒,不应少于 1 秒。
  4. 成人节目:每秒最多 9 个字符;儿童节目:每秒最多 7 个字符。
  5. 每分钟最多 120 个字。

以上指南来自于wetranscriber。我翻看了Netflix的字幕样式指南,基本是差不多的。

Netflix字幕设置指南链接:https://partnerhelp.netflixstudios.com/hc/en-us/articles/219375728-Timed-Text-Style-Guide-Subtitle-Templates

四、字幕的呈现效果

根据以上字幕设置规则,考虑界面的呈现效果。

字幕样式需考虑:

  • 样式选择哪种更合适?
  • 竖屏是否需要展示字幕?如果展示的话字体大小是否合适?是否需要缩小?
  • 当展示底部播放条时,字幕如何呈现?是降低透明度还是移动位置?
  • 字幕的显隐怎么控制?

五、最后

当设定好字幕的显示限制规则后,对于呈现来说就很容易了。字幕是为了帮助观看者更好地理解对话和音频的内容,也可用于提供额外的场景信息。

这里的重点是:帮观众更好地理解内容。

内容的呈现方式会影响观众对内容的理解,所以需考虑字幕的显示数量和显示速度。内容本身也会影响观众对内容的理解,所以需考虑智能生成的文本是否准确传达视频内容,若不准确是否需要让老师可编辑。从观众角度来看,不同认知层次的观众对文字内容和呈现方式的要求也有些许差异。

不知为何,现实中大多数人往往过于关注视觉呈现,考虑极限状况,却忽略了功能的本质以及对用户的价值。

(最终研发有按照设计规则重新调整对接软件的参数,也许因为没人在意,所以没人推动,但我是忍不了呢)。

嗯,大概就酱~

专栏作家

阿青,公众号:阿青碎碎念,人人都是产品经理专栏作家。B端UX设计师。

本文原创发布于人人都是产品经理。未经许可,禁止转载

题图来自Unsplash,基于CC0协议。

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