短视频APP如何做好沉浸式设计？本文作者通过百度APP的实战案例，帮你掌握短视频的沉浸式设计方法。

编者按：短视频APP如何做好沉浸式设计？本文作者通过百度APP的实战案例，帮你掌握短视频的 沉浸式设计 方法。

往期回顾：

大厂出品！百度「好看视频」 PC 站体验升级复盘 好看视频 PC 站围绕建立响应式布局，提升筛选效率两个目标全新升级。

阅读文章 >

在视频画面尺寸、手机屏幕分辨率极多的复杂情况下，如何通过布局、内容、视窗挤压、智能满屏等形式，进一步提升视频看播沉浸式体验呢？

前言

沉浸式体验是让人专注在当前的目标，全身心投入并感到愉悦和满足，从而忽略时间的流逝。应用到界面上则是更强调聚焦内容，减少不必要的打扰。本次研究与实践针对视频场景中视频所呈现的画面，通过精细化的设计，在多样化的手机屏幕中呈现时，能够带给用户更为沉浸的视频观看体验。

一、百度 APP 是如何进行视频沉浸式设计的？ 视频播放器中视频画面当然是最主要的内容，以此作为突破点进行思考：

最大化画面视野：通过改变视频画面本身的大小，减少页面“留白”，让用户更聚焦视频画面，观看视频时更专注。 最佳视线观看位置：将不同高度的视频按照页面结构去布局视频画面，通过画面避让状态栏、顶底 bar 结构的方式，使画面更加整洁，减少元素混乱带来的干扰，同时整体位置偏上展示，视线落点更加舒适。 观看体验连续性：视频浏览过程中，非必要不打断视频浏览，在进行如查看评论、临时退出播放器等行为时，保证视频播放的连贯性，方便用户多操作。

（一）最大化视频画面视野 1. 视频画面裁剪

随着时代的发展，为提升消费者对手机的操作体验，智能手机逐渐多元化，手机屏幕尺寸迭代更快、更加丰富多样。手机作为视频很重要的生产端，手机屏幕尺寸的多样化影响到产出视频尺寸的多样化，同时用户可通过视频编辑工具任意编辑视频尺寸，最终生产的视频尺寸比例自由度非常高。据不完全统计视频平台中视频尺寸达 22 万多种，用户使用机型近 300 种，在视频尺寸多样性及视频展现媒介多样性的现状下，需要兼容性更强的裁剪及展现规则才能带给用户更好的观看体验。

我们要做的就是将不可控的视频资源和不可控的浏览视频设备设计为可控的视觉展示效果，并最大化视频画面。减少环境干扰，给用户带来沉浸式感官体验。

视频宽撑满手机屏宽后，将视频尺寸分为四类：

（1）视频高度>手机屏高

视频画面宽度撑满屏幕后，视频整体居中于屏幕，居中裁剪视频多余画面。

注：不允许画面高度撑满屏幕，宽度自适应导致画面左右留黑效果。

（2）视频高度=手机屏高

视频居中于屏幕，刚好填满屏幕，不需要裁剪处理。

（3）1:1<视频高度<手机屏高

此类尺寸较复杂、难处理，于是将限制裁剪面积和展示位置相结合，保证裁剪面积和位置可控。结合视频平台资源尺寸和业务目标来确认理想展示效果，反推定义最大裁剪面积，根据显示位置多次判断视频放大后是否符合既定裁剪面积，最终确定当前视频的显示方式。同时支持根据不同视频业务进行个性化定制，并且将裁剪面积云控处理，根据业务内不同时期的诉求限制比例来灵活调整展示效果，双端也可分端定义数值；横向协同及迭代成本极低，便于快速上线验证效果。

（4）横版视频（高宽比≤1:1）

横版视频在手机屏幕中面积占比较小，画面可识别度和饱满度稍有欠缺，轻微扩大画面视野，画面浏览更加清晰有冲击力。以不影响内容理解为前提，根据自身平台视频尺寸占比及视频内容特点规定固定比例或比例范围适度放大。

锦上添花，引入文字内容识别

为避免因裁剪规则而裁剪到视频关键文字对视频内容获取有障碍的问题，发挥百度强大的 AI 技术优势，引入文字识别技术及视觉展现规则，进一步提升视频展现样式的可控性，同时能够通过尽量少损失画面达到画面放大的效果，平衡画面沉浸感和完整性的关系。

左右文字被裁剪情况：文字左右设置安全距离，保证安全距离在屏幕内。如果安全区超出屏幕，则按照上方描述的裁剪规则进行退档显示（满屏至不裁剪之间的档位），直至文字不被裁剪。极端情况退档至最后一档，视频画面不裁剪。

横版资源文字左右被裁剪情况：按照固定尺寸退档

上下文字被裁剪情况：文字上下设置安全距离，保证安全距离在屏幕内。如果安全区超出屏幕，则按照上方裁剪规则进行满屏至不裁剪之间的档位进行退档显示，此情况只会从全屏一档显示退至二档显示。

裁剪面积、展示比例、文字安全距离等数据都通过云控的方式下发，灵活配置到不同业务中，保证裁剪规则一致的同时又能针对不同业务进行定制展现，也可快速调整并支持上线实验，来验证适合自己产品的展示效果。

2. 智能满屏

通过裁剪方式放大画面视野之外，还通过让用户自主交互操作再次放大画面视野，调整到自己喜欢的观看视频的方式。相较于上方默认裁剪放大，满屏方式更加激进极致，画面放大更多。开启方式除了通过面板功能按钮外，增加便捷交互开启手势，用户可双指放大快速开启。

由于满屏是用户主动操作放大行为，可以接受文字内容被裁剪，但也需要有节制的放大，避免带来画面裁剪过多视觉体验不佳的问题。为了保证 95%以上资源撑满全屏，达到放大画面视野极致体验。同时最大画面裁剪面积不超过一定比例（根据自身业务视频资源判断），将视频资源细分为 3 类进行不同效果处理：

可继续放大至满屏的视频，则进行满屏展现。 不可继续放大的视频，如果继续放大会导致裁剪画面过多影响观看完整度与观看体验，则保持上方提到的裁剪规则，不做另外处理。 横版视频统一放大至固定尺寸，可根据自身业务资源进行放大尺寸的定义。

（二）最佳视线观看位置 通过布局合理、舒适的画面位置，也能提升浏览过程中用户体验的沉浸感。人的视觉中心一般会在物理中心的偏上方，于是在设计中我们将视频画面放在屏幕偏上的位置，用户视线落点更加舒适，一般是用户在浏览页面时最先注意到的地方。同时视频在页面偏上的位置，能减少下方标题等信息过多对视频画面的遮挡。

为了精细化处理不同比例的视频资源，竖版视频和横版视频根据页面效果分别定义了最佳观看展示位置。

竖版视频：高于 1:1 的视频，按照页面结构布局视频画面，避让状态栏、顶底 bar 操作，避免与页面结构冲突带来画面凌乱不美观的问题，同时能减少画面参差带来的干扰，增加沉浸浏览感受。

横版视频：等于矮于 1:1 的视频，画面按照屏幕高度比例展示在偏上的区域，高度比例可云控便于灵活调整。

（三）观看体验连续性 1. 视窗挤压

在视频场景观看评论时会弹起半屏面板，遮挡住视频内容，导致用户无法在浏览评论的同时观看视频内容。我们通过视窗上移动挤压功能，在浏览面板内容时不对视频内容打断，弱化面板内容给用户带来的影响。

视窗高度固定，画面宽高比越小画面内容越小，观看体验不友好，所以竖版视频对压缩后的显示尺寸进行干预，定义最小视频画面展示比例，尽量扩大画面视野，保证观看视频的舒适度。

2. 悬浮小窗

在不打断用户视频浏览的基础上还建设了悬浮小窗交互体验，旨在为用户提供完善优质的视频消费体验。用户进行其它操作时仍保留视频后台播放，同时也能在屏幕角落观看到缩略图大小的视频播放窗口，可以从任何页面中观看视频，我们同时也保留了部分视频基础操作。观看体验连续性让用户对视频有绝对的主控感，提升用户使用体验的满意度。

写在最后 沉浸式 体验设计 是帮助用户减少画面干扰，让用户专注于当前的视频浏览，忽略时间的流逝进入心流状态。我们通过放大画面视野，增强画面冲击力的方式减少干扰，并解决在视频画面尺寸、手机屏幕分辨率极多的复杂情况下，保证画面效果的稳定和可控，并且不会受阻于未来手机机型的扩充发展，普适性极强。同时通过视窗挤压、悬浮小窗的交互体验专注于当前的视频浏览不被打断，进一步提升视频看播沉浸式体验。后续我们将不断探索视频场景沉浸度提升方式，为用户带来更加舒适的观看使用体验。

欢迎关注作者的微信公众号：「百度MEUX」

B端工作台如何设计？本文从需求分析、信息架构、可视化图表和视觉设计4个方面，完整解析一个B端工作台的设计方法。

编者按：B端工作台如何设计？本文从需求分析、信息架构、可视化图表和视觉设计4个方面，完整解析一个 B端 工作台的设计方法。

如何制定B端项目全局框架？收下这篇总监级的经验！ 这阵子想了想关于交互知识的分享，还是应该要拓展成一整个系列的内容，包含各类组件、控件和行为的解析。

阅读文章 >

举着 Case 当火把，照亮五彩斑斓的黑~

一、需求分析 在设计一个产品的时候，我们要透过现象看本质。

我们是为谁？解决什么问题？分析的结果将直接影响到方案的好坏。 这里推荐大家采用 5W1H 分析法，5W1H 分析法也叫六何分析法，是一种思考方法，也可以说是一种场景创造分析法。

5W1H 分析法包含如下几个方面：

Why：为什么要做，是原因。 What：做什么、做成什么，是目标。 Where：在哪儿做，是地点。 When：什么时候做，是时间。 Who：谁来做，是执行对象。 How：怎么做，是方法。 通过上述分析我们可以（假设）知道：我们的用户是技术人员、基层管理人员；做这个页面的目的是为了让用户随时掌握各项工作的进展情况，快速进入需要处理的工作事项。 根据结论可以得出工作台是一个导航页面或者综合管理页面，它是用户感知产品价值的重要“门面”，使用者有一定的经验，属于高级用户。从设计角度来看，首页工作台是整个系统规范与视觉风格的核心场景。

使用角色：

主要是技术人员、基层管理人员

内容主次(根据需求得出)：

P0：各类数据指标的汇总、我的动态 P1：总量趋势、数据排名、操作汇总 P2：分发汇总、待办事项 设计要求：

重点突出、简洁、清晰

二、信息架构 1. 优先级处理

下面这张图是产品给的原型，也是 B 端面试题中经常会遇到的题目。如果你打算就按照产品给的原型直接做美化，那估计很难被选中。

做需求分析的目的之一就是为了做信息处理，这里要提到一个词叫“屏效”。B 端产品我们都知道，目的是“降本增效”，在合理的信息布局下尽量利用交互等手段让页面缩短。

比如：上面原型中有两个 top10 排名，如果一行展示会比较拥挤，也体现不了 top10 排名。考虑“易读性”我们会放两行，但这样又占据了屏幕空间，在与产品沟通后我们把它整合到一起，利用按钮组切换进行查看。同时排名也是业务人员需要关注的，所以我们把它们往上放。

顶部个人信息内容比较少，也没必要占一整行，我们把它移到右边；各类指标因前 3 个是不能点击的，为了和后面可点击按钮做区分，我们整合到一个卡片上；待办事项与产品沟通后说不太重要，移动到了最下面，操作汇总模块往上移；

到这里模块之间的信息优先级基本处理完成，下面就要对单个模块进行拆解处理。

首先我们要观察哪个是：重要信息、次要信息、辅助信息，上面我们提到了“效率”，把重要信息突出显示，就是为了让用户一眼就能看清，不需要去寻找或被次要信息干扰。

最后一个模块原型上只有一个标题，这真是验证了一句话：“巧妇难为无米之炊”，所以又去找产品沟通，为什么单个模型可以点击查看更多？用户在这个地方想要获取什么样的数据？

经过一番沟通，拿到了一些“米”，巧妇终于可以干活了。为了体现“易发现性”，我们在后面这个模块上加了一个详情按钮。

2. 栅格化处理

其实上面的图是我处理过的，产品的原型可不长这个样子，模块大小、间距都是随便给的。你如果也按照产品给的原型模块大小做，估计研发会“骂娘”，因为这样没法按照比例进行换算，也就没法做自适应。

这一步主要就是做栅格化处理，我们需要定义每个模块的占比与间距。B 端产品通常选用 24 栅格布局，也就是 24 栏+23 水槽+2 页边距。

我遇到的工作台页面有两种，一种是带左侧树，一种是不带，这两种对应的栅格化数值不太一样。 按照目前常用的尺寸 1440*900 来计算：不带左侧树我采用的是 1440=2*20+43*24+16*23。

如果大家做的是带左侧树，可以参考下图数据

三、可视化图表 重点来了，我个人觉得这一节才是工作台、数据分析页面的核心，但很多人都忽略了，觉得不就是几个图表，唰唰唰一下就搞定了……

上面我们提到过 B 端测试题给的都是原始数据（表格），需要设计师自己根据数据找合适的可视化图形进行展示。

如果你对可视化图表不熟悉，不知道什么时候该用柱图、折线图、饼图；不知道随时间变化该用什么图形；不知道体现排名的数据该用什么图形。那你很难输出一份有理有据的作品。

B 端图表如何设计？这篇5000字的总结超全面！ 前言 无论是数据展示设计还是工作汇报中，都离不开图表的运用。

阅读文章 >

因图表类型太多，详细的留到后面文章讨论，这次只对原型中使用的到图表进行分析：

1. 柱图：

柱状图是常用的数据可视化图形之一，可用于随时间变化而产生变量的数据统计，也可用于数据类别的对比、排名。

如图，柱状图能展示知乎文章观看者地域分布，也能反应出不同时间段的情况，并通过图形能够快速了解 分布最多和最少的省份。

优点：

人眼对长短（高度）比较敏感，可以直观体现数据差异性。

缺陷：

分类过多时数据的展示效果会降低。

设计要点：

能把图形视觉与体验都兼顾好，才能体现设计师的价值。 设计师的能力不仅体现在技法上，更多的是体现在思考能力上。图形扩展性设计和创新性设计都需要设计师做缜密的思考，只有这样才会有出彩的设计结果。

信息层级：

视觉展示：

2 个人站在一起我们除了对比高度、颜值，还有会对比胖廋。那么，柱状体的粗细和间距如何定义呢？ 在图中，中间柱状图的柱子间距过于疏散没有规律；右边图中的柱子间距又过小，视觉上显得拥挤，并且当分类过多时，过小的间距会导致柱状体之间没有独立性，不易阅读。

定义柱状体的间距可以用 5 分原则设计法，即柱子之间的间距为 N，左右两边与柱子之间的距离就是 2/N。 如图所示。这也是很多界面设计中常用的技法，其原理就是接近黄金比例，视觉上较为舒适。同时，在保证界面元素整体协调性的情况下，尽可能把柱子的宽度设计成 N，这样视觉上最为协调。

另外，在设计图形前，设计师最好能了解到真实数据，这样才能结合真实的数据来设计图形，尽可能还原落地后的样子。在图中，图形的设计和落地后的样子存在较大的差异。问题就出在设计前设计师没有了解数据的真实情况，前端工程师按照设计图把 X 轴的数值固定了。

相似图表：

堆积柱状图：堆积柱状图可以展示两个或多个数据的变化，以及数据之间的综合比较情况。

分组柱状图：分组柱状图可以在同一数轴上展示各个分类下的不同分组数据。

有序柱状图：与有序条形图一样，有序柱状图也能呈现数据的排名情况。

2. 折线图：

折线图常用于表示一个连续时间段内数据的变化趋势，主要功能是能够清晰地反映出数据随时间变化的趋势。

如图，折线图不仅能展示不同月份的价格趋势，还能清晰呈现数据的峰值和低谷。折线图也可以是多条线，用来分析多组数据随时间变化的趋势及数据间的趋势比较。

优点：

直观反映数据变化趋势

缺陷：

无序的类别无法展示数据特点。

设计要点：

折线图可以用于展示数据的趋势变化，通过折线的起伏波动可以帮助人们探究数据背后的逻辑。但如果折线图的设计不够合理，在视觉上会让人产生错误的认知。在图中，有的折线图的刻度值设置不合理，如中间折线图的刻度值未从 0 开始，导致折线的呈现夸大；右边折线图的刻度值过高，趋势变化呈现过于平缓，这些都是在不客观地表达数据。正确的方式应该是刻度值从 0 开始，随着数据的增减，刻度值也做相应的变化。

视觉展示：

在折线图设计中，还需要注意折线的粗细要适中。在图中，其中一条折线过细，这会降低数据可视化的表现；另一条过粗，就会损失折线中的数据波动细节。在产品的图形设计中，一般网格线和起始线都是 1 像素，折线一般用 2 像素，这样的粗细会有较好的视觉表现。

相似图表：

阶梯线图：线在数据点之间形成一系列步骤。

面积图：与折线图唯一不同的是，其自变量数据和坐标轴之间有颜色填充，这样能更加突出数据的趋势变化。

3. 饼图：

提到数据的占比，相信你第一个就会想到饼图，主要用来展示数据分布情况。 饼图是展示占比数据最直观的图形，通过弧度大小来表示分类的占比多少。但饼图有一定的局限性，当占比数值接近或占比分类过多时，在视觉上就不容易辨别各个类别占比的大小。在数据可视化产品中，因为饼图是大面积的色块，视觉上会非常突显，很容易抢走重要数据的风头，所以使用时要酌情考虑。

优点：

直观显示各项占总体的占比，分布情况，强调整体与个体间的比较。

缺陷：

分类过多，则扇形越小，无法展现图表。

设计要点：

每个图形都有自己的设计规范，如当饼图分类过多时，一般不把文字放在图形元素上，因为一旦出现几个相对较小的占比数据，字就很容易溢出，不容易辨别指向的分类，如图中的右图所示。好的解决方案就是，在图形的外围用引线指出分类数据，或者加示例图展示。

视觉展示：

另外，饼图的分类最好从 12 点钟的位置开始，这样较为符合人的阅读习惯，即从上到下、从左到右，如图中。如果饼图随意从不同位置开始展示，就会缺少规范，这样当多个饼图同时展示时容易出现混乱。

同时，在饼图的分类中如果没带排序，如 1 月、2 月……，那么占比最好能够从大到小依次排列，这样还能直观地呈现出分类的排名情况。任何时候，如果有“其他”这项分类，无论其占比多少都要放在最后，因为其数据通常是最不被关注的数据。

相似图表：

嵌套圈饼图：用于一个指标在不同维度的占比。

跑道图：看到占比的同时，可以直观看到指标在当前维度下的排名情况。

4. 表格

表格看起来简单，但想设计好也不是一件容易事。通常我们见到的（产品中）表格都属于比较简单的表格。

在 BI 系统中有一些复杂的表报，如果直接用组件信息会很难阅读。我们需要对表格的视觉进行调整，让信息获取更高效，这就需要一些设计技巧和原则。

设计要点：

表格排版第一大原则：文字左对齐，数字右对齐表格中文字需要左对齐，因为我们阅读文字的习惯是从左到右。

而图中（上图）的项目名称长短不一，居中对齐在视觉上会使切入点呈现“Z”字形，影响阅读效率。左对齐可以使线性结构在视觉上不跳跃，阅读流畅且更具美感。表格中的数字需要右对齐，因为当我们在面对一个长数字时，一般会从右往左读。比如数字¥368,568,023.00，我们一般是从个位到最后的千万位顺序识别数字体量，有的人可以通过千分符迅速判断数字的体量，但其实也是从右到左的浏览顺序，因此数字右对齐最符合人的阅读方式。

在图中（下图），让我们感受一下数字左对齐、居中对齐、右对齐的阅读效率，以及对各个数据体量的对比感知。

文字左对齐和数字右对齐，针对的是长短不一的名称和大体量的数字，而对于文字数量一样、体量较小的数字也可以尝试用居中对齐的方式，对称的元素本身就具有美感。如图所示，通过对表格中的文字和数字的重新排版，相信在阅读效率上会有较大的提高。虽然提高了阅读效率，但这相比优秀的表格设计还差得很远，其中最明显的是表格的边框在视觉上过于突出，接下来我们继续调整。

① 弱化边框

如图（下图）所示，通过弱化边框在视觉上能够突出表格的内容。表格边框可以让信息的呈现更有条理，能够提高易读性，但在视觉层级上不能高于内容信息。

② 去掉边框与分割线

将表格的边框与分割线去掉，用留白分隔内容，无框胜有框，增大留白可以使表格更有空间感。这样的设计需要注意的是，元素的间隔不能太小，不然会显得拥挤。由于去掉边框后有些问题会被放大，比如标题与内容没有对比，因此需要增强对比，在整体上要有层次。

③ 强调标题

图中的表格加强了标题，这样看起来更有层次。强调标题的方法有很多种，不一定只是加粗字体或加大字号，还可以给标题栏添加背景，以形成对比。

④ 突出重要信息

如果在一组数据中有重要数据和次要数据之分，那么就需要在对重要数据的设计上着重突出，表格的设计同样如此。图中所示就是把重要的数据信息通过增加背景色与其他元素形成较为突出的对比，这种设计是一种为用户做选择的设计方法，容易让用户的视觉停留在他本想重点关注的地方。

⑤ 表格扩展设计

由于人们常常会对熟悉的事物产生审美疲劳，因此设计中有创新才容易给人眼前一亮的感觉。

下图在背景上面给了一根横线，来凸显这一列的数据，这样除了可以加强信息传达也可以打破常规的表格样式（这里只是提供一种思路）。

⑥ 表格字体运用

表格数字最容易出问题的是数字字体的运用，因为很多数字字体不是等距设计，比如数字“1”所占的字间距面积要小于“8”的。如果遇到一组大量级的数字，就有可能会误导观者。

如下图所示，本来 32,118,116,00 大于 28,558,363,00，但由于不同数字所占宽度不一样，这样的设计在视觉上容易误导用户。因此，表格中的数字要使用表格字体，因为表格字体每个数字所占面积一致，这样就不会出现案例中的问题了。

其实很多表格里面的数字字体都存在类似问题。下图是修改数字字体后的设计，这样就能客观地呈现数据了。

表格中常用的字体有 Roboto、DIN、微软雅黑、思源黑体、宋体、苹方字体等。

四、视觉设计 1. 配色：

参考 631 配色法

对有含义的颜色要谨慎使用，例如：红、黄、绿

2. 图标：

常用的图标分为两类：

工具图标：包含一定产品功能隐喻的简化抽象图形，代替文字节省界面空间，方便用户理解，常用于 b 端产品里面。

如图，里面来自不同产品的图标，虽然表现形式不太一样，风格不太一样，但都是为了体现图标后面文字的意思。

装饰图标：主要目的是用来装饰界面的视觉元素，样式大于功能，常用于产品宣传、活动等页面。 如图，云计算、大数据相关的产品，语义都比较复杂，很难通过图标去表达，既然看不懂，就抽象点。

在 B 端产品中，应用最广泛的还是工具图标。 可能有人觉得工具类图标太简单了，它是看起来简单，想做好一点都不容易。

首先要保证“一致性”， 粗细一致、圆角一致、透视一致、大小一致，同时还要把语义用图形表达出来。

3. 间距：

一般采用 8 的倍数：8、16、24、32、40、48、…

4. 字体：

12px、14px、16px、20px、24px，可采用“回退机制”

最终效果：

谢谢观看！

短视频APP如何做好沉浸式设计？本文作者通过百度APP的实战案例，帮你掌握短视频的沉浸式设计方法。

编者按：短视频APP如何做好沉浸式设计？本文作者通过百度APP的实战案例，帮你掌握短视频的 沉浸式设计 方法。

往期回顾：

大厂出品！百度「好看视频」 PC 站体验升级复盘 好看视频 PC 站围绕建立响应式布局，提升筛选效率两个目标全新升级。

阅读文章 >

在视频画面尺寸、手机屏幕分辨率极多的复杂情况下，如何通过布局、内容、视窗挤压、智能满屏等形式，进一步提升视频看播沉浸式体验呢？

前言

沉浸式体验是让人专注在当前的目标，全身心投入并感到愉悦和满足，从而忽略时间的流逝。应用到界面上则是更强调聚焦内容，减少不必要的打扰。本次研究与实践针对视频场景中视频所呈现的画面，通过精细化的设计，在多样化的手机屏幕中呈现时，能够带给用户更为沉浸的视频观看体验。

一、百度 APP 是如何进行视频沉浸式设计的？ 视频播放器中视频画面当然是最主要的内容，以此作为突破点进行思考：

最大化画面视野：通过改变视频画面本身的大小，减少页面“留白”，让用户更聚焦视频画面，观看视频时更专注。 最佳视线观看位置：将不同高度的视频按照页面结构去布局视频画面，通过画面避让状态栏、顶底 bar 结构的方式，使画面更加整洁，减少元素混乱带来的干扰，同时整体位置偏上展示，视线落点更加舒适。 观看体验连续性：视频浏览过程中，非必要不打断视频浏览，在进行如查看评论、临时退出播放器等行为时，保证视频播放的连贯性，方便用户多操作。

（一）最大化视频画面视野 1. 视频画面裁剪

随着时代的发展，为提升消费者对手机的操作体验，智能手机逐渐多元化，手机屏幕尺寸迭代更快、更加丰富多样。手机作为视频很重要的生产端，手机屏幕尺寸的多样化影响到产出视频尺寸的多样化，同时用户可通过视频编辑工具任意编辑视频尺寸，最终生产的视频尺寸比例自由度非常高。据不完全统计视频平台中视频尺寸达 22 万多种，用户使用机型近 300 种，在视频尺寸多样性及视频展现媒介多样性的现状下，需要兼容性更强的裁剪及展现规则才能带给用户更好的观看体验。

我们要做的就是将不可控的视频资源和不可控的浏览视频设备设计为可控的视觉展示效果，并最大化视频画面。减少环境干扰，给用户带来沉浸式感官体验。

视频宽撑满手机屏宽后，将视频尺寸分为四类：

（1）视频高度>手机屏高

视频画面宽度撑满屏幕后，视频整体居中于屏幕，居中裁剪视频多余画面。

注：不允许画面高度撑满屏幕，宽度自适应导致画面左右留黑效果。

（2）视频高度=手机屏高

视频居中于屏幕，刚好填满屏幕，不需要裁剪处理。

（3）1:1<视频高度<手机屏高

此类尺寸较复杂、难处理，于是将限制裁剪面积和展示位置相结合，保证裁剪面积和位置可控。结合视频平台资源尺寸和业务目标来确认理想展示效果，反推定义最大裁剪面积，根据显示位置多次判断视频放大后是否符合既定裁剪面积，最终确定当前视频的显示方式。同时支持根据不同视频业务进行个性化定制，并且将裁剪面积云控处理，根据业务内不同时期的诉求限制比例来灵活调整展示效果，双端也可分端定义数值；横向协同及迭代成本极低，便于快速上线验证效果。

（4）横版视频（高宽比≤1:1）

横版视频在手机屏幕中面积占比较小，画面可识别度和饱满度稍有欠缺，轻微扩大画面视野，画面浏览更加清晰有冲击力。以不影响内容理解为前提，根据自身平台视频尺寸占比及视频内容特点规定固定比例或比例范围适度放大。

锦上添花，引入文字内容识别

为避免因裁剪规则而裁剪到视频关键文字对视频内容获取有障碍的问题，发挥百度强大的 AI 技术优势，引入文字识别技术及视觉展现规则，进一步提升视频展现样式的可控性，同时能够通过尽量少损失画面达到画面放大的效果，平衡画面沉浸感和完整性的关系。

左右文字被裁剪情况：文字左右设置安全距离，保证安全距离在屏幕内。如果安全区超出屏幕，则按照上方描述的裁剪规则进行退档显示（满屏至不裁剪之间的档位），直至文字不被裁剪。极端情况退档至最后一档，视频画面不裁剪。

横版资源文字左右被裁剪情况：按照固定尺寸退档

上下文字被裁剪情况：文字上下设置安全距离，保证安全距离在屏幕内。如果安全区超出屏幕，则按照上方裁剪规则进行满屏至不裁剪之间的档位进行退档显示，此情况只会从全屏一档显示退至二档显示。

裁剪面积、展示比例、文字安全距离等数据都通过云控的方式下发，灵活配置到不同业务中，保证裁剪规则一致的同时又能针对不同业务进行定制展现，也可快速调整并支持上线实验，来验证适合自己产品的展示效果。

2. 智能满屏

通过裁剪方式放大画面视野之外，还通过让用户自主交互操作再次放大画面视野，调整到自己喜欢的观看视频的方式。相较于上方默认裁剪放大，满屏方式更加激进极致，画面放大更多。开启方式除了通过面板功能按钮外，增加便捷交互开启手势，用户可双指放大快速开启。

由于满屏是用户主动操作放大行为，可以接受文字内容被裁剪，但也需要有节制的放大，避免带来画面裁剪过多视觉体验不佳的问题。为了保证 95%以上资源撑满全屏，达到放大画面视野极致体验。同时最大画面裁剪面积不超过一定比例（根据自身业务视频资源判断），将视频资源细分为 3 类进行不同效果处理：

可继续放大至满屏的视频，则进行满屏展现。 不可继续放大的视频，如果继续放大会导致裁剪画面过多影响观看完整度与观看体验，则保持上方提到的裁剪规则，不做另外处理。 横版视频统一放大至固定尺寸，可根据自身业务资源进行放大尺寸的定义。

（二）最佳视线观看位置 通过布局合理、舒适的画面位置，也能提升浏览过程中用户体验的沉浸感。人的视觉中心一般会在物理中心的偏上方，于是在设计中我们将视频画面放在屏幕偏上的位置，用户视线落点更加舒适，一般是用户在浏览页面时最先注意到的地方。同时视频在页面偏上的位置，能减少下方标题等信息过多对视频画面的遮挡。

为了精细化处理不同比例的视频资源，竖版视频和横版视频根据页面效果分别定义了最佳观看展示位置。

竖版视频：高于 1:1 的视频，按照页面结构布局视频画面，避让状态栏、顶底 bar 操作，避免与页面结构冲突带来画面凌乱不美观的问题，同时能减少画面参差带来的干扰，增加沉浸浏览感受。

横版视频：等于矮于 1:1 的视频，画面按照屏幕高度比例展示在偏上的区域，高度比例可云控便于灵活调整。

（三）观看体验连续性 1. 视窗挤压

在视频场景观看评论时会弹起半屏面板，遮挡住视频内容，导致用户无法在浏览评论的同时观看视频内容。我们通过视窗上移动挤压功能，在浏览面板内容时不对视频内容打断，弱化面板内容给用户带来的影响。

视窗高度固定，画面宽高比越小画面内容越小，观看体验不友好，所以竖版视频对压缩后的显示尺寸进行干预，定义最小视频画面展示比例，尽量扩大画面视野，保证观看视频的舒适度。

2. 悬浮小窗

在不打断用户视频浏览的基础上还建设了悬浮小窗交互体验，旨在为用户提供完善优质的视频消费体验。用户进行其它操作时仍保留视频后台播放，同时也能在屏幕角落观看到缩略图大小的视频播放窗口，可以从任何页面中观看视频，我们同时也保留了部分视频基础操作。观看体验连续性让用户对视频有绝对的主控感，提升用户使用体验的满意度。

写在最后 沉浸式 体验设计 是帮助用户减少画面干扰，让用户专注于当前的视频浏览，忽略时间的流逝进入心流状态。我们通过放大画面视野，增强画面冲击力的方式减少干扰，并解决在视频画面尺寸、手机屏幕分辨率极多的复杂情况下，保证画面效果的稳定和可控，并且不会受阻于未来手机机型的扩充发展，普适性极强。同时通过视窗挤压、悬浮小窗的交互体验专注于当前的视频浏览不被打断，进一步提升视频看播沉浸式体验。后续我们将不断探索视频场景沉浸度提升方式，为用户带来更加舒适的观看使用体验。

欢迎关注作者的微信公众号：「百度MEUX」

设计师想发展副业，成为自媒体？本文作者总结了3个上手就用的写作技巧，帮你快速入门。

编者按： 设计师 想发展副业，成为自媒体？本文作者总结了3个上手就用的 写作 技巧，帮你快速入门。

为什么会写作的设计师，在春招季能收到更多Offer？ 姜正 ：金三银四好时节，相信很多同学都准备好了作品集蠢蠢欲动，准备为自己的职场发展和薪资再次树立一个新的标杆。

阅读文章 >

清华出品！AI 神器 WantQuotes 让你的文案立马变高级 大家好，我是和你聊设计的花生~ 前两天刚盘点完一波人工智能在图像生成方面的超强工具，又在微博上看到了清华大学推出的一款“据意查句”的 AI 工具，可以按照你想要的意思快速查找出相关的名言、诗句、俗语等 。

阅读文章 >

写文案没灵感？这8款文案网站免费用！ 编者按：本文为大家收集了 8 款好用的文案网站神器，包括名言通、押韵助手、学句子、藏头诗生成器、朋友圈文案网站生成器、邻近词汇检索、彩虹屁生成器、句易网，让你写文案手到擒来。

阅读文章 >

在数字网络新时代，各大厂公众号频繁更新，招聘需求中新增了对设计师的影响力要求，设计师也需要考虑多元化的发展途径。

其中通过写作输出文章，分享到各公众平台，便成为了一种新的能力拓展方式，文字书写能够提升我们的逻辑思考力、表达力，并能为设计师的我们探索出第二条职业赛道，作为后盾加持。

你准备好了吗？！

一、为什么要写作？ 写作是最简单、低成本且随时随地都可以开始的一件事，简单到只需要一支笔、一张纸即可；即便是电子化的形式，一部手机或一台电脑，打开文字编辑软件就可以立刻开始写作啦～

设计师通过写作进行内容分享，可以让我们具体获得哪些助益呢？

1. 记录&探索

文字可以记录我们的职场、生活经历，通过书写进行自我探索，帮助我们提升表达力，并能更好的运用到职场沟通中。

通过记录的文字，我们可以更好的认知自己的成长，促使我们思考并从中积累经验，沉淀知识底蕴，不断优化自身，扩大能量的传播，带动周围气氛。

2. 倒逼输入

书写文章也需要有内容来支撑，而内容除了来源于自身，还来源于身边生活、阅历，来自于书籍，为了可以让我们产出更有价值的内容，我们也会尝试让自己拓展更多的信息来源，收获新知，并糅合内化，产出具有个人特色的有价值的观点言论。

3. 创收&品牌影响

写作，可以让我们的工作与生活多一种选择，在职场中产出一些有价值的内容，在同行之中进行交流，在提升我们自身专业能力的同时，也可以打造自己的品牌影响力，例如当面对「裁员潮」、「被毕业」时，我们可以多一些主动选择权，拥有核心竞争力，以及部分的收益加持，为我们减少焦虑与迷茫。

二、设计师快速入门的 3 个写作技巧 写作技巧可以通过阅读写作类的书籍进行学习，以书籍为工具指导，我们仍需边读边练，不断优化总结属于自己的技巧方式。

其中打好基础是写作开始的关键，也是如根基般的存在，让我们快速入门。

（一）明确写作目的 我们明确写作目的的根本，是为了能更好地去规划自己的成长路径。

例如以设计师角色思考，我主要希望通过写作来打造职场影响力，提升逻辑表达能力，那该如何做呢？

我总结了 3 多原则：多读、多学、多总结；

1. 多读

想要提升自己的沟通力与逻辑表达力，我们可以通过多阅读相关文章或书籍，例如《金字塔原理》《沟通的力量：正确表达的艺术》等；

2. 多学

多学习职场领域的优秀文章或书籍，学习别人是如何书写相关话题与内容，以怎样的方式表达了自己的哪些观点等。

3. 多总结

总结职场写作的不同问题有哪些，研究每种文体的 写作方法 ，例如公文写作、项目计划、年终总结等。

4. 感受小结

想着把自己作为一个创业公司去管理运营，在我们处于不同的成长阶段时，我们的写作目的与成长路径也需要随着阶段变化而调整，但其中写作的底层逻辑是相通的，都是要通过文字去表达自己、展示自己并影响自己，这种能量也会通过传递，影响到周边的人事物；

设计产品时我们需要具有用户思维，写作时则需要我们具备读者思维，即书写文字的我们与读者之间要建立双向交流，在文字中能够表达自己内心思考的同时，也为读者发声，其核心要点在于可以抓住特定读者的痛点，满足其需求，并引起读者共鸣与兴趣。

（二）策划选题

关于选题的策划，可以总结为 333 原则，即 3 个维度（判断选题是否值得写）、3 种类型（了解常见的选题类型与方法）与 3 个方法（提升进阶，写出新意）；

1. 3 个维度｜判断选题是否值得写

维度 1：受众群体

受众群体的大小，决定了一个选题是否能引起更多读者的共鸣；选题的受众群体越大，关注与感兴趣的读者就越多，我们围绕这个选题产出对应的文章，那么这篇文章的阅读量也就会越高；

例如 8 月 17 日的热点事件：Behance 封禁国内账号，浏览量迅速突破百万，正是因为关注的受众群体多，能够击中读者的痛点，因此获得了设计师群体围绕这类话题，以文字或视频的形式抒发着彼此的感想，交流破局方法与更多途径，以能够引起读者情绪共鸣的地方为切入点展开讲述，从而打动读者。

Behance显示无权访问？别急，还有这些方法可以挽救！ 大家好，我是和你们聊设计的花生。

阅读文章 >

维度 2：定位与人设

考虑选题是否符合自己的定位与人设，这个维度需要与技巧一中确定的写作目标相结合，我们要时刻明确自己的写作定位是什么。

例如我的定位是职场成长与探索适老化设计两个方向为拓展，那我就不能总追着大众热点而逐渐迷失，面对话题选择时，我就要进行适当筛选，结合自己的专业知识去思考、书写内容，如此既符合自己的定位和人设，还能为读者带去价值与收获；

要记住，我们写的每一篇文章，都是在与读者交流，是我们思想与价值的传递。

维度 3：充足的素材，独特的观点

考虑自己是否有足够的素材可以书写文章，是否有独特的观点表达用以区别于其他文章的优势；

如果我们在书写时感觉时常卡顿，脑中空空如也，并且所写的内容都是别人已经说过的，没有什么自己能够表达的独特视角，那么即便有热点选题的流量加持，我们也无法写出优秀文章。

素材可以通过搜索关键词进行储备整理，观点则要表达自己对某一事物的个人看法，如何表达看法的独特性？还记得技法一中的三原则吗？是的，就是要多读、多学、多总结，当然还要补充一点：多练！

2. 3 种类型｜了解常见的选题

类型 1：常规选题

顾名思义就是我们书写作最多的选题，根据阅读群体的特点与需求，结合自己擅长的写作领域与素材库积累，进行相关选题；这类选题可以通过 生活经历、书籍/影视剧以及网络搜索 3 种途径进行策划思考；

① 生活经历

来源于自身的经历挖掘，例如职场经验这个大话题下，还包括求职、入职、进阶等分类经历与思考价值；

我们也可以从身边的人和事发现选题，添加到自己的素材库中，作为自己专属的选题源，获取第一手资料。

② 书籍/影视剧

写作需要持续的吸收外界信息并转化输入内容，书籍与影视剧就是一种很好的信息输入方式；

在阅读或观看剧目时，我们可以接收其表达的核心内容，以此来确定选题点；

例如我之前观看的一部电影《土拨鼠之日》让我极有感触的两个金句，其中一句是“Today is tomorrow（今天就是明天）。”就被我记录下来，在文章尾声部分就使用到了～

书籍与影视剧中总会有让我们感触的故事、金句、案例等内容，我们都可以记录下来，作为日后的文章选题点。

再结合最打动自己的内容展开写作，例如阅读《精进写作》一书时，我收获到的其中一个选题点是如何能够快速无压力入门写作，因此这篇文章也是以设计师视角围绕「入门的写作技巧」这个核心内容来写的。

③ 网络搜索

当我们受限于亲身经历时，也可以通过网络、公众平台（知乎、公众号、微博等）寻找灵感；

例如通过一个问题点引发，结合自己的思考梳理文章内容，或选择爆款文章作为自己的选题切入点，思考是否能有更新颖的观点表达。

类型 2：热点选题

即热点事件，它本身具有足够的吸引点，来引起读者的关注与探讨，从热点事件中策划选题，我们可以根据发生情况，将其分为「可预期事件」与「突发事件」两种。

① 可预期的热点事件

例如各种节假日（情人节、中秋节、购物节等），再比如热门电影、体育赛事或重大活动等，都可以策划相关的热点文章，此类事件正因为其可预期性，我们也能提前做好定选题、找素材与写作的准备，并在事件开始的第一时间发布，快速收获关注度。

② 突发的热点事件

例如上面提到的「Behance 突然关停国内账号」，此类事件文章需要写作者抢占时间快速出文，并且表达自己的独特观点与深度，才能在众多同类文章中脱颖而出。我也在当天以解决思路为视角快速产出了回答短文，并收获了一些认同反馈，这也给予了我书写的成就感与自信力～

热点选题的来源可从几个常见的话题榜单中积累，例如百度热搜、微博热搜、头条热点。

微博热搜榜可以刷新到当日实时热点事件，快速掌握吸引广泛关注的话题与素材来源； 知乎作为问答社区，我们可从中检索高赞话题与回答，获取素材灵感； 微信作为社交平台，我们可以关键词直接搜索高阅读量、评论多的信息，进行选题挖掘与素材收集； 也可以加入各类微信群，在群内交流彼此观点，收集提炼； 类型 3：系列选题

系列的概念，我们可以理解为书写一本书，首先明确核心思想，围绕核心列出大纲与目录，再确定 30-50 个选题，接着围绕选题寻找相关素材，规划写作频率，然后持续书写，这个过程将会让我们一步步成为某个领域的专家。

例如选题的核心方向为「写作」，那拆分小选题后，我们可以从开头、结尾、结构、素材、选题等细分类目着手书写，也可以从写作心得、写作技巧、写作素材等方向做拓展表述。

3.  3 个方法｜提升进阶，写出新意

同一个选题中，我们如何与已有的其他文章形成差异化，写出新意呢？

方法 1：刻意培养选题敏感度

当我们看到一个素材时，除了要记录下自己当下的想法，还可以思考我们能从素材的哪些方面提炼选题，写哪个方向的文章，要表达怎样的思想内容等。

例如我在阅读《精进写作》与《畅销作家写作全技巧》两本书时，里面提到了写作的价值、写作的技巧与方法，我对这个核心点进行发散思考，记录内容为：设计师为什么要写作？写作对设计师自身与职场有哪些好处？行业内的知名人物是如何做的？我们可以从哪些方面开始等；

这篇文章的选题就是如此得来，我们需要锻炼自身随时思考的能力，平时多积累，慢慢就会培养出自己的选题敏感度，并沉淀经验。

方法 2：分析爆款文章的选题角度

俗话说“知己知彼，百战不殆”，我们想要写出新意，也要学习「对方」的优势，取他人之长补己之短；

在阅读爆款文章、经典书籍时，我们可以分析别人是如何进行选题的，他们的选题角度与思考逻辑是什么，是怎样写出的新意内容促使其成为爆款；当面对同一个选题时，自己想到了哪些方向，是否也包含爆款中的写作角度？若没想到，是什么原因呢？

经常分析，就可以扩展自己的写作思维，提升选题能力，为我们的写作做好储备，便于我们迅速提炼有新意的选题。

方法 3：命题写作练习

思考后就需要我们通过实践反复检验自己的产出；

可以自定选题进行书写，完成初稿后与同类选题的其他爆款文章进行对比，思考两者之间的差距点，反复打磨优化；

也可以做这样的练习，请朋友收集一些文章内容，遮盖掉阅读量、点赞等数据显示，我们通过阅读后，自行判断哪些属于爆款文章，预估其对应的阅读量，以此来提升自己对爆款选题的敏感度，掌握文章的审美力。

（三）素材收集 作为设计师，深知素材与灵感源的重要性，身为写作者，素材与选题同样，更是一篇文章不可或缺的因素之一；

日常搜集写作素材，我们可以使用 433 原则，即 4 个方法、3 种途径、3 个步骤。

1. 4 个方法｜快速找到一篇文章的写作素材

一篇文章，我们确定好选题，接下来有内容可写是关键，这个内容就基于我们的素材啦！首先需要明确的一点是：素材需围绕本篇文章的选题进行展开。

方法 1：头脑风暴

根据选题，利用我们的发散思维，尽量多的去联想与主题相关的写作素材，让大脑完全处于开放与兴奋状态，记录下所思所想，不放过任何一个细枝末节，想到就写，不多加评判与论断，营造自由记录的氛围。

方法 2：筛选素材库

从已有的素材中进行寻找，电子档形式，可以通过我们收集时的关键词标签进行检索，或从相关主题中，边读边找，快速筛选；纸质素材库，例如书籍、文件等，我们可以根据主题快速翻阅相关资料，边回想边查找，收集标记位置储备使用。

方法 3：公众平台收集相关素材

前面热点事件提到的微博热搜榜、知乎、微信，以及网络搜索；

网络搜索，我们先确定好几个关键词，再进行检索筛选，这里可以巧用命令语言，帮助我们精细化素材；

“关键词” – 可拆分关键词检索相关信息； 关键词 site:网址链接 – 可定向网址检索关键词相关的信息； “关键词” -广告 -推广 – 可筛除含推广标签的信息，让结果推送更精准。 方法 4：选题筛选四要素

① 优选强相关的素材

面对很多好的内容，我们也需要对其进行区分，优先选择与本篇文章选题强相关的素材进行使用，无关素材则先录入素材库，以备后续再用；

以“时间管理”选题为例，我们需要写一篇有关「时间管理的方法」的文章，检索的素材中「扎克伯格的 26 个时间管理方法」「学霸自律」「职场人把握下班时间」等都与选题强相关，可以优先收录备用。

② 尽量选择新鲜生动的素材

新鲜生动的素材可以提升文章的创意性，增加读者的阅览兴趣；

继续时间管理的选题，在众多素材中“扎克伯格”这个名字，就可以瞬间吸引读者的新鲜感与探索欲望。

③ 选择典型素材

典型素材需具备鲜明个性与代表性，可以深刻揭示文章主题；

扎克伯格的名人身份、成功人士的形象观念，本身就具有一定的代表性与典型特征，他的时间管理方法也是很多人想了解的。

④ 选择真实素材

真实能传递真心，打动读者，引起共鸣。

2. 3 种途径｜随时积累直接与间接素材

凡事切忌临时抱佛脚，养成日常积累的习惯，能更好的扩充我们自己的素材库内容，在书写时行云流水，融汇贯通；

素材内容以获取形式可分为直接素材与间接素材两种，直接素材好比就地取材，来源于自己与周身的真实生活经历；间接素材则是从第三方间接得到，例如书籍、影视剧、网络等。

途径 1：从人生经历中筛选直接素材

人生经历是我们最宝贵的写作素材，这就需要我们在平时做一个「有心人」，调动眼、耳、口鼻，去充分的体味人生，把所听、所看、所感的人事物随时记录下来做为内容储备，深挖其背后的观点与体会，这样在写作时我们才更能以真情实感传递并打动读者，引起共鸣。

途径 2：从书籍、影视剧中积累间接素材

书籍、文章与影视剧中的观点、金句、故事、案例以及经典桥段等都可以摘录出来，收录进我们的素材库中。

若短期内想快速积累素材，其中最行之有效的方式就是进行有目的地大量阅读，带着疑问去看，学习书中的用词、表述方式与思考逻辑，快速增长见识、启发思维，让阅读与写作相辅相成。

途径 3：通过搜索获得间接素材

搜索引擎是我们非常强有力的武器，借用电子软件进行素材的收录，当我们需要某个主题时，通过关键词检索进行查找调用；前两个途径需要我们摘抄书写，而这种方式只需要一个口诀即可快速完成：复制、粘贴、分类！

有意识的收集，让整个互联网的信息成为我们最丰富的素材库吧～

3. 3 个步骤｜打造专属自己的写作素材库

若我们只是收集而不做复盘整理，很多宝藏就只能“吃灰”而无法发挥它的真正价值，因此定期整理素材，熟悉素材与可用场景也是我们需要修炼的能力。

步骤 1：裁剪，截取有用的素材

从我们收录的书籍、文章中，截取出有趣的故事、经典案例、金句等内容，好比划重点一样，把它们收录到对应素材目录中即可，如此在日后写作时我们能精准定位，快速找到需要的信息并有效使用它；

例如我已经 N 刷的一本书《当下的力量》，书中讲述了一种新的生活方式，告诉我们如何可以将日常生活中所受的苦减到最少，收获快乐、活得更好；还讲了乞丐与陌生人的故事、爱因斯坦的案例、探索大脑、意识、思维与内在身体的关联等，我摘录了自己喜欢的金句，“没有任何事情可以发生在过去，所有的事情都发生在当下。”这就是裁剪的过程。

步骤 2：精准分类，做好素材整理

精准分类，有助于我们记忆已有内容，当面对需要时能够有方向且快速的进行查找调用；

分类方式可参考图书馆的形式，例如哲学类、文学类、社科类等，大类目还可再进行细化拆分，形成一套架构体系；

我们也可以罗列自己感兴趣的领域，例如职场、情感、育儿、设计等，把素材分门别类进行收录整理，设计领域也可细分为 B 端设计、无障碍设计、智能化设计等，并再细分 B 端金融、适老化、车载等类目。

步骤 3：记住标题，便于查找

即便身处数字化时代，记忆仍是我们不可或缺的能力。记住标题，首先能对自己有所知，写文章时也有利于回忆使用；

写作是一个融汇贯通的过程，让素材之间产生关联，有助于我们形成自己逻辑体系。

三、总结&常见解惑 1. 总结

好啦，啰啰嗦嗦半天，能看到这里的都是真爱吖！～

以上就是我在阅读《精进写作》一书时的部分收获与思考实践，可概括为：

内容时代，设计师想要实现职场突破的方向之一是写作，学会运营自己，首先我们需要具有读者思维，明白写作是实现自己与读者的双向交流，因此我们不仅要表达自己的观点，也要能说读者所想，提供有价值的内容，引发共鸣；

拥有 3 个技巧可以帮我们快速入门写作：

技巧 1：明确写作目的； 技巧 2：策划选题； 技巧 3：素材收集； 明确写作目的需遵循的 3 个原则：多读、多学、多总结，找到适合自己的方向，再去规划自己的成长路径，可以让我们的行动目的更清晰。

如何策划选题？需要我们学会 判断选题的书写价值，了解常见的选题类型有哪些，并且知道如何能写出自己的特色与新意，这需要我们刻意练习，培养自己的话题敏感度。

一个选题是否值得写，我们可从 3 个维度进行判断：受众群体大小、自己的定位与人设、素材充足并且观点独特，满足这三点就是很有价值的话题，可以放开去写啦～

常见的选题类型有常规选题、热点选题以及系列选题，来源于自身经历、周边事件以及日常所见所感，选题的积累需要我们善于发现、挖掘其深层内容，进行记录整理。

想要把选题写出深度，需要刻意练习培养自己的选题敏感度，有文章的审美力，重要的是自己要多实践，写出东西才知道需要改哪里。

文章的内容需要依靠好的素材来支撑，素材可以通过日常的人生经历、书籍/影视剧以及互联网络进行收集，裁剪 – 分类 – 记住标题三个步骤打造自己的素材库，让自己成为「有心人」，有目的的收集，善用已有素材，定期复盘总结，如此才能在我们需要用到某个内容时快速调取，融会贯通。

2. 常见问题解惑

Q1 没有时间怎么写？

首先要思考明确一个问题：“你是真的没时间？还是懒而觉得自己没时间？”比如坐车通勤的时间、刷视频的时间、玩游戏的时间、躺平的时间……只要你想，都可以利用起来写下一些文字。

Q2 不知道怎么写？

上面不是告诉你了嘛？赶紧照着做！

Q3 我要等一个最佳时机？！

Today is tomorrow（今天就是明天）；别废话，现在就是你的最佳时机！！！

Q4 我还能怎么做？

继续深入研究呗！

先学习优秀文章的架构、逻辑，再结合自身经历与收获添加创作，一定要做好复盘总结呀，并且不要白总结，下次写的时候回顾一下，用上其中的一两点试试效果哈～

最后的最后，与大家分享我最近的座右铭～

“Only ever work on the thing that will have the biggest impact.”（只去做那件有着最大影响的事情） —— Jason Cohen

从现在开始，行动起来吧～加油，设计师们～

欢迎关注作者微信公众号：「雪莉成长圈」

9月第二波干货合集，免费图标，灵感视频，人工智能，机器学习平台，免费图案生成平台等应有尽有

中秋节小长假结束了，给大家来一波干货吧！写的时候没注意，写完了我才注意到这波基于 人工智能 或者说 机器学习 的工具有点多，有专门为 M1 芯片 Mac 准备的 Stable Diffusion 客户端，有基于人工智能的纹身图案生成器，甚至广告效果和热图生成工具应该也是基于大量数据训练出来的。当然，此外还有不少实用的工具，大家可以往下仔细看看。

当然，在此之前记得看看往期干货中有没有你感兴趣的素材：

第一波！2022年8月精选实用设计干货合集 各位8月好！

阅读文章 >

第二波！2022年8月精选实用设计干货合集 各位8月好！

阅读文章 >

第三波！2022年8月精选实用设计干货合集 各位8月好！

阅读文章 >

第四波！2022年8月精选实用设计干货合集 各位8月好！

阅读文章 >

第五波！2022年8月精选实用设计干货合集 各位 8 月好！

阅读文章 >

下面我们具体看看这一期的干货：

1、高素质产品和初创视频合集 https://www.flowjam.co/startup-launch-videos

通常初创公司那些轻盈有趣的视频都有哪些玩法？这个名为 Flowjam 的网站搜集了目前初创公司的的产品和公司本身相关的视频，你可以从这些优秀的视频内容当中获取灵感。不过 Flowjam 应该也是做视频内容创业的团队，他们自身也接受视频制作的委托。

2、在线图片编辑协作平台Picflow https://picflow.com/

传统设计软件在线化、协作化可以说是大势所趋，除了专门面向 UI、UX设计的工具开始往这个方向走，也有很多其他设计细分领域的软件会开始这样做，比如这个 Picflow 就是专门面向创意工作者、摄影师等群体的在线协作型修片工具。Picflow 照片的处理上提供修片所需要的全部功能，同时支持多人在线协同，即使是免费试用基础款版也有独立的云空间，Picflow 可以无缝的和 Lightroom 协同。

3、人工智能纹身图案生成平台 https://www.tattoosai.com/

人工智能和机器学习也开始在不同的细分领域当中发力了，以单色为主的纹身图案这样的小门类居然也有平台照顾到，不过如果你是平面设计师肯定也用得上这样的工具，毕竟图案就是图案，在平面、插画、banner甚至 UI 当中一样可以用得上对不对。Tattoos AI 提供初始 8 个图案免费生成下载的试用，你可以上手先试试看。

4、免费广告热图预测工具 https://www.zappi.io/app/digital_prediction

这个工具简直就是来造福设计师和营销人员的，Zappi 出品的这个工具可以根据大量的历史数据和专业的眼动测试数据，帮你快速预测你所设计的广告图片到底有没有效果，效果到底怎么样。这个工具是免费的，并且和 EyeQuant 集成，早期只能检测视频广告，如今也可以检测图片广告，实用性和易用性都非常强。

5、为 MUI 而准备的精美 React 组件 https://kit.uifoundations.com/

这套 UI 工具包当中包含了 64 个面向 MUI 的 React 组件，这些组件可和 MUI v5 无缝衔接协作，无需担心布局的兼容性和 CSS 样式的问题，你可以贴过去之后，根据自己的需求进行更加深入的定制。

6、免费高质量图标合集 iconscave https://iconscave.com/

图标绝对是日常设计当中的刚需，这个名为 iconscave 的平台提供高质量的 免费图标 ，其中包含绝大多数常见的图标样式和题材，你可以直接根据名称搜索，使用的方式也相当简单，直接点击就可以复制到剪贴板，然后粘贴到你需要使用的地方。

7、给 M1 芯片 Mac 的 Stable Diffusion 客户端 https://github.com/divamgupta/diffusionbee-stable-diffusion-ui

人工智能快速出图！盘点 4 款人气超高的 AI 绘画神器 大家好，我是和你们聊设计的花生~ 有关注 AI 绘画领域的小伙伴可能注意到，国内已经出现了能直接使用中文提示词生成 AI 图像的工具了，这就进一步降低了我们进入 AI 绘画世界的门槛，对设计师和创意工作者来说无疑是好消息。

阅读文章 >

最近出来了不少基于语言描述就能生成高素质图片的人工智能平台，其中 Stable Diffusion 是非常著名的一款，不过由于它是基于 Creative ML OpenRAIL-M 开源许可证发布，所以很多不同的平台会直接接入它的算法，应用在不同的 APP 和平台当中。

目前这个是针对当前 M1 和 M2 芯片 Mac 所专用的本地客户端，直接接入 Stable Diffusion 平台，输入描述就能生成图片，无需代码，无需额外的知识，一键安装，使用 M1 Mac 的同学有福了。

9月第二波干货合集，免费图标，灵感视频，人工智能，机器学习平台，免费图案生成平台等应有尽有

中秋节小长假结束了，给大家来一波干货吧！写的时候没注意，写完了我才注意到这波基于 人工智能 或者说 机器学习 的工具有点多，有专门为 M1 芯片 Mac 准备的 Stable Diffusion 客户端，有基于人工智能的纹身图案生成器，甚至广告效果和热图生成工具应该也是基于大量数据训练出来的。当然，此外还有不少实用的工具，大家可以往下仔细看看。

当然，在此之前记得看看往期干货中有没有你感兴趣的素材：

第一波！2022年8月精选实用设计干货合集 各位8月好！

阅读文章 >

第二波！2022年8月精选实用设计干货合集 各位8月好！

阅读文章 >

第三波！2022年8月精选实用设计干货合集 各位8月好！

阅读文章 >

第四波！2022年8月精选实用设计干货合集 各位8月好！

阅读文章 >

第五波！2022年8月精选实用设计干货合集 各位 8 月好！

阅读文章 >

下面我们具体看看这一期的干货：

1、高素质产品和初创视频合集 https://www.flowjam.co/startup-launch-videos

通常初创公司那些轻盈有趣的视频都有哪些玩法？这个名为 Flowjam 的网站搜集了目前初创公司的的产品和公司本身相关的视频，你可以从这些优秀的视频内容当中获取灵感。不过 Flowjam 应该也是做视频内容创业的团队，他们自身也接受视频制作的委托。

2、在线图片编辑协作平台Picflow https://picflow.com/

传统设计软件在线化、协作化可以说是大势所趋，除了专门面向 UI、UX设计的工具开始往这个方向走，也有很多其他设计细分领域的软件会开始这样做，比如这个 Picflow 就是专门面向创意工作者、摄影师等群体的在线协作型修片工具。Picflow 照片的处理上提供修片所需要的全部功能，同时支持多人在线协同，即使是免费试用基础款版也有独立的云空间，Picflow 可以无缝的和 Lightroom 协同。

3、人工智能纹身图案生成平台 https://www.tattoosai.com/

人工智能和机器学习也开始在不同的细分领域当中发力了，以单色为主的纹身图案这样的小门类居然也有平台照顾到，不过如果你是平面设计师肯定也用得上这样的工具，毕竟图案就是图案，在平面、插画、banner甚至 UI 当中一样可以用得上对不对。Tattoos AI 提供初始 8 个图案免费生成下载的试用，你可以上手先试试看。

4、免费广告热图预测工具 https://www.zappi.io/app/digital_prediction

这个工具简直就是来造福设计师和营销人员的，Zappi 出品的这个工具可以根据大量的历史数据和专业的眼动测试数据，帮你快速预测你所设计的广告图片到底有没有效果，效果到底怎么样。这个工具是免费的，并且和 EyeQuant 集成，早期只能检测视频广告，如今也可以检测图片广告，实用性和易用性都非常强。

5、为 MUI 而准备的精美 React 组件 https://kit.uifoundations.com/

这套 UI 工具包当中包含了 64 个面向 MUI 的 React 组件，这些组件可和 MUI v5 无缝衔接协作，无需担心布局的兼容性和 CSS 样式的问题，你可以贴过去之后，根据自己的需求进行更加深入的定制。

6、免费高质量图标合集 iconscave https://iconscave.com/

图标绝对是日常设计当中的刚需，这个名为 iconscave 的平台提供高质量的 免费图标 ，其中包含绝大多数常见的图标样式和题材，你可以直接根据名称搜索，使用的方式也相当简单，直接点击就可以复制到剪贴板，然后粘贴到你需要使用的地方。

7、给 M1 芯片 Mac 的 Stable Diffusion 客户端 https://github.com/divamgupta/diffusionbee-stable-diffusion-ui

人工智能快速出图！盘点 4 款人气超高的 AI 绘画神器 大家好，我是和你们聊设计的花生~ 有关注 AI 绘画领域的小伙伴可能注意到，国内已经出现了能直接使用中文提示词生成 AI 图像的工具了，这就进一步降低了我们进入 AI 绘画世界的门槛，对设计师和创意工作者来说无疑是好消息。

阅读文章 >

最近出来了不少基于语言描述就能生成高素质图片的人工智能平台，其中 Stable Diffusion 是非常著名的一款，不过由于它是基于 Creative ML OpenRAIL-M 开源许可证发布，所以很多不同的平台会直接接入它的算法，应用在不同的 APP 和平台当中。

目前这个是针对当前 M1 和 M2 芯片 Mac 所专用的本地客户端，直接接入 Stable Diffusion 平台，输入描述就能生成图片，无需代码，无需额外的知识，一键安装，使用 M1 Mac 的同学有福了。

选择天王刘德华，还是“音乐诗人”李健，还是周华健？这是一个问题。“朋友一生一起走，那些日子不再有。”中秋夜TME live周华健2022线上演唱会上演。 今日，周华健演唱了《朋友》《花心》《孤枕难眠》《明天我要嫁给你》《其实不想走》等近40首歌曲，多次掀起全场

近期，许多明星通过视频号等平台开启线上演唱会，这一举动引发了热烈的关注。本篇文章据此展开了对线上演唱会以及背后平台的流量之争的分析，欢迎感兴趣的小伙伴们一起阅读分享~

选择天王刘德华，还是“音乐诗人”李健，还是周华健？这是一个问题。“朋友一生一起走，那些日子不再有。”中秋夜TME live周华健2022线上演唱会上演。

今日，周华健演唱了《朋友》《花心》《孤枕难眠》《明天我要嫁给你》《其实不想走》等近40首歌曲，多次掀起全场大合唱。

9月2日晚20：00，李健在阿那亚山谷音乐厅，通过视频号为粉丝带来了线上演唱会“向往”。此前李健直播结束时，直播间的累计点赞已突破 1 亿次，吸引3600万观众。

9月3日晚，刘德华“把我唱给你听”线上演唱会在抖音直播间播出，以一首《笨小孩》开场。

数据显示，将前期预热环节计算在内，本次直播共持续 175 分钟，直播间最高人气达 857W，观看总人次超过 3.5 亿。

9月10日中秋夜 20:00 TME live周华健2022线上演唱会上线上TME四大平台及微信视频号同步播出。

需要指出的是，双方数据差距与平台算法差异有关， 抖音计算观看人次方法是页面浏览量PV，一个账号多次访问重复计入，视频号则是独立访客数UV，按人头计算不重复计入 。按照业界PV与UV之间5-10的倍差进行去重之后，其差距并不大。

抖音与视频号的交锋再一次被摆在了台面上。4日，陈奕迅在QQ音乐带来风靡小学生的《孤勇者》全球首唱SHOW。

“情怀杀”一次又一次高频刷屏，天王天后快不够用了。

音乐继续回响，线上演唱会以及背后平台的流量之争，不会停止。

一、停不下来的线上演唱会：更卷、更圈层化、变现更多元 暑期档是传统音乐节旺季，但由于严峻的疫情防控形势，近两年线下演出变得举步维艰，风险成本增加，门票价格进一步水涨船高。前不久的阿那亚虾米音乐节仅仅举办了一天，便紧急叫停了第二天的演出。

但观演需求依旧旺盛，因此 各大平台线上演唱会日渐常态化，阵容也越来越“卷”，并找到了自己的商业变现之道 。

早在2020年上半年，抖音就曾推出“DOULive沙发音乐会”、“DOULive在现场”等系列线上Live。2021年8月3日-9月9日，“夏日歌会”IP首度启动。

去年七场线上夏日歌会，邀请了孙燕姿、鱼丁糸、张惠妹、陈粒等乐团和歌手，累计观看量超过4000万人次。今年第二届“夏日歌会”继续举办，邀请了周深、汪苏泷、梁静茹三位歌手，累计吸引4.4亿人次，数据表现大幅度提升。

与此同时，从去年到今年，从西城男孩、五月天到张国荣线上演唱会，视频号逐渐找到了流量密码。

5月20日、21日两晚，周杰伦两场演唱会重映线上直播，将线上演唱会推向了高潮。累计总观看量近1亿人次，近百个话题登上微博热搜，微博话题总阅读量达50亿+。

在今年5月27日，“音乐教父”罗大佑在视频号、天后孙燕姿在抖音同一天开唱，将两大平台的对垒公诸于众。直播技术，实时数据，被一一比较。而此次李健、刘德华相隔一天时间开唱，再次令外界将目光投向两大平台的对峙。

一场线上演唱会怎样才能破圈？ 除了歌手本身的国民形象号召力之外，社交裂变传播和打透圈层或许是答案。

线上演唱会阵容内卷，带来的另一个趋势便是日渐圈层化。除了刘德华这样的全年龄层天王之外，抖音大部分选择歌手较为大众化，受众以年轻群体为主。

视频号选择歌手具有鲜明的时代符号感、圈层化特征甚至“文艺属性”，其受众有着较高的情感粘性 ，无论崔健作为摇滚的一面旗帜，罗大佑的江湖地位，亦或是李健在民谣领域的号召力，都轻易击中了圈层情绪共鸣，从而深度穿透90后、80后乃至70后等多个圈层。

经过一段时间的试探磨合与经验总结， 今年抖音、视频号线上演唱会的声量、商业化水准相比过去都在不断提升。

同线下音乐节的收入构成一样，无论抖音还是视频号，品牌赞助都是最重要的一部分营收。

一向营销内卷的车企狠狠刷了一波存在感。据其测算，崔健赞助商极狐实现4600万观看量，全网总曝光量16亿。据极狐透露，其赞助费在千万级别。

5月27日，极狐独家冠名罗大佑首场视频号演唱会，实现4200万观看量，全网总曝光量27.7亿。

此后6月，林肯汽车独家冠名了视频号后街男孩全球首场线上演唱会。此次李健演唱会冠名赞助商则为一汽大众。

另外， 快消品牌以及美妆新消费品牌也是大金主 。

5月20日与21日上线的视频号周杰伦重映演唱会，均由百事可乐独家冠名，部分直播端口中，还嵌入了百事可乐的电商店铺。

抖音梁静茹“宁静的夏天”主题夏日歌会，由花西子冠名合作。稀有的是地产集团的现身。汪苏泷此次抖音“大娱乐家”主题夏日歌会，由万达投资集团冠名。

其他营收构成还有门票收入、周边售卖、打赏分成等。去年“抖音夏日歌会”举办了多场付费直播，票价在1元至30元之间，但最终仍有亏损。

只有粉丝属性强烈的顶流演唱会才有可能借门票盈利，如2020年网易云上线的TFBOYS“日光旅行”七周年演唱会至少获得数千万票务收入。

周杰伦重映演唱会线上商城中，还上线了12件抱枕、手链、专辑、手办等与周杰伦相关的周边产品，而在崔健的演唱会中，歌迷能够通过购买“微信豆”进行打赏。

情怀杀虽好用，应用不当却有可能造成反噬，同时也面临着“有限的天王天后被用光”的问题。

大量线上演唱会集中轰炸，同质化现象令粉丝审美疲劳，更需注意细节、诚意等问题。

比如抖音孙燕姿线上演唱会中出现了明显的技术故障、信号中断事故，又或是Beyond线上演唱会，将1991年演唱会的歌曲顺序重新进行了剪辑排列，招致歌迷不满。

二、站上商业化C位的视频号，扛起养家重任 对于内容平台来说，左手内容，右手连接这变现 。此前网上流出一份招商表格显示，视频号线上演唱会计划几乎已经“排满”，除了内容层面一再刷屏之外，其商业变现动作也是越来越频繁。

2022年1月，微信视频号上线付费直播间。

7月18日，视频号上线了信息流广告功能。

7月21日，微信上线了视频号小店，商业闭环逐渐成形。告别了微信团队一贯的“重产品轻运营”、佛系克制，动作频频背后，是视频号及腾讯日益紧迫的商业化压力。

8月17日发布的腾讯Q2财报意料之中地利空：收入同比减少 3%，上市以来首次季度收入下滑；净利润同比下跌 56%，连续四个季度净利润下滑。

由于未成年保护政策，版号受限等原因，腾讯核心业务——游戏受挫，而视频号便成为带来增量市场、最受关注的新生业务。

在本次半年报电话会议中，视频号被提及了12次，超过了微信，并且腾讯还公布了一系列数据：视频号总用户使用时长超过了朋友圈总用户使用时长的80%；视频号总视频播放量同比增长超过200%。日活跃创作者数和日过100%。

《2021年中国网络广告年度洞察报告》显示，2021年信息流广告占比36.8%，排名第二，仅次于电商广告。中信证券的报告预测，开启信息流广告变现后，2023年视频号广告有望达到370亿元营收。

据Quest Mobile发布的《2022中国移动互联网半年报告》，2022年6月，微信视频号月活规模突破8亿，抖音为6.8亿，快手3.9亿，抖音用户渗透率达六成。这意味着依托于微信12亿日活流量池， 视频号增长迅速，已然位列榜首 。

被完全纳入微信生态之后，视频与朋友圈、公众号、看一看、搜一搜、企业微信、个人微信等全面打通，产生了更多的裂变式传播可能，以及商业想象空间。

虽然无论是基础设施建设，还是资源积累，微信距离更为成熟的抖快电商体系，内容宣发体系等还有不小差距。但“踩着抖快过河”的视频号，能够避开两大短视频平台踩过的很多雷。

从微信体系中生长出的社交属性，背靠整个腾讯系生态，及其内容版权支持，是视频号与抖音一较高下的底气。抖音一直试图进军社交但未能成功。

前者基于社交关系链的分发机制，不同于后者基于机器学习的算法分发机制，为内容附上更多情感价值，避免同质化，可能撬动最后一部分没有成为抖快用户的群体，并实现公私域流量的沉淀和转化。

归根结底，东亚社会仍然以熟人社交为主流。社交属性，是视频号最大的一张牌，也是其成长路径、商业模式的根本差异所在。

作者：Mia；编辑：矩栗；公众号：娱乐独角兽

原文链接：https://mp.weixin.qq.com/s/qeQNgiryxW5qpGmLMDN2qw

本文由@娱乐独角兽 授权发布于人人都是产品经理。未经许可，禁止转载。

题图来自 Unsplash，基于 CC0 协议

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

App，已经全面渗透了我们的生活。 2007 年，乔布斯发布初代 iPhone，从此掀起了一场智能手机革命。紧随其后，Android 手机崛起，iOS、Android 二分天下。 第二年，苹果对外发布了针对 iPhone 的应用开发包（SDK），以便第三方应用

互联网早期，生态还不完善，那时候我们是“有什么用什么”。发展至今，各种 App，解决方案层出不穷，任何你能想到的东西都有数个 App 与之对应。但问题是，大家好像忘记了自己的“初心”，不是以“解决用户需求”为主，反而更多是用各种广告、弹窗来骚扰用户，而且还很难关闭，没有选择。 前段时间，人人都是产品经理联合上百位互联网 App 产品经理发起倡议，以人为本，给用户选择权，注重用户作为个体的体验。给用户选择权，应该是产品设计的起点。

App，已经全面渗透了我们的生活。

2007 年，乔布斯发布初代 iPhone，从此掀起了一场智能手机革命。紧随其后，Android 手机崛起，iOS、Android 二分天下。

第二年，苹果对外发布了针对 iPhone 的应用开发包（SDK），以便第三方应用开发人员开发针对 iPhone 及 Touch 的应用软件；并在同年推出 App Store。这一年被视为移动互联网世代降临的节点。

App 应用这一新颖的形式，正式登上舞台。

2010 年，苹果发布划时代产品 iPad 和 iPhone 4 后，App 逐渐成为网民获得服务的主要方式。知名科技杂志《Wired》甚至为此撰写了专题文章，高呼「 Web 已死，互联网永生」，认为 App 将彻底改变互联网的形态，甚至是人们生活的方式。

Web 当然没死，但 App 却正式成为人们生活中不可或缺的部分。

2013 年，移动互联网正式在国内兴起后，App 在人们生活中的重要性日益突出，消费购物、阅读、听歌看电影等等，手机 App 几乎可以解决人们的一切需求。

不过与《Wired》预言有些出入的是：以 App 为代表的移动互联网世代，同样有着B面。

在过去的十年里，随着信息和服务的爆发，也出现了让用户困扰的体验，比如骚扰广告、不安全的个人信息、不透明的权限、被遮蔽的知情权……用户选择权被大大限制；遍数社媒平台，对 App 的吐槽与抱怨不绝于耳。

以至于，近期百名产品经理联名倡议 App 将用户选择权还给用户的微博热搜出现。App 从为人们带来生活便捷的工具，变成捆绑着 KPI 的商业筹码，已经背离了产品初心。

但事实上，尊重用户选择权与 App 的商业诉求并非水火不容，实则可以通过完善产品设计实现共赢。

对此，本文将基于以下问题，来剖析 App 的用户选择权在这些年中的变化，以及未来的发展趋势。

为什么说 App 把选择权还给用户势在必行？ 选择权到底是什么？对行业与用户来说意味着什么？ App 的用户选择权应该如何实现？ 一、App需要「敬畏」之心 App，进入了下半场。

最直接的证据是：App 已经基本完成了对 PC 端网民的转化。

CNNIC 发布的第 50 次《中国互联网络发展状况统计报告》显示，截至 2022 年 6 月，我国网民规模为 10.51 亿，互联网普及率达 74.4 %。其中，网民使用手机上网的比例达 99.6%。

各类 App 的用户数量飙增带来了更多元的用户诉求。如微信、支付宝，初始用户数量与现在的 10 亿级相比面对的用户需求复杂度显然大不一样。

App 跑马圈地、野蛮生长的时代正式过去了。

一些出于纯商业化诉求，损伤用户体验的产品，越来越令用户反感，对自身权利争取的推动也普及了广泛的社会认识。

早年间 App 环境相对单一，甚至还存在 PC 时代的“流毒”——像安卓系统的部分 App 安装时，会偷偷捆绑下载良莠不齐的其他软件，令人防不胜防；App 内广告同样头疼，“关闭”按钮小之又小，用户以为精准点到了，实际是触发广告跳转，体验极差。

为此，近年国家主管部门不断强调对用户隐私、知情权、选择权等方面的要求，推动平台主动规范 App 服务的合规性。

今年 3 月，工信部下发要求，针对部分信息资讯、网络社区等在用户浏览网页时要求下载 App 才能查看全文、不用 App 不能看评论等，不得要求用户不下载 App 就不给看，或者不让看全文。

（工信部：不得要求用户不下载 App 就不给看全文）

从商业层面看，当互联网流量红利殆尽，每一个用户都变得至关重要，将选择权交还给用户，更是 App 不得不面对的市场需求。

毕竟，用户数量是有限的。

CNNIC 数据显示，2018 年我国 App 存量达到最高值 452 万个，其后开始了竞争、优化、重组，而截至 2021 年底，我国国内市场上监测到的 App 数量为 252 万个，近乎腰斩。

在这样的背景下，需要关注现有用户的深层次需求，深化以用户为中心的价值挖掘，各家互联网硬件、App 服务商逐渐补齐对各种用户权益的支持。

目前 Android、iOS 系统的手机均在用户权限上更透明，诸多 App 也在功能设计上提供给用户选择项。

对于各家互联网服务平台来说，过去基于移动互联网发展带来的高效的商业模式奠定了自身的竞争优势，而 如今需要更进一步，将“用户选择权”产品设计的底层理念中。

特别是在今年，这已经成为新的趋势。

今年 1 月，支付宝上线“管理栏目”功能，用户可以通过首页栏目上方的选择按钮管理自己的服务推荐卡片，对于不感兴趣的服务可以选择不展示，也可以添加自己需要的卡片到首页——用户有了更多关闭和自定义服务的权限。

5 月，微信上线服务号消息“一键免打扰”功能，用户在任一服务号内设置“消息免打扰”后，关注的所有服务号消息提醒都会被一键关闭，并以小红点的形式展示在消息列表。若需开启某个服务号的提醒，则需要找到该服务号，单独为其关闭“消息免打扰”——用户有了更多拒绝被打扰的权限。

国外巨头同样如此。

8 月 1 日，Meta 更新 v43 版 Oculus 系统，支持单独的 Meta Accounts 账号登录，而不再强制绑定 Facebook 账号才可使用——这是曾备受用户诟病的世界互联网巨头在“用户选择权”上的改进。

事实上，对“用户选择权”更进一步的尊重和落实，并不是一蹴而就、突然到来的，而是得益于监管要求、用户诉求、平台尽责三个层面的共同推动。

二、用户选择权，谁来定义？ 对“用户选择权”的定义，近年来在监管、用户、商业平台的共同推动中发生了的衍变和延展。

对侵犯“用户选择权”的最初定义，源于一些用户体感最强的负面体验场景。比如一些社交 App 平台频繁的广告，电商 App 的用户隐私泄露等，最为直接的例子是“选择”服务的权利——如各类在线旅行 App 中，用户购买机票、车票后，强制给用户勾选保险等关联产品的捆绑销售。

另一种则是用户权益。

《人人都是产品经理》系列作者苏杰介绍，像电商平台常见的营销手段里的消费返现，消费送 100 元话费，在活动页面小字说明，实际为 20 张 100-5 元充值优惠券；裂变营销，参与活动赢 100 元现金，在完成各类动作后实际卡在 99 元后的无限小数点，用户看似有选择拒绝的权利，实际还是被引导的弱势方。

随着这些负面体验带来的用户打扰与相关的诈骗等损失用户权益的事件越来越多，引发了监管部门的介入。

但随着 App 服务场景越来越丰富和复杂化，完善对消费者自主选择权的定义和机制， 就至关重要/从主流的互联网产品来看，“用户选择权”的定义有明显的扩展与深化。

首先，“选择权”的基础权利已被明确。

诸如：

服务选择权： 用户某一服务可以接受也可以不接受，同一服务可以接受这家也可以接受别家； 知情权： 服务提供的前提是用户知情； 隐私权： 用户应当自主决定个人信息可以“选择性提供”的权利； 拒绝权： 用户可以明确拒绝某一服务的强行关联，不使用服务时可以拒绝授权； 关闭权： 用户需要自主选择对服务的关闭，如关闭算法推荐或使用个人信息的算法推荐等等。 无论是《个人信息保护法》下的消费者的选择权，还是算法规定中的算法选择权，都大大拓展了互联网用户选择权的范围、深度和广度。

而后，在这样的背景下， 在 App 的产品设计层面，“用户选择权”也被延展到保障用户拥有更多自定义、自编辑的权利。

超级 App 之中，已有行动者。

2021 年 7 月，支付宝率先将首页应用自定义编辑的“选择权”交还给了用户，用户可以通过自行编辑决定首页九宫格显示哪些服务；而此前九宫格放什么服务，是由平台来主导和决定的。

不少用户评价：终于可以去掉应用里的“钉子户”，换上自己真正常用的服务，并纷纷表示希望其他 App 跟进，还大家一个清爽体验。

九宫格不可编辑，是很多超级 App 被用户吐槽的共性问题；而这个问题背后，是九宫格往往背负了 App 的商业诉求。

比如拼多多曾在招股书中写明，其在微信钱包中的宫格接口作为一种无形资产，五年的接入价值达 28.52 亿美元，平均每天 156.23 万美元。这就要求 App 的产品经理平衡好用户体验和平台诉求。

支付宝的产品经理土庐在行业分享会上透露，支付宝释放九宫格编辑权后，并没有出现运营人员担心的大量用户关闭首页栏目的情况，反而真正编辑了首页栏目推荐的人，访问提升了 20%。 “只要你能提供产品价值的，用户一定不会全部都关掉。”

支付宝首页宫格可编辑

事实上， 消费者能够根据自己的偏好，自主选择所需要的产品和服务，才能把消费者的真实需求传达给服务方。

这其实是一种以用户为导向的市场配置资源形式。

此外，继支付宝后之后，网易云音乐也开放了首屏入口，及各个板块均可以自定义是否开启及顺序调整，腾讯视频、QQ 音乐的首页频道等均可以自定义顺序。

三、从真实需求出发的选择权交付 尊重用户选择权，需要从用户真实需求出发，真正理解用户需要的选择如何落实。

在业内人士看来，选择权是产品体验的一环，在给到用户选择权时，要考虑到用户体验、销售、业务或运营多方面的影响进行多组方案的实验，再做权衡和取舍。

1. 需要控制好给用户选择权的边界 用户选择权，需要边界。

何时管、何时放，自由和便捷性等问题，都需要厘清。

以 App 最为经典的设计“红点提示”举例。

在移动互联网的早期，“红点提示”在一定程度上解决了效率问题，帮助用户在不同 App、App 内不同栏目中获得重要信息更新的提醒。

当时的边界，在于“提醒”用户做出选择和“打扰”用户之间。

但如今，信息的冗余已经成为人们面对的主要烦恼， 对现今的用户而言，核心的难题早已不是选择太少，而是选择太多；各个 App 里层出不穷的小红点与数字，反而造成了困扰。

选择权的边界，又发生了变化—— 需要为用户释放是否接受“提醒”的权利。

像今年 1 月支付宝上线“消息刷子”，用户可一键清空未读消息，被网友盛赞为“有两把刷子”。

网友反馈

在此之后，微信也在 5 月新增了“公众号红点提醒”功能，用户可设置将“数字”提醒变为“点”提醒，近期又上线了将企业号推送默认灰色弱提示，进一步降低了对用户的打扰。

红点提醒的变化，印证了选择权的边界是在不断变化。

还不熟悉产品的新手用户或许需要平台来帮忙做一些选择，而老用户或骨灰级玩家则普遍希望有更个性化的进阶权利。

对用户而言，选择决策的本身也是一种成本。某个场景是否适合给到用户选择、用户拥有选择权后是负担还是自由，这都是产品经理需要思考的。

2. 选择权并不是单一地做减法 依旧以前述支付宝上线可一键清除消息的刷子为例。

在支付宝之前，之所以各家在“消息提示”上做得这么谨慎，正是因为 消息提示本身承载的是产品服务的基础信息触达功能，即使要在信息过载中“减负”，也不仅简单地“灭掉”提示即可。

和普通人认知存在差异的是：“消息刷子”产品功能建立在 B、C 双端联动上的，很多商家号的信息不仅有商业信息的传达需求，也可能关系到用户使用的关键信息。

支付宝产品经理土庐透露，刷子的上线在内部讨论了很长时间。只是“灭掉”消息，并不能解决本质问题，需要为用户解决的是如何处理“打扰消息”与“关键消息”的区分。像支付宝平台内，消息属性分为履约消息、服务消息、通知消息等等，用户的核心诉求在于：清除不关心、已过期的消息，并且减少确认的负担；但商家诉求同样不可忽视，服务通知的时效性、对业务数据的影响、商家的选择权利益等。

因此支付宝上线刷子功能的同时，把核心需要提醒的消息放到首页的消息板块功能中，完成了平台内的消息区分。

3. 选择权的实现路径，是用户表达的权利 用户选择权的交还，每一个功能的上线，都是产品设计、商业利益、用户表达的多边平衡；而要妥善地做好平衡，需要激发用户去表达自己对产品的需求。

比如无论是正向的“我想要”、还是反向的“我不要”，都是用户对于产品的真实反馈。

在土庐、苏杰等产品经理看来，“爱的反义词不是不爱，而是冷漠”——为用户提供表达的权利、给出用户需求的反馈，比闭门造车地思考“选择权”更为重要。

如首页应用编辑、消息刷子这样的功能，一开始就比较适合于反馈强烈的用户群体，通过实验、灰度、放量去设计技巧，逐步提高用户的使用意愿和正向反馈，能尽量降低对业务的短期影响，甚至带来业务提升。支付宝“首页编辑”上线后的使用率和“消息刷子”上线后的打开率不降反升就是典型案例。

但用户完成表达后，同样需要平台进行产品功能上的匹配。

某问答网站提供了用户可以选择对内容“不感兴趣”的权利，而就苏杰的实际体验来说，他持续几个星期针对不感兴趣的内容进行反馈，却没有获得理想的内容推荐，最终选择放弃。

从用户表达中，找到对不同用户的交付结果，进行精准的定向开放，逐步提高整体用户的使用体验，进而精准筛选目标用户，构筑用户和商家之间的科学路径，这或许是选择权在商业层面的完美赋义。

显然，用户选择权已然成为行业趋势。

从用户主权的角度，将 App 服务得以更友善、更高效、更个性地开放给大众，保障用户的使用体验与基本权益。

这个过程中，仍将需要监管、用户、平台形成合力，甚至于，也需要广大商户、硬件厂商等社会各方的共享共建。

正如《Wired》那篇文章的结尾所写：我们的确回到了以用户为中心的原点。

本文由 @程杰 原创发布于人人都是产品经理，未经许可，禁止转载

题图来自 Unsplash，基于 CC0 协议

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

热狗不只是说唱歌手，他还是一个行为艺术家，一个发行 NFT 的行为艺术家。 热狗说要发 NFT。这不稀奇，明星都在发 NFT，即便有人骂你是在割韭菜，卖完的 NFT 也证明有人为你买单。 热狗发了《NFT》。这很 real，很特立独行，很说唱歌手。 明星都在发

NFT的爆火让很多人都想分一杯羹，而随之而来的还有对它的不满。本篇文章中作者结合实际经验对最近很火的NFT进行了一系列的讲述和分析，感兴趣的朋友们快来一起看看吧，希望对你有所帮助。

热狗不只是说唱歌手，他还是一个行为艺术家，一个发行 NFT 的行为艺术家。

热狗说要发 NFT。这不稀奇，明星都在发 NFT，即便有人骂你是在割韭菜，卖完的 NFT 也证明有人为你买单。

热狗发了《NFT》。这很 real，很特立独行，很说唱歌手。

明星都在发 NFT，热狗则在发的《NFT》里面唱「 山也 NFT，海也 NFT，怎么阿猫阿狗**都在 NFT。元宇宙，我元你****宇宙，日子都快过不下去哪有空管以后。 」

说唱歌手的真实性情和对元宇宙的厌恶可见一斑。和很多 NFT 艺术品相比，这首歌或许才是货真价实的说唱艺术、行为艺术——表达态度，真实不躲藏。

一、有人想在元宇宙里狠狠地拉屎 在微信聊天框里，你或许可以看到这样一个表情包——一只柴犬看上去在十分努力，配文是「我要在你头上狠狠地拉屎」。

恨到这个地步，说明真不能忍，所以已经使出了最让人忍不住的屎尿屁攻击。而在元宇宙里，也有人使出了相同的攻击手段（行为艺术）——拉屎。

Reddit 有一个叫作 @u/BAOBrien 的用户发布帖子称，他创造了一只元宇宙狗狗，这只狗会在元宇宙的世界里四处拉屎，以此来降低你所拥有的元宇宙资产价值。

都说元宇宙也是现实世界的一种投影，所以你可以想象一下现实中你考虑买房的时候，看到某个小区遍地狗屎，有没有一种掉头就走的冲动。

所以，在元宇宙创造一只狗不停拉屎来拉低房价的行为，或许还真能有效。

当然，不管从哪个角度来说，这都很像一种行为艺术。

比这个行为艺术更能显示用户对元宇宙概念/市场不满的还有评论区。

尽管这个帖子因为不符合 Reddit 社区规则被删除了，但现在依旧能看到的近 2000 条评论依旧能看到和 @u/BAOBrien 主题一致的内容，都在讽刺元宇宙的混乱、虚无、市场泡沫。

用户 @techmonkey920 的评论就在讽刺元宇宙乱象：「今天我要发布我的元宇宙狗屎清洁服务！如果你在今天注册此服务，你还能获得一张由狗屎拼成的扎克伯格照片。」

扎克伯格的元宇宙自拍遭到了无情的嘲笑，所以在讨论类似话题时总会提到他。

点题狗屎，同时提到了元宇宙世界的重要建设者扎克伯格先生，嘲讽拉满了。

用户 @Iarwain_ben_Adar 则对元宇宙中狗屎的存在展开了进一步的讨论：「想要把元宇宙里虚拟的狗屎从虚拟草坪上弄下来有多难？或者说这个虚拟狗屎可以从虚拟鞋子上弄下来吗？」

这条评论也很热门，甚至热门评论中的评论也很精彩，展现了大家对元宇宙的不同看法。

有用户的不满针对扎克伯格的审查在元宇宙中依旧不会消失：「让扎克伯格审查就行，就像他对元宇宙中所有他不喜欢东西做的那样」 有用户则讽刺这个问题没有价值：「如果你用你虚拟的舌头去舔干净，这就很容易了」 还有用户充满信念感：「这是区块链便便，所以它永远都会在那里。」 用户的评论多种多样，甚至有人开始怀疑发帖用户是一个来为元宇宙某款游戏打广告的营销人员。

但最终大部分用户都选择在评论区里留下了对于元宇宙、区块链、NFT 等种种容易受到资本热捧技术的讽刺和厌恶的评论。

原因无他，只是大部分人都不喜欢这些距离公众很远的新技术越来越像投资者的金钱游戏。

二、愿景不是前景，又是「虚拟货币」的故事？ 当年比特币爆火的时候曾有过这样的灵魂总结：「当我妈也知道要买虚拟货币来投资的时候，我就觉得这个领域的泡沫已经无法想象了。」和这个同期的还有一句神级吐槽：「我身边目前没人可以用一句话向我解释比特币是什么。」

而这些，用到元宇宙、NFT 上一样说得通。

不太了解这是什么有什么用，只知道很受欢迎能卖很多钱。买了不亏，适合投资，溢价百倍千倍的造富神话都从这里来。

很多人尚未搞清这些东西是什么就一头栽了进去，毕竟大部分人都有一个暴富梦想。

但梦想之所以是梦想，就是因为虚幻不可捉摸。不到最后，你永远不知道你是越上龙门的鲤鱼还是风口后掉落的猪。

在劝大家理智投资、不要追求搞不懂的东西这方面，比尔盖茨尽力了。

他曾在公开场合直接抨击 NFT 等加密货币项目基于「博傻理论」——人们总是预期会有一个更大的笨蛋会花更高的价格从他们那儿把它买走，只是很多时候，你可能就是最后一个笨蛋。

在这个理论中用户关心的纯粹是出售资产的能力

去年购买推特创始人 Jack Dorsey 发出第一条推特「just setting up my twttr」NFT 的加密货币创业者 Sinai Estavi 就成了最后一个笨蛋。

他花 290 万美金买这个 NFT 的时候说这不仅仅是一条推文，但当他标价 4800 万美金价格出售这个 NFT 的时候，只有 7 个人表示感兴趣，最高的出价还只有 1.5 万美金。

这个贬值了 99% 的 NFT 就成功让 Sinai Estavi 成为了最后一个笨蛋。

好在成为最后一个笨蛋的人很多，所以大家也就笨得不突出了。

那些购买了明星发行的 NFT 的粉丝，几乎每一个都在承受着接近、甚至贬值超过 99% 的痛苦。买完就没有后续，NFT 的价值缺少赋能，流动性不佳使得击鼓传花的游戏到你这里就结束了。

每一个 NFT 轨迹都是如此相似。知名人士背书，来说一个充满前景的故事，介绍设计的理念、IP的元素，然后限制数量高价卖出。

投资者和粉丝怀着不一样的心情为它买单，然后等待着 IP 的更多内容出现，也等待着升值后赚钱离场。最后发现，卖完就消失的发行方才是故事大多的结尾。

加密艺术家 Beeple 在将13年创作照片拼接成NFT卖了6934万美金（约4.5亿人民币）后，NFT这个领域就充斥着想要捞一笔就走的投机者——就像加密货币一样。

直到今天，加密货币仍有不少吸引人入局，3 天就消失的新闻，NFT 售完即结束的故事更是不少。

说起元宇宙世界的疯狂，或许还能从另一个抗议变成行为艺术的故事说起。

被 Coinbase 誉为「NFT 世界杯」的 NFT.NYC 在纽约开幕，无数的 NFT 玩家前来「朝圣」。

与此同时会场外还有很多讨厌 NFT 的抗议者正在游行，其中最出圈的就是「GOD HATES NFTS（上帝讨厌 NFT）」标牌。

没人会错过这样一个 NFT 盛事中充满故事的标牌，至少玩 NFT 的人不会。

仅仅两天后，God Hates NFTs 的 NFT 项目就在 Twitter 上发布，虽然发行费宣称一切只是为了文化，但是宣传时频繁蹭热度加上涉嫌抄袭的新闻也让这个新生的 NFT 项目风评一般。

但即便如此，这个蹭热度成功的 NFT 在限量 5022 个的情况下，地板价一度冲高至 1.8 ETH 左右（人民币近 2 万）。

这也是一个很行为艺术的行为。一个厌恶 NFT 的标牌被制成 NFT 后爆火，抗议者、制作者、购买者，他们一同完成了这个艺术。

在越来越多的 NFT 的炒作过程中，人们对 NFT 的态度也从期待转为质疑。

一年前的新媒体艺术家张方禹认为NFT给艺术创作者带来了新机会，但一年后，他认为「销售就是它的本质」。当人们不再为艺术价值而是为升值空间买单的时候，一切就变成了金钱游戏。

在接受 TOPYS 采访时他就对 NFT 当下的混乱和未来做了总结：

以往这种金钱游戏可能发生在高端一点的场景下，买家们在画廊、拍卖会之间，但现在已经是去中心化了，每个人都可以玩这个游戏，每个人都可以发行，每个人都可以加入 NFT 进行炒卖。所以这件事情变得很没格调了。

但我相信 NFT 未来不会是这样。

作者：冷思真

公众号：爱范儿（ID：ifanr）；连接热爱，创造不同

本文由人人都是产品经理合作媒体 @爱范儿 授权发布于人人都是产品经理，未经许可，禁止转载。

题图来自Unsplash，基于CC0协议

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