大家好，我是和你们聊设计的花生~

优设每年都会有不少设计大赛举办，也吸引了很多优秀设计师参与。参加 设计大赛 除了有机会获得丰厚的奖金，也是设计师提升设计能力、积累设计作品最有效的途径之一。参赛过程中我们能学习如何解读分析设计主题，吸收借鉴其他参赛者作品的亮点长处；特别是对于还没有实际工作经验的新手来说，参赛能为自己的作品集积累有含金量的素材。

为了帮助大家更好的了解如何参加设计创作类的比赛，本文将向大家系统地介绍参赛时需要关注的问题，其中包含很多优设官方设计赛事负责人@包大有趣给出的专业意见，能帮助大家提升的赛事信息解读能力和参赛效率，避免不必要的细节失误，设计出更好的参赛作品。

参加设计比赛想拿奖？腾讯资深评委送你10个实用建议！ 一年一度的学生设计大赛又陆续开始了！

阅读文章 >

参赛前期重点 在正式动手设计之前，需要确定正确的设计风格与创作主题，这就如同做设计前要跟甲方沟通一样，弄清楚对方的设计需求后才能设计出符合客户期望的作品。所以参赛前期我们一定要花时间仔细阅读「赛题说明」、「设计要求」、「作品上传」这些官方给出的赛事信息，必要时还要对相关的行业状况做一些了解。

通过仔细阅读赛事信息，我们需要了解并确定好的以下信息：

① 作品风格

酷炫潮流的、未来科技感的、简约雅致的、怀旧复古的……设计风格多种多样，哪一种风格才最符合赛事主题？ 如果 设计比赛 已经指定了一种设计风格，那参赛者就只能在这一风格范围内进行创作，不能有太大的风格出入。

如果比赛没有规定必须以哪个风格为准，我们就需要通过了解主办方所属行业、设计作品最终使用场景、面向的消费群体等信息，来有依据地确定一种符合赛事主题调性的风格。如有多种可选风格，则优先选择当前流行的设计风格或参赛者本人比较擅长的风格。

② 创作主题

作品风格确定好之后，就要确定创作主题了，即作品要以什么内容为主。

设计大赛一般都会有比较明确的主题规定。以此次即时网页插画创作大赛为例，「赛题说明」中，官方明确给定的商务办公、科技数码、教育学习等 8 个主题中选择，且给出的作品示例中都是以多个人物为主体的场景插画，那么参加者就能以此确定自己将要创作的作品特征：矢量扁平风，以多个人物为主体，有关办公、学习、会议等的场景。

③ 创作形式

创作形式涉及的方面一是要用什么软件进行创作，PS、矢量软件还是 3D 软件？而是作品的呈现形式，图片、动态 gif 还是视频？这些信息一定要提前确认清楚，不然作品做的再好看，形式不对也是白费力气。

④ 应用场景

设计作品的最终用途是屏幕展示还是线下印刷，是在很小的卡片还是很大的户外广告？这些因素会影响作品的排版、分辨率、色彩模式（RGB 或 CMYK）等。

⑤ 行业特性

不同行业的气质特性是各不相同的。若比赛没有明确指定设计风格，了解设计作品所属的行业(如互联网科技、金融、母婴、美妆、食品等)就很有必要，我们可以据此确定设计关键词，并搜集相关素材制作情绪板，为我们确定设计风格提供有效的帮助。

⑥ 消费群体

设计作品面向的是怎么的消费群体，他们在年龄、性别、职业、生活方式上有何差异？怎样的设计才能吸引他们的兴趣 ？这些问题也是要在做设计前认真思考的。

⑦ 截止时间

提到投稿时间，不只是提醒大家要在截止日期前提交作品，更重要的一点是合理分配创作精力。如果有一个月的创作时间，除去上班上课等固定事项，有多少时间可以留给创作？这些时间里又该如何分配给不同的设计阶段？做好时间规划，保证创作有条不紊地进行，最终才能产出好的作品。

第14届大广赛已开启！这五个风格的作品最受评审青睐！ 大家好，我是和你们聊设计的花生~ 2022 年第 14 届全国大学生广告艺术大赛（大广赛）已经开始，官网上公布了今年的命题，一共 17 个，包含 16 个商业命题和 1 个公益命题。

阅读文章 >

大厂都在用的情绪板，到底是什么？（二） 在上一篇文章中，我们已经对情绪板的内容做了扫盲，我们知道，情绪面板是一个用来提炼设计思路的工具，包含各种图片、设计素材。

阅读文章 >

创作过程中的注意事项 在确定好风格、创作内容等信息后，就可进入正式创作阶段了，这里主要需要和大家分享一些文件分辨率和尺寸的设置注意事项。

① 源文件

源文件的分辨率和尺寸设计可以参照官方给出的信息，若官方没有给出具体的数值，可以参照以下思路：

如果给出的是尺寸范围而非具体数据，建议宽高值设置在 2000-3000px 之间。大于 2000px 可以确保作品的清晰度，小于 3000px 可以保证文件体积不会太大，打开速度更快。宽高比例可以设为常见的 3:2 或者 4:3；若是视频类可设置为常见的 16:9。 印刷物料的源文件分辨率通常为 300ppi，像海报、包装盒、机票、名片等物料在设置尺寸的时候需要将单位调整为毫米（mm），物料的具体尺寸官方会给数据，此外还需要留意出血线的设置。

② 展示图

展示图是不同于作品图的概念。展示图除了可以放作品图外，还可以拓展加入创作理念、灵感来源、设计规范（字体、色值、尺寸比例等）、元素细节、创作过程、应用场景（样机）等信息。其中创作过程指作品的草稿、半成品、成品等不同阶段的截图，可用长图的形式呈现，有意识保留过程图可以证明作品的原创性。

浏览更多获奖作品的展示图： https://uiiiuiii.com/inspiration/1616532149.html

很多设计大赛一般只要求最终提交作品展示图，展示图的尺寸要按官方要求设置，分辨率 72ppi 即可（展示图的分辨率过大会导致文件体积大，打开时间更长）；如果官方提供有参赛模板，需要将展示图导入模板中，进行排版后导出规定格式的图片提交即可；如果没有模板，可选择创作理念、设计规范、元素细节、应用场景这些比较重要的内容进行展示。

免费商用！提升设计质感必备的5个样机网站 大家好，我是和你们聊设计的花生~ 样机是提升设计质感的利器，特别是在进行作品集呈现的时候，好的样机能让作品集质量直接上升一个高度。

阅读文章 >

上传提交的注意点 作品上传前记得仔细检查以下方面有无错误：

① 作品展示图的细节：

内容是否完整清晰，有无多余留白、错别字等。

② 文件格式、尺寸，分辨率，体积：

格式、尺寸、分辨率是否符合比赛要求，文件大小是否合理，体积过大的图片应进行压缩。若对格式没有明确规定，则图片可选择 png 或 jpg 格式， 动图选 gif，视频选 mp4、 音频选 mp3，这些是常见且兼容性最好的格式；如有压缩包，选 zip 格式最好。

免费可离线使用！收下这个图片压缩神器 Imagator Imagator 是一个免费的私人图片编辑工具，提供图片压缩、转文件格式、编辑和重设大小工具，为什么说是私人（Privately）呢？

阅读文章 >

③ 文件的打包命名：

设计比赛对文件、压缩包或邮件的命名都有明确要求，大家一定要求规范进行操作。因为大赛举办方收到的作品成百上千，审核的工作量是很大的。而命名不规范或不命名，会让作品下载后出现不易查找或被视为垃圾邮件的问题，给审核工作造成不便，从而影响作品的评选。

④ 作品的提交途径：

不同的比赛作品提交方式不同，有的是直接在网页上提交, 有的是需要发送到官方指定邮箱。

网页提交后记得刷新网页，看是否有提交成功的记录；邮箱的话首先要保证邮箱地址是正确的，最保险的方式就是直接复制邮箱地址，避免自己输入的有遗漏错误。像优设的设计大赛，邮件发送成功都会有提交成功的自动回复，没有收到的话可能就存在提交不成功的情况，可以检查一下邮箱地址是否正确或垃圾邮件等，也可以直接通过官方账号或者 微信 社群联系赛事客服问原因。

更多赛事信息 优设目前还有不少设计大赛在举办，赛事奖金丰厚，设置的获奖名额也很多，欢迎感兴趣的小伙伴参与，如果参赛过程中有任何问题，可以加入优设的官方大赛交流群进行咨询，会有官方客服及时解答（入群二维码在优设官方赛事频道中有展示）。

优设官方赛事频道（内含赛事官方群二维码）： https://event.uisdc.com/

元宇宙虚拟 IP 形象设计大赛火热进行中： https://event.uisdc.com/virtualimage/

推荐阅读：

高考之后，想读设计专业的大学生该如何更好地度过大学4年？ 大家好，我是和你们聊设计的花生~ 2022 年高考已经进行到第三天了，大部分地区的高考已经结束，再过半个月就能开始查询高考成绩并填报志愿了。

阅读文章 >

深度复盘：爆肝30天，我终于做出HR争抢的作品集！ 大家好，我是和你聊设计的花生~ 经常有小伙伴在群里问作品集的相关问题：作品集不知道从哪里入手、感觉自己没有拿得出手的作品、作品集没亮点真不知道怎么改进、作品集投递之后没有回应很受打击等等。

阅读文章 >

大家好，我是和你们聊设计的花生~

优设每年都会有不少设计大赛举办，也吸引了很多优秀设计师参与。参加 设计大赛 除了有机会获得丰厚的奖金，也是设计师提升设计能力、积累设计作品最有效的途径之一。参赛过程中我们能学习如何解读分析设计主题，吸收借鉴其他参赛者作品的亮点长处；特别是对于还没有实际工作经验的新手来说，参赛能为自己的作品集积累有含金量的素材。

为了帮助大家更好的了解如何参加设计创作类的比赛，本文将向大家系统地介绍参赛时需要关注的问题，其中包含很多优设官方设计赛事负责人@包大有趣给出的专业意见，能帮助大家提升的赛事信息解读能力和参赛效率，避免不必要的细节失误，设计出更好的参赛作品。

参加设计比赛想拿奖？腾讯资深评委送你10个实用建议！ 一年一度的学生设计大赛又陆续开始了！

阅读文章 >

参赛前期重点 在正式动手设计之前，需要确定正确的设计风格与创作主题，这就如同做设计前要跟甲方沟通一样，弄清楚对方的设计需求后才能设计出符合客户期望的作品。所以参赛前期我们一定要花时间仔细阅读「赛题说明」、「设计要求」、「作品上传」这些官方给出的赛事信息，必要时还要对相关的行业状况做一些了解。

通过仔细阅读赛事信息，我们需要了解并确定好的以下信息：

① 作品风格

酷炫潮流的、未来科技感的、简约雅致的、怀旧复古的……设计风格多种多样，哪一种风格才最符合赛事主题？ 如果 设计比赛 已经指定了一种设计风格，那参赛者就只能在这一风格范围内进行创作，不能有太大的风格出入。

如果比赛没有规定必须以哪个风格为准，我们就需要通过了解主办方所属行业、设计作品最终使用场景、面向的消费群体等信息，来有依据地确定一种符合赛事主题调性的风格。如有多种可选风格，则优先选择当前流行的设计风格或参赛者本人比较擅长的风格。

② 创作主题

作品风格确定好之后，就要确定创作主题了，即作品要以什么内容为主。

设计大赛一般都会有比较明确的主题规定。以此次即时网页插画创作大赛为例，「赛题说明」中，官方明确给定的商务办公、科技数码、教育学习等 8 个主题中选择，且给出的作品示例中都是以多个人物为主体的场景插画，那么参加者就能以此确定自己将要创作的作品特征：矢量扁平风，以多个人物为主体，有关办公、学习、会议等的场景。

③ 创作形式

创作形式涉及的方面一是要用什么软件进行创作，PS、矢量软件还是 3D 软件？而是作品的呈现形式，图片、动态 gif 还是视频？这些信息一定要提前确认清楚，不然作品做的再好看，形式不对也是白费力气。

④ 应用场景

设计作品的最终用途是屏幕展示还是线下印刷，是在很小的卡片还是很大的户外广告？这些因素会影响作品的排版、分辨率、色彩模式（RGB 或 CMYK）等。

⑤ 行业特性

不同行业的气质特性是各不相同的。若比赛没有明确指定设计风格，了解设计作品所属的行业(如互联网科技、金融、母婴、美妆、食品等)就很有必要，我们可以据此确定设计关键词，并搜集相关素材制作情绪板，为我们确定设计风格提供有效的帮助。

⑥ 消费群体

设计作品面向的是怎么的消费群体，他们在年龄、性别、职业、生活方式上有何差异？怎样的设计才能吸引他们的兴趣 ？这些问题也是要在做设计前认真思考的。

⑦ 截止时间

提到投稿时间，不只是提醒大家要在截止日期前提交作品，更重要的一点是合理分配创作精力。如果有一个月的创作时间，除去上班上课等固定事项，有多少时间可以留给创作？这些时间里又该如何分配给不同的设计阶段？做好时间规划，保证创作有条不紊地进行，最终才能产出好的作品。

第14届大广赛已开启！这五个风格的作品最受评审青睐！ 大家好，我是和你们聊设计的花生~ 2022 年第 14 届全国大学生广告艺术大赛（大广赛）已经开始，官网上公布了今年的命题，一共 17 个，包含 16 个商业命题和 1 个公益命题。

阅读文章 >

大厂都在用的情绪板，到底是什么？（二） 在上一篇文章中，我们已经对情绪板的内容做了扫盲，我们知道，情绪面板是一个用来提炼设计思路的工具，包含各种图片、设计素材。

阅读文章 >

创作过程中的注意事项 在确定好风格、创作内容等信息后，就可进入正式创作阶段了，这里主要需要和大家分享一些文件分辨率和尺寸的设置注意事项。

① 源文件

源文件的分辨率和尺寸设计可以参照官方给出的信息，若官方没有给出具体的数值，可以参照以下思路：

如果给出的是尺寸范围而非具体数据，建议宽高值设置在 2000-3000px 之间。大于 2000px 可以确保作品的清晰度，小于 3000px 可以保证文件体积不会太大，打开速度更快。宽高比例可以设为常见的 3:2 或者 4:3；若是视频类可设置为常见的 16:9。 印刷物料的源文件分辨率通常为 300ppi，像海报、包装盒、机票、名片等物料在设置尺寸的时候需要将单位调整为毫米（mm），物料的具体尺寸官方会给数据，此外还需要留意出血线的设置。

② 展示图

展示图是不同于作品图的概念。展示图除了可以放作品图外，还可以拓展加入创作理念、灵感来源、设计规范（字体、色值、尺寸比例等）、元素细节、创作过程、应用场景（样机）等信息。其中创作过程指作品的草稿、半成品、成品等不同阶段的截图，可用长图的形式呈现，有意识保留过程图可以证明作品的原创性。

浏览更多获奖作品的展示图： https://uiiiuiii.com/inspiration/1616532149.html

很多设计大赛一般只要求最终提交作品展示图，展示图的尺寸要按官方要求设置，分辨率 72ppi 即可（展示图的分辨率过大会导致文件体积大，打开时间更长）；如果官方提供有参赛模板，需要将展示图导入模板中，进行排版后导出规定格式的图片提交即可；如果没有模板，可选择创作理念、设计规范、元素细节、应用场景这些比较重要的内容进行展示。

免费商用！提升设计质感必备的5个样机网站 大家好，我是和你们聊设计的花生~ 样机是提升设计质感的利器，特别是在进行作品集呈现的时候，好的样机能让作品集质量直接上升一个高度。

阅读文章 >

上传提交的注意点 作品上传前记得仔细检查以下方面有无错误：

① 作品展示图的细节：

内容是否完整清晰，有无多余留白、错别字等。

② 文件格式、尺寸，分辨率，体积：

格式、尺寸、分辨率是否符合比赛要求，文件大小是否合理，体积过大的图片应进行压缩。若对格式没有明确规定，则图片可选择 png 或 jpg 格式， 动图选 gif，视频选 mp4、 音频选 mp3，这些是常见且兼容性最好的格式；如有压缩包，选 zip 格式最好。

免费可离线使用！收下这个图片压缩神器 Imagator Imagator 是一个免费的私人图片编辑工具，提供图片压缩、转文件格式、编辑和重设大小工具，为什么说是私人（Privately）呢？

阅读文章 >

③ 文件的打包命名：

设计比赛对文件、压缩包或邮件的命名都有明确要求，大家一定要求规范进行操作。因为大赛举办方收到的作品成百上千，审核的工作量是很大的。而命名不规范或不命名，会让作品下载后出现不易查找或被视为垃圾邮件的问题，给审核工作造成不便，从而影响作品的评选。

④ 作品的提交途径：

不同的比赛作品提交方式不同，有的是直接在网页上提交, 有的是需要发送到官方指定邮箱。

网页提交后记得刷新网页，看是否有提交成功的记录；邮箱的话首先要保证邮箱地址是正确的，最保险的方式就是直接复制邮箱地址，避免自己输入的有遗漏错误。像优设的设计大赛，邮件发送成功都会有提交成功的自动回复，没有收到的话可能就存在提交不成功的情况，可以检查一下邮箱地址是否正确或垃圾邮件等，也可以直接通过官方账号或者 微信 社群联系赛事客服问原因。

更多赛事信息 优设目前还有不少设计大赛在举办，赛事奖金丰厚，设置的获奖名额也很多，欢迎感兴趣的小伙伴参与，如果参赛过程中有任何问题，可以加入优设的官方大赛交流群进行咨询，会有官方客服及时解答（入群二维码在优设官方赛事频道中有展示）。

优设官方赛事频道（内含赛事官方群二维码）： https://event.uisdc.com/

元宇宙虚拟 IP 形象设计大赛火热进行中： https://event.uisdc.com/virtualimage/

推荐阅读：

高考之后，想读设计专业的大学生该如何更好地度过大学4年？ 大家好，我是和你们聊设计的花生~ 2022 年高考已经进行到第三天了，大部分地区的高考已经结束，再过半个月就能开始查询高考成绩并填报志愿了。

阅读文章 >

深度复盘：爆肝30天，我终于做出HR争抢的作品集！ 大家好，我是和你聊设计的花生~ 经常有小伙伴在群里问作品集的相关问题：作品集不知道从哪里入手、感觉自己没有拿得出手的作品、作品集没亮点真不知道怎么改进、作品集投递之后没有回应很受打击等等。

阅读文章 >

此次我将按照不同受众用户，进行 哔哩哔哩 产品设计 细节分析，一起来看 B 站在往多元化发展的设计发力点都有哪些。

往期回顾：

音乐体验天花板！14个网易云音乐的情感化设计细节 一款口碑两极分化的软件。

阅读文章 >

事先声明 /attention。

强烈建议使用电脑查看， 用户体验 更佳。 Gif 体积较大，请耐心查看。 为了让设计细节更容易被看到，用 GIf 来呈展示。 前言 众所周知，B 站是一个二次元、鬼畜、学习、娱乐等等于一身的综合视频社区。近 82%的用户是 Z 世代用户（90-09 年出生的人群），他们也是生长在互联网下的一代人。用户规模与活跃度都持续高位，除了其产品侧的发力，设计中的体验感知也功不可没，本次分享 bilibili 中用户最常能感知到的产品设计细节，帮助你丰富 B 站玩法的同时，学习产品中的过人之处，以便了解设计发力点。

越往下看你越惊叹，总有一个你不知道的彩蛋设计细节。

1.「防偷窥」登录页 – 2233 娘遮眼 使用场景

再熟悉不过的页面了吧。登录页面是除首页外，每个用户大概率要进入的页面。如何给予用户安全感知，同时增强产品记忆点。

设计思考

设计目标：提升用户登录 B 站时的安全感知。

设计方案：当用户在输入验证码或者密码等较为敏感的信息时，2233 娘会遮住眼睛，暗示隐私信息我们是不会偷看的。强化 B 站对安全隐私的重视度。增强用户信任感。同时 B 站的品牌 IP2233 娘从儿时到成年产品中都有体现。用户登录注册账号时，儿时 Q 版的 2233 娘呈现在眼前，暗示着 2233 娘未来的一路陪伴，共同成长的愿景，这是第二层含义。

2.「选封面」开屏页 – 自选模式 使用场景

作为一个二次元发展起来的视频社区，用户对于产品品牌具有亲切感。但 B 站发展至今二次元内容逐渐被多元生态所代替，类目占比逐渐变小，老用户的情感记忆那里体现。

设计思考

设计目标：提升品牌 IP 传播，让用户享受更加丰富的开屏页，从而满足用户情绪。

设计方案：在「设置」-「开屏画面设置」中，你可以随机展示或者自定义选择画面，总共为用户提供 20 张图片，每一个都是 2233 娘和 B 站重要日子的组合插画，其中不乏几张经典页面。当用户选择特定画面时，不仅能强化 IP 记忆点，同时也体现出产品对用户的重视程度。

3.「弹幕清屏」视频页 – 双指点击快速隐藏 使用场景

B 站弹幕是出了名的有趣，当弹幕狂热者看一个热门爆款视频，很可能弹幕全程霸屏，气虽然氛感十足，但也会存在遮挡用户查看所关注的内容，从而错过精彩瞬间。如何解决？

设计思考

设计目标：优化弹幕开关的便捷操作，给予用户优质的交互体验。

设计方案：在视频播放页面，常规开关弹幕的方式是点击左下角弹幕按钮。想要在便捷一些，你可以双指点击屏幕，触发开关弹幕功能，相比常规「先点击屏幕」「再关闭弹幕」两步操作，双指点击屏幕更加高效，虽然多指操作学习成本高，但这种隐藏交互会大大提升观感体验。如今的产品功能不断堆叠，有时候常用的功能要进入 3 个层级才能使用，何不换种思路，运用多指交互来提升用户操作体验，未尝不是一种好的体验升级。

4.「进度条」视频页 – 眼睛跟随方向 使用场景

一个产品除了空状态、界面元素外，如何在视频页中给予用户品牌感知，增加趣味体验。

设计思考

设计目标：提升视频页进度条的趣味性，从而强化 B 站品牌透传。

设计方案：在视频页中，当你对视频进度进行左右拖拽时，进度条的指示图标「小电视」的眼睛会左右移动，当你向左滑动眼睛跟随左边，向右滑动小眼睛跟随右边，很是有趣，通过 IP 结合进度条的交互设计让原本单一的形态变得趣味横生。当然，进度条的样式不止一种，还有很多彩蛋视频也有不同的样式，快去找一找吧。（对了，最近在使用「优酷」时也发现进度条的微设计，感兴趣的朋友不妨看看。）

5.「一键三连」视频页 – 长按点赞触发联动 使用场景

一键三连最早的发源地，或许你此时才知道这个功能吧。

设计思考

设计目标：提升在同质化产品中的特殊功能点设计，强化产品一键三连功能。

设计方案：在视频页浏览时，看到超级喜欢的 UP 主视频，激动到想要一键三连，可以长按点赞按钮，你会看到右边投币和收藏显示进度条占比，当一圈走完，点赞、投币、收藏同时完成，这就是一键三连的激活功能。不仅如此，移动端、网页端、以及接下来的「写笔记」中都可触发一键三连功能，产品特有的功能感知满满。

6.「快速听歌」视频切换 – 你的下一款听歌软件何必是一款听歌软件 使用场景

想听周董的歌，网易云音乐没有，QQ 音乐又要付费听，好难受啊～

设计思考

设计目标：解决用户听歌时视频弹幕干预，将视频切换音乐模式，专注听歌。

设计方案：在视频页，点击「更多」选择「听视频模式」，当前视频会切换成音乐页面，这难道不就是音乐软件嘛。常用的循环、上一首、下一首功能都有、收藏、评论、转发也有，简直不要太棒。因为 B 站是 UGC（用户生产内容）、PGC（专业生产内容）视频平台的独特性，自身就不会太担心侵权问题。难怪 B 站中 Z 世代的用户更多，一款产品，满足多场景多人群使用，怪不得能俘获民心。

1. 「视频放大」双指移动 – 放大缩小画面 使用场景

当你用 B 站学习时，小小的手机屏幕很难看到细节，该怎么解决？

设计思考

设计目标：提升细节放大展效果，让用户看清具体信息，提高学习效率

设计方案：在视频页，除了上面说的双指点击触发弹幕开关，你可以通过双指拉伸把视频任意放大，当然你也可以捏和把视频缩小。当改变了原始视频尺寸，底部会有一个「还原屏幕」的按钮，点击即可快速矫正视频。还不快快用起来～

2.「学英语」老友记 – 学习注释 使用场景

是不是还在边看英文电影边学英语，这样虽然是个办法，但遇到不懂得单词或是语法你还要在第三方翻译软件中翻译，效率性大打折扣。

设计思考

设计目标：提高音乐学习效率，在视频中增加实时英文解析，帮助快速学英语。

设计方案：目前已知在「老友记」中，用户可以通过点击左侧「学音乐」进入到英文学习分栏中，演员的每段对话，以及出现时间，都清晰罗列出来，你可以重复收听某段对话，也可以针对当前对话中不理解的单词或语法进行学习，简直就是学习英语者的福音。

3.「一起看」放映厅 – 学习氛围瞬间拉满 使用场景

一起刷 B 站、一起看视频、一起聊天等等这样的场景可能只在现实中存在。真的是这样吗？

设计思考

设计目标：解决异地分开刷 B 站的阻隔感，提升随时随地一起刷剧学习的幸福感。

设计方案：在视频页，点击「一起看」进入放映厅，你可以自己新建放映厅，也可以进入别人的放映厅，总之可以多些朋友一起看视频，一起交流，完美解决异地或者独处的孤独感～

4.「写笔记」笔记功能 – 教学视频的高效学习工具 使用场景

同样是看视频学习，当你身边只有手机时，需要做笔记，还在通过备忘录等形式在 App 之间来回切换记录吗？

设计思考

设计目标：解决看视频时难以记录重点知识的情况，提升记录笔记效率，从而高效学习。

设计方案：在公开课等教学类视频中，通过点击「更多」找到「笔记功能」就能解决一边看视频一边记录的痛点了。不仅如此，还能查看其他用户的笔记内容并且可以一键三连进行互动，具有双向学习性，简直不要太棒。笔记做完还可以一键复制，粘贴到你的知识库中，解决内容迁移问题。在 B 站学习的用户不妨快来试试～

1. 「弹幕撤回」2 分钟内可撤回 – 避免文字误伤 使用场景

B 站是个弹幕网，很多时候观看者头脑一热随意发表的弹幕言论，会给其他用户带来观影不适以及平台污染，如何解决。

设计思考

设计目标：为用户增加弹幕删除功能，从而提升弹幕评论的绿色言论，净化弹幕内容。

设计方案：在视频页发送了一个弹幕，用户可在视频中看到自己的弹幕，鼠标进入，选择撤回，要注意只能在 2 分钟内进行撤回，并且一天之内只能撤回 5 次弹幕。目的也是为防止用户频繁撤回的操作。手机端可点击弹幕列表，找到自己的弹幕，长按会出现撤回选项，点击撤回即可。

2. 「鬼畜秘密」网页端鬼畜区长按「返回顶部」按钮 10s 输入对应字母进入经典鬼畜区 使用场景

人们总对好奇的事物产生兴趣，尤其是在自己不知道的前提下。

设计思考

设计目标：增加鬼畜区弹幕彩蛋功能，提升此类目视频曝光。

设计方案：在鬼畜区频道，长按 10s 右下角的返回顶部按钮，会激活底部黑色输入列表，文案写着：“尝试输入字母，发现鬼畜秘密…”带你进入另一个神秘空间。

3. 「鬼畜霸屏」在鬼畜搜索下长按 A 键头会有另一个彩蛋等你 使用场景

文案的引导会激发用户好奇产生尝试。

设计思考

设计目标：引导用户进行随机字母输入，提升彩蛋互动玩法。

设计方案：在搜索框随机输入英文字母，会出现提示输入的字母，当你输入完点回车，网页会出现经典的一句话弹幕。如果你长按 AAAAAAAA…,网页弹幕伴随音效不断出现，很是鬼畜。当你对某个弹幕头像产生好奇，可点击进入视频页，进行视频浏览，同时可以后评论区同样是彩蛋进来的伙伴一起交流，很是热闹。

4. 「小黑屋」了解规则 – 查看案情加深学习 使用场景

当 B 站上传视频以及评论不加以管制和制度教育，会带来流失用户的风险。

设计思考

设计目标：为了建立良好的视听环境和用户体验，规范产品的内容形式。

设计方案：在社区中心，小黑屋中，可以查看已经被关小黑屋用户的案情，针对案情的严重程度，进行封禁时间限制，相比长篇文章的制度规范，这种实际案例，更能让用户了解平台规则，防止关进小黑屋出不来。

1. 「代码良言」小黑屋 右箭源代码 – 金石良言 使用场景

程序员在小黑屋页面，想要越狱查看代码等行为。

设计思考

设计目标：告知程序员，开发者们小黑屋不仅是用来规范视频用户做出的行为，同样也是针对开发者以及程序员的。

设计方案：在「小黑屋」页面，右键「显示 网页源代码」，在一行代码中间，你会看到一句话：“一朝耍流氓，十年挂南墙；不乖的孩子统统都要打屁股；越狱是不可能越狱的，这辈子是不可能越狱的”极具搞笑的语言让本就是严肃的事情变得轻松许多，同时增强小黑屋的准则态度，让 B 站用户做一个遵守准则的好用户。

结语 设计师要有发现美的眼睛。美不仅是视觉，还有好的体验流程。不要让用户思考，这是每个设计师所追求的。

认真记录产品细节，了解背后的思考，也是不断提升自己逻辑思维和表达能力的一种方式。

本期产品细节分析结束，点击原文链接查看更多，那我们下期再见！

参考文献：

B 站 2022 第一季度财报： https://mp.weixin.qq.com/s/ctzbvBqPxtbQxCV2_XAGDQ

MikuFans 弹幕视频网 ： https://www.bilibili.com/read/cv14244675/

Advertising： https://mp.weixin.qq.com/s/831jX19aq8cfI_WU7RQubw

时趣研究院： https://mp.weixin.qq.com/s/BUZoVle8ByLQjAFrCMm4ag

欢迎关注作者微信公众号：草蓉三石

自媒体正在深刻地影响着每个人的生活，刷抖音、看资讯、看视频成为了大众生活中必不缺少的内容。地铁上、吃饭时、睡觉前，甚至上厕所都会不由自主地打开各种 App。

各大平台都在绞尽脑汁争夺用户的时间，不仅要满足普通大众信息获取的需求，还要吸引用户转变为创作者，为平台创造源源不断的内容。所以平台的用户会群体有 2 种角色——普通用户和内容创作者，相应的平台就需要融入发布功能，方便用户随时随地的发布信息。

发布功能 主要是由发布入口、发布页面和内容编辑器构成，今天的主要内容包括：

入口形式的讨论 发布页面的设计细节 返回页面的问题 更多功能设计：

如何做好搜索设计？我总结了3个原则！ 搜索设计看似简单，展现形式上只有一个输入框和搜索按钮就可以了，但是里面隐藏了很多交互细节。

阅读文章 >

入口形式 发布入口比较简单，通常采用 icon 形式提示用户即可。在布局上存在 3 种形式。

1. 主导航图标入口

我认为这种形式视觉上最醒目，能够给用户最强的提示，功能的优先级最高，保证在不同频道页都可以随时调用发布功能。这也可以看出平台对创作者的重视。知乎、小红书、西瓜视频都采用了这种形式。

知乎 8.0 版本升级中的一项，就是将发布功能从右上角调整到了主导航位置。或许是希望用户不仅仅将产品看作是一种搜索工具，而是希望更多用户参与其中，成为平台内容的贡献者。

图片来源于公众号「体验进阶」

当然这种形式会占据底部导航空间，需要对产品信息架构做出比较合理的组织才可以。

另外在创作的特定节点或特定时刻，入口可以增加引导信息，激发用户的创作欲望。例如小红书的冒泡引导信息。

2. 右上角的图标入口

右上角的发布图标也是一种较为常见的入口形式。这种形式更加灵活，既可以成为框架层面的功能，也可以固定在某一页面中。

例如今日头条的发布功能就处在框架层面，在各个内容频道都可以随时发布内容。而空出来的主导航位置，作为运营活动位可以灵活植入各种活动。目前春节期间推出的就是集福卡活动。

为了提高入口的可识别性，今日头条采用了图标与名称结合的方式，更加明确地告知用户“功能是什么”。

脉脉的发布功能 icon 也是经过多轮变化，图标形式经历了“笔”、“纸飞机”，最终演变成了现在的“加号”。为了能够更好地引起用户关注，图标特意做了加大处理。

3. 页面悬浮图标

悬浮图标只是作为特定页面的扩展功能，通常放置在页面右下角。例如豆瓣、雪球的发帖功能。这种设计或许只是权宜之计，多多少少会影响普通用户日常浏览需求。某些场景下还会与运营活动位相冲突。

发布页面的设计 发布页面更偏向于实用主义，主要解决用户“发什么”和“如何发”的问题。

1. 发布什么内容

自媒体平台的内容包括了图片、文字、视频、文章等形式。

微博采用扩展菜单的形式展示发布内容分类。用户选择后，即可进入对应的内容编辑页面。

而更多的产品选择了底部浮层的形式，这种方式可以承载更多的信息内容，从而引导用户参与到平台活动中。例如今日头条融入了“打卡挑战赛”、“邀请你参与讨论”等内容。知乎中也增加了“创作活动”、“创作灵感”等内容。帮助创作者了解热点，在一定程度上解决用户“发什么”的问题。

另外浮层可以通过布局更好的将信息分层，例如头条将更多的空间留给了微头条。知乎则突出了回答问题和提出问题。通过低门槛的功能，吸引用户成为平台创作者。

2. 如何发布内容

很多时候没有明确主题的问题反而更难写答案，例如调查问卷中的开放性问题，如非必须，我从来不填。同样用户发布信息时，可能只是有一个想法，需要去组织语言，所以需要增加一些引导信息或者技巧性提示，降低用户的思考成本。

另外就是对于文字输入的场景，直接拉起输入键盘，也是减少用户操作的规定性设计。

这些细节都可以带给用户更好体验。

返回页面的设计问题 在信息编辑页面，取消操作后，应该返回到哪个页面呢？

今日头条等产品会提示保存信息后，直接跳离发布页面。而知乎取消操作后，会自动保存编辑的信息，返回到发布页面，保留用户继续发布内容的机会。

知乎返回到发布功能页面

我猜测这是两种不同的设计观点造成的。

一种观点认为，用户既然选择了内容发布，是有了比较明确的发布动机。中途停止了信息发布，很大可能不会立刻再次发布内容。

另一种观点则认为，用户有多种发布信息需求，中断了某个 信息发布 ，并不代表不再继续其他内容的发布，并且发布页面中的拓展信息，或许有助于激发用户新的发布动机，所以将退出的选择权交给了用户。

大家是怎么看待返回问题的呢？欢迎评论区留言交流~

欢迎关注作者微信公众号：「子牧UXD」

最近看综艺节目，看到了模拟互联网职场的面试里，面试官问了许多 互联网黑话 ，场景还原如下

同为饱受职场黑话摧残的可怜人，今天就来聊一聊“黑话”吧。

设计师 黑话：

设计师如何汇报项目显得高大上？收下这份黑话指南！ 这是一篇有格局的文章，这是一篇娱乐的文章，这是一篇整活儿的文章。

阅读文章 >

聊聊黑话 互联网黑话发展已久，虽不知起源，但猜测最开始可能是由一些专业术语发展开来的，比如“心智”这一词是从心理学的概念迁移到互联网的。在心理学的概念里，它泛指为我们对周遭一切人、事、物的所有的精神活动。“心智模型”最开始是由 Kenneth Craik 在 1943 年所著的《解释的性质（The Nature of Explanation）》一书中提出，后来又由 Alen Cooper 在《交互设计精髓（About Face）》中大篇幅地描述、解释用法。因为《交互设计精髓》是交互人的必读书籍之一，所以“心智”这个词就成了互联网交互设计师永远绕不开的术语。事实上不止交互，几乎每个岗位都有这个岗位的专业术语，比如开发哥常说的“API”“SDK”、视觉/UI 常挂在嘴边的“格式塔”，日常工作中总是绕不开这些专业术语，如果非得解释成大白话又费劲又难以传达正确意思，一句简单的“符合用户心智”就得说成“符合用户在现实世界中对某种事物运作的内在认知历程”，又臭又长，还得琢磨一阵子。

心智模型：

做设计这么久，竟然没听过心智模型？ 今天，我们来聊点不一样的东西。

阅读文章 >

但是过去几年互联网发展得实在是太快了，疯狂卷入了形形色色的人，加上并不是每个岗位都有多年的专业研究产出通用的方法论和行业名词，偶尔就存在一些人可能出于对行业或自身的不自信，才制造出一些晦涩难懂的「名词」来装腔作势、包装自己。就逐渐发明出了一些不为提高沟通的准确度，只为显得自己“专业”的所谓黑话，接着再卷入一些不明所以的人持续发扬光大，才形成了现在这样有话不好好说的互联网黑话风气。网上随便搜就有一堆互联网黑话宝典，甚至某宝上都有互联网黑话的文化 T 恤了。

不只是底层打工仔对于这种风气深恶痛绝，张一鸣在字节跳动 9 周年年会上，也曾批评过这种现象：

上面这段话摘自字节双月会材料，堆砌了一堆复杂的名词，让人听起来不觉明历，理解起来相当费劲，理解完后又觉得空洞无物。

当然，也有一些人认为黑话确实能提高沟通效率，呼吁理性看待互联网黑话。确实，语言只是工具，工具是中性的。黑话产生的本意是团队内沟通方便提高效率，只是有些人把它用成了八股文，啥都往上套，才造成了现在这种人人吐槽的现象。既然不可避免，那我们就尝试判断一下，什么情况下适合使用黑话，什么情况下避免使用黑话，以及如何应对装腔作势的黑话。

怎么说好黑话 前面说到黑话是我们日常沟通中绕不开的，那么我们怎么判断哪些黑话是合理的，哪些是不合理的呢，可以从以下几个方面去思考：

1. √ 提高沟通效率

如果这个“黑话”可以提高沟通效率，那么这就是个好“黑话”。比如说“闭环”，如果我们在做某个互联网种菜产品，用户可以在这个平台种菜，现在我们要补充卖菜和买种子的功能，让用户可以在这里实现，种菜->卖菜赚钱->买种子->种菜的闭环，那我们在需求目标里写“推动业务逻辑形成闭环”是不是就比“让用户在产品内形成种菜、再卖菜赚钱，再买种子，再种菜，再卖菜赚钱的循环”要简洁得多？

2. √ 准确传达信息

如果这个“黑话”目的在于准确传达信息，不引发歧义，那么这也是一个好“黑话”。比如说“屏效”，假设你设计的图文信息产品页面行高较大，留白较多，导致一个屏幕内能展示的信息数量较少，领导表示“屏效有点低”就没什么毛病，如果非用白话说“一个手机屏幕内展示的信息数量不够多”那也很容易被抬杠：以什么手机型号为准，多少算多？“屏效”的表述相对来说更严谨一点。又比如说“颗粒度”，假设你要做疫情新闻提醒需求，你画的设计稿是弹出一个弹窗告诉用户“糟糕！又有疫情啦！”，领导表示需要“和产品了解下信息所属地区颗粒度”，这个“颗粒度”的使用也没毛病，因为信息所属地区颗粒度确实会影响到我们的消息提醒设计。如果是所在街道有新疫情，那么用弹窗提醒没问题，但如果是所在省份、国家有了新疫情，那用弹窗提醒是不是太过分了（基本整天都在关弹窗了）。如果不用“颗粒度”表示，那就得表达成“和产品确认下信息所属地区是街道还是区县还是全国”，是不是不如“颗粒度”来得简单全面？

3. ×信息表意不明，模棱两可

这是我日常工作中最经常遇到的“黑话”使用场景，经常发生在需求方也不知道要怎么做或者不确定自己的想法对不对，所以只能和你传达抽象的概念，让你有充分的想象空间，好做出更多的尝试。因为自己也不知道想要的是什么，传达得更宽泛、模棱两可后，无论方案出成什么样都不会打自己的脸。开头的案例就是典型的表意不明的黑话：“撬动私域流量，用矩阵式打法制造可落地的引爆点”。工作中尽量避免自身使用这种方法，遇到脑子清楚的很容易被抓住尾巴反制。当然身为打工人大多时候也无法要求对方表意清晰，不过我们可以用一些沟通方法去获得更多我们需要的信息，下文会提到。

4. ×包装，自以为提升格调

这个比较常见在做汇报工作时，周会、例会、或者年中/年度盘点。常见的就是把一份简单的工作抽象，上升高度再复述一遍。比如，我就遇到过同事，只是做了几个消息弹窗，在汇报时描述成了“系统性打造消息体系，完善与补充消息触达场景，帮助强化产品与用户的互动链路。”说真的，个人认为没必要在这方面卷，如果这种人能在该职场上混得风声水起，那证明这个职场并不务实，在泡沫消散之前，换个地方可能会好一点。

如何应对黑话 讲了这么多如果用好黑话以及避免黑话，那对于那些避免不掉的黑话，我们有什么方法应对它吗？

1. 多问“为什么”

面对一些虚头巴脑的“目标”，追问为什么可以有效阻止许多无意义的工作。例如某舞厂的产品非常喜欢“击穿用户心智”，你可以多问几句为什么？“为什么要击穿用户心智？”“为什么不设计出符合用户心智的产品？”“你认为现在市面上的产品为什么都选择符合用户心智的方案？”“为什么要选择和市面上的产品都不同的方案，我们的产品有什么不同点吗？”连续几个为什么，可以迫使对方重新思考需求的出发点和目标。

2. 拆解，再提问

你也可以拆解对方话语中的模糊点，再细致地进行提问。还是“击穿用户心智”的例子，可以拆解为“击穿”和“心智”两个关键词，那么你就可以围绕这两个关键词进行提问：“你觉得用户心智是什么样的？”“怎么样算击穿了用户心智？”“能举个例子吗？”通过对模糊概念的具体提问，可以帮助对方思考需求的合理性和可落地性。

3. 尝试理解，重申，再明确

你还可以尝试理解对方的意思，或者按照自己对需求的理解表述出来，重新组织语言表达，再和对方确认是否是自己理解的意思。

比如，对方和你说，我们的需求目标是“赋能图文内容”，虽然你不知道对方想说什么，但你可以尝试理解一下，可能对方是想说，让用户更容易接受的信息，比如说图片更大？标题更大？或是正文的颜色更深一点？或是增加特色标签？也可能是想说，让信息更多样化，引入视频、直播内容？可以先做一下简单的理解，然后再重申反问：“我理解这个需求目标是不是希望让用户更容易接受信息，具体可能体现在放大一些信息（图片？标题？），或者补充一些信息（特色标签如 100+万人看过）；还是希望丰富内容形式，比如引入视频、直播？您看看具体是希望朝哪个方向优化呢？”这个时候对方会从你理解 ABC 里选出一个，或者具体地讲讲他的理解了。这样我们就可以把需求目标从一个空洞的概念落实到具体可行的方向上。

常用黑话解义 最后再补充一些日常常用的“黑话”释义吧：

「抓手」原义是指人手可以把持（抓握）的部位，现多指依据、手段、方法、切入点、着力处；

「复盘」通常用于项目或活动结束后，对已经进行的项目进行回顾，对经验和教训进行总结；

「颗粒度」通常用来描述具体程度，颗粒度越细越具体，以时间为例，“1 小时前”比“今天”颗粒度更细；

「背书」品牌为了打造消费信任度，找到各种证据证明所言非虚，即是背书。一般背书包括多种形式：权威人士、权威媒体、权威机构、明星名人、科学测试、热销认证、现身说法、品牌承诺等；

「小步快跑」指微小但高频的调整，往更好的方向发展，与快速优化和迭代的意思相近；

「闭环」闭环即循环，是一种良性循环，由始到终，由终到始。在营销过程中，指从认知、购买、兴趣、忠诚，再从忠诚的分享让更多的人认知；

「屏效」通常指单位屏幕内能展示的信息密度，大多产品都会追求高屏效；

「去中心化/中心化」中心化与去中心化，指的是流量的集中度，中心化指的是极少数机构或群体占据大部分流量，而去中心化是流量的分权化，个体拥有更多的流量。互联网向来是中心化-去中心化-中心化不断反复的过程；

「北极星指标」也叫作第一关键指标(One Metric That Matters)，是指在产品的当前阶段与业务/战略相关的绝对核心指标，一旦确立就像北极星一样闪耀在空中，指引团队向同一个方向迈进（提升这一指标）。

除上述外还有很多“黑话”，但是因为不够普及，各人理解不一，就不在这里逐一下定义了。建议也少用一些容易造成沟通对象产生理解分歧的“黑话”，沟通的意义是达成共识，而不是设立障碍。我们反对的也不是黑话本身，而是利用黑话瞎说空话、过度包装、装腔作势的行为。总之，祝愿我们职场上所遇之人都能好好说话。

欢迎关注作者微信公众号：「白话说交互」

最近看综艺节目，看到了模拟互联网职场的面试里，面试官问了许多 互联网黑话 ，场景还原如下

同为饱受职场黑话摧残的可怜人，今天就来聊一聊“黑话”吧。

设计师 黑话：

设计师如何汇报项目显得高大上？收下这份黑话指南！ 这是一篇有格局的文章，这是一篇娱乐的文章，这是一篇整活儿的文章。

阅读文章 >

聊聊黑话 互联网黑话发展已久，虽不知起源，但猜测最开始可能是由一些专业术语发展开来的，比如“心智”这一词是从心理学的概念迁移到互联网的。在心理学的概念里，它泛指为我们对周遭一切人、事、物的所有的精神活动。“心智模型”最开始是由 Kenneth Craik 在 1943 年所著的《解释的性质（The Nature of Explanation）》一书中提出，后来又由 Alen Cooper 在《交互设计精髓（About Face）》中大篇幅地描述、解释用法。因为《交互设计精髓》是交互人的必读书籍之一，所以“心智”这个词就成了互联网交互设计师永远绕不开的术语。事实上不止交互，几乎每个岗位都有这个岗位的专业术语，比如开发哥常说的“API”“SDK”、视觉/UI 常挂在嘴边的“格式塔”，日常工作中总是绕不开这些专业术语，如果非得解释成大白话又费劲又难以传达正确意思，一句简单的“符合用户心智”就得说成“符合用户在现实世界中对某种事物运作的内在认知历程”，又臭又长，还得琢磨一阵子。

心智模型：

做设计这么久，竟然没听过心智模型？ 今天，我们来聊点不一样的东西。

阅读文章 >

但是过去几年互联网发展得实在是太快了，疯狂卷入了形形色色的人，加上并不是每个岗位都有多年的专业研究产出通用的方法论和行业名词，偶尔就存在一些人可能出于对行业或自身的不自信，才制造出一些晦涩难懂的「名词」来装腔作势、包装自己。就逐渐发明出了一些不为提高沟通的准确度，只为显得自己“专业”的所谓黑话，接着再卷入一些不明所以的人持续发扬光大，才形成了现在这样有话不好好说的互联网黑话风气。网上随便搜就有一堆互联网黑话宝典，甚至某宝上都有互联网黑话的文化 T 恤了。

不只是底层打工仔对于这种风气深恶痛绝，张一鸣在字节跳动 9 周年年会上，也曾批评过这种现象：

上面这段话摘自字节双月会材料，堆砌了一堆复杂的名词，让人听起来不觉明历，理解起来相当费劲，理解完后又觉得空洞无物。

当然，也有一些人认为黑话确实能提高沟通效率，呼吁理性看待互联网黑话。确实，语言只是工具，工具是中性的。黑话产生的本意是团队内沟通方便提高效率，只是有些人把它用成了八股文，啥都往上套，才造成了现在这种人人吐槽的现象。既然不可避免，那我们就尝试判断一下，什么情况下适合使用黑话，什么情况下避免使用黑话，以及如何应对装腔作势的黑话。

怎么说好黑话 前面说到黑话是我们日常沟通中绕不开的，那么我们怎么判断哪些黑话是合理的，哪些是不合理的呢，可以从以下几个方面去思考：

1. √ 提高沟通效率

如果这个“黑话”可以提高沟通效率，那么这就是个好“黑话”。比如说“闭环”，如果我们在做某个互联网种菜产品，用户可以在这个平台种菜，现在我们要补充卖菜和买种子的功能，让用户可以在这里实现，种菜->卖菜赚钱->买种子->种菜的闭环，那我们在需求目标里写“推动业务逻辑形成闭环”是不是就比“让用户在产品内形成种菜、再卖菜赚钱，再买种子，再种菜，再卖菜赚钱的循环”要简洁得多？

2. √ 准确传达信息

如果这个“黑话”目的在于准确传达信息，不引发歧义，那么这也是一个好“黑话”。比如说“屏效”，假设你设计的图文信息产品页面行高较大，留白较多，导致一个屏幕内能展示的信息数量较少，领导表示“屏效有点低”就没什么毛病，如果非用白话说“一个手机屏幕内展示的信息数量不够多”那也很容易被抬杠：以什么手机型号为准，多少算多？“屏效”的表述相对来说更严谨一点。又比如说“颗粒度”，假设你要做疫情新闻提醒需求，你画的设计稿是弹出一个弹窗告诉用户“糟糕！又有疫情啦！”，领导表示需要“和产品了解下信息所属地区颗粒度”，这个“颗粒度”的使用也没毛病，因为信息所属地区颗粒度确实会影响到我们的消息提醒设计。如果是所在街道有新疫情，那么用弹窗提醒没问题，但如果是所在省份、国家有了新疫情，那用弹窗提醒是不是太过分了（基本整天都在关弹窗了）。如果不用“颗粒度”表示，那就得表达成“和产品确认下信息所属地区是街道还是区县还是全国”，是不是不如“颗粒度”来得简单全面？

3. ×信息表意不明，模棱两可

这是我日常工作中最经常遇到的“黑话”使用场景，经常发生在需求方也不知道要怎么做或者不确定自己的想法对不对，所以只能和你传达抽象的概念，让你有充分的想象空间，好做出更多的尝试。因为自己也不知道想要的是什么，传达得更宽泛、模棱两可后，无论方案出成什么样都不会打自己的脸。开头的案例就是典型的表意不明的黑话：“撬动私域流量，用矩阵式打法制造可落地的引爆点”。工作中尽量避免自身使用这种方法，遇到脑子清楚的很容易被抓住尾巴反制。当然身为打工人大多时候也无法要求对方表意清晰，不过我们可以用一些沟通方法去获得更多我们需要的信息，下文会提到。

4. ×包装，自以为提升格调

这个比较常见在做汇报工作时，周会、例会、或者年中/年度盘点。常见的就是把一份简单的工作抽象，上升高度再复述一遍。比如，我就遇到过同事，只是做了几个消息弹窗，在汇报时描述成了“系统性打造消息体系，完善与补充消息触达场景，帮助强化产品与用户的互动链路。”说真的，个人认为没必要在这方面卷，如果这种人能在该职场上混得风声水起，那证明这个职场并不务实，在泡沫消散之前，换个地方可能会好一点。

如何应对黑话 讲了这么多如果用好黑话以及避免黑话，那对于那些避免不掉的黑话，我们有什么方法应对它吗？

1. 多问“为什么”

面对一些虚头巴脑的“目标”，追问为什么可以有效阻止许多无意义的工作。例如某舞厂的产品非常喜欢“击穿用户心智”，你可以多问几句为什么？“为什么要击穿用户心智？”“为什么不设计出符合用户心智的产品？”“你认为现在市面上的产品为什么都选择符合用户心智的方案？”“为什么要选择和市面上的产品都不同的方案，我们的产品有什么不同点吗？”连续几个为什么，可以迫使对方重新思考需求的出发点和目标。

2. 拆解，再提问

你也可以拆解对方话语中的模糊点，再细致地进行提问。还是“击穿用户心智”的例子，可以拆解为“击穿”和“心智”两个关键词，那么你就可以围绕这两个关键词进行提问：“你觉得用户心智是什么样的？”“怎么样算击穿了用户心智？”“能举个例子吗？”通过对模糊概念的具体提问，可以帮助对方思考需求的合理性和可落地性。

3. 尝试理解，重申，再明确

你还可以尝试理解对方的意思，或者按照自己对需求的理解表述出来，重新组织语言表达，再和对方确认是否是自己理解的意思。

比如，对方和你说，我们的需求目标是“赋能图文内容”，虽然你不知道对方想说什么，但你可以尝试理解一下，可能对方是想说，让用户更容易接受的信息，比如说图片更大？标题更大？或是正文的颜色更深一点？或是增加特色标签？也可能是想说，让信息更多样化，引入视频、直播内容？可以先做一下简单的理解，然后再重申反问：“我理解这个需求目标是不是希望让用户更容易接受信息，具体可能体现在放大一些信息（图片？标题？），或者补充一些信息（特色标签如 100+万人看过）；还是希望丰富内容形式，比如引入视频、直播？您看看具体是希望朝哪个方向优化呢？”这个时候对方会从你理解 ABC 里选出一个，或者具体地讲讲他的理解了。这样我们就可以把需求目标从一个空洞的概念落实到具体可行的方向上。

常用黑话解义 最后再补充一些日常常用的“黑话”释义吧：

「抓手」原义是指人手可以把持（抓握）的部位，现多指依据、手段、方法、切入点、着力处；

「复盘」通常用于项目或活动结束后，对已经进行的项目进行回顾，对经验和教训进行总结；

「颗粒度」通常用来描述具体程度，颗粒度越细越具体，以时间为例，“1 小时前”比“今天”颗粒度更细；

「背书」品牌为了打造消费信任度，找到各种证据证明所言非虚，即是背书。一般背书包括多种形式：权威人士、权威媒体、权威机构、明星名人、科学测试、热销认证、现身说法、品牌承诺等；

「小步快跑」指微小但高频的调整，往更好的方向发展，与快速优化和迭代的意思相近；

「闭环」闭环即循环，是一种良性循环，由始到终，由终到始。在营销过程中，指从认知、购买、兴趣、忠诚，再从忠诚的分享让更多的人认知；

「屏效」通常指单位屏幕内能展示的信息密度，大多产品都会追求高屏效；

「去中心化/中心化」中心化与去中心化，指的是流量的集中度，中心化指的是极少数机构或群体占据大部分流量，而去中心化是流量的分权化，个体拥有更多的流量。互联网向来是中心化-去中心化-中心化不断反复的过程；

「北极星指标」也叫作第一关键指标(One Metric That Matters)，是指在产品的当前阶段与业务/战略相关的绝对核心指标，一旦确立就像北极星一样闪耀在空中，指引团队向同一个方向迈进（提升这一指标）。

除上述外还有很多“黑话”，但是因为不够普及，各人理解不一，就不在这里逐一下定义了。建议也少用一些容易造成沟通对象产生理解分歧的“黑话”，沟通的意义是达成共识，而不是设立障碍。我们反对的也不是黑话本身，而是利用黑话瞎说空话、过度包装、装腔作势的行为。总之，祝愿我们职场上所遇之人都能好好说话。

欢迎关注作者微信公众号：「白话说交互」

自媒体正在深刻地影响着每个人的生活，刷抖音、看资讯、看视频成为了大众生活中必不缺少的内容。地铁上、吃饭时、睡觉前，甚至上厕所都会不由自主地打开各种 App。

各大平台都在绞尽脑汁争夺用户的时间，不仅要满足普通大众信息获取的需求，还要吸引用户转变为创作者，为平台创造源源不断的内容。所以平台的用户会群体有 2 种角色——普通用户和内容创作者，相应的平台就需要融入发布功能，方便用户随时随地的发布信息。

发布功能 主要是由发布入口、发布页面和内容编辑器构成，今天的主要内容包括：

入口形式的讨论 发布页面的设计细节 返回页面的问题 更多功能设计：

如何做好搜索设计？我总结了3个原则！ 搜索设计看似简单，展现形式上只有一个输入框和搜索按钮就可以了，但是里面隐藏了很多交互细节。

阅读文章 >

入口形式 发布入口比较简单，通常采用 icon 形式提示用户即可。在布局上存在 3 种形式。

1. 主导航图标入口

我认为这种形式视觉上最醒目，能够给用户最强的提示，功能的优先级最高，保证在不同频道页都可以随时调用发布功能。这也可以看出平台对创作者的重视。知乎、小红书、西瓜视频都采用了这种形式。

知乎 8.0 版本升级中的一项，就是将发布功能从右上角调整到了主导航位置。或许是希望用户不仅仅将产品看作是一种搜索工具，而是希望更多用户参与其中，成为平台内容的贡献者。

图片来源于公众号「体验进阶」

当然这种形式会占据底部导航空间，需要对产品信息架构做出比较合理的组织才可以。

另外在创作的特定节点或特定时刻，入口可以增加引导信息，激发用户的创作欲望。例如小红书的冒泡引导信息。

2. 右上角的图标入口

右上角的发布图标也是一种较为常见的入口形式。这种形式更加灵活，既可以成为框架层面的功能，也可以固定在某一页面中。

例如今日头条的发布功能就处在框架层面，在各个内容频道都可以随时发布内容。而空出来的主导航位置，作为运营活动位可以灵活植入各种活动。目前春节期间推出的就是集福卡活动。

为了提高入口的可识别性，今日头条采用了图标与名称结合的方式，更加明确地告知用户“功能是什么”。

脉脉的发布功能 icon 也是经过多轮变化，图标形式经历了“笔”、“纸飞机”，最终演变成了现在的“加号”。为了能够更好地引起用户关注，图标特意做了加大处理。

3. 页面悬浮图标

悬浮图标只是作为特定页面的扩展功能，通常放置在页面右下角。例如豆瓣、雪球的发帖功能。这种设计或许只是权宜之计，多多少少会影响普通用户日常浏览需求。某些场景下还会与运营活动位相冲突。

发布页面的设计 发布页面更偏向于实用主义，主要解决用户“发什么”和“如何发”的问题。

1. 发布什么内容

自媒体平台的内容包括了图片、文字、视频、文章等形式。

微博采用扩展菜单的形式展示发布内容分类。用户选择后，即可进入对应的内容编辑页面。

而更多的产品选择了底部浮层的形式，这种方式可以承载更多的信息内容，从而引导用户参与到平台活动中。例如今日头条融入了“打卡挑战赛”、“邀请你参与讨论”等内容。知乎中也增加了“创作活动”、“创作灵感”等内容。帮助创作者了解热点，在一定程度上解决用户“发什么”的问题。

另外浮层可以通过布局更好的将信息分层，例如头条将更多的空间留给了微头条。知乎则突出了回答问题和提出问题。通过低门槛的功能，吸引用户成为平台创作者。

2. 如何发布内容

很多时候没有明确主题的问题反而更难写答案，例如调查问卷中的开放性问题，如非必须，我从来不填。同样用户发布信息时，可能只是有一个想法，需要去组织语言，所以需要增加一些引导信息或者技巧性提示，降低用户的思考成本。

另外就是对于文字输入的场景，直接拉起输入键盘，也是减少用户操作的规定性设计。

这些细节都可以带给用户更好体验。

返回页面的设计问题 在信息编辑页面，取消操作后，应该返回到哪个页面呢？

今日头条等产品会提示保存信息后，直接跳离发布页面。而知乎取消操作后，会自动保存编辑的信息，返回到发布页面，保留用户继续发布内容的机会。

知乎返回到发布功能页面

我猜测这是两种不同的设计观点造成的。

一种观点认为，用户既然选择了内容发布，是有了比较明确的发布动机。中途停止了信息发布，很大可能不会立刻再次发布内容。

另一种观点则认为，用户有多种发布信息需求，中断了某个 信息发布 ，并不代表不再继续其他内容的发布，并且发布页面中的拓展信息，或许有助于激发用户新的发布动机，所以将退出的选择权交给了用户。

大家是怎么看待返回问题的呢？欢迎评论区留言交流~

欢迎关注作者微信公众号：「子牧UXD」

前言 无论是在生活场景还是工作场景，文案都是我们沟通的重要桥梁。

B 端的设计体系，包含设计价值观、设计原则、设计模式、组件库、样式指南等。文案则属于设计模式的一个重要组成部分。

阿里设计师出品！B端产品文案指南 说明： 本文主要面向 B 类业务、简体中文语境，提供实操性指南； 行业内约定俗成的常用语建议沿用，可以不依照这里的建议； 本文所指的文案不包含营销推广类文案。

阅读文章 >

文案策略的重要性 文案在不同的业务场景中都扮演着愈发重要的作用。精准、清晰的言语会让用户更容易理解，合适的文案可以让用户在每一次体验中感到顺畅、愉悦，正确的语气会更容易在沟通中建立信任，严谨的文案又能让用户感受到网站的专业性。

本文分析了国内主流的设计系统，分别从用户理解的角度和平台统一两个角度，讲解 B 端产品文案的选择和应用。

1. 从用户角度

希望在和用户达成一个简单、能理解、好沟通的状态。而不是在和一个冰冷的“人工智障”对话 。这里强调用户对系统的接受程度。主要从清晰、准确、精简、一致 4 个维度进行分析。

2. 从平台的角度

提供给用户一个专业的系统，让用户可以信赖，进而愿意去使用。试想一下，如果你提供给用户一个学习工具平台，但是你的系统里频频出现错别字，就这一个小细节，作为用户的你还愿意继续在这里付费学习吗？是不是会显得非常不专业呢？

所以从平台的角度希望塑造一种专业的、值得信赖的品牌形象。重点从符合语法、合理的语气、标准词汇 3 个维度进行分析。

从用户理解的角度 1. 清晰

01. 表达清晰。减少理解成本，直接了当，使用熟悉的语言，避免太过专业晦涩难懂的词汇；

02.视觉层次清晰。巧用标题，重要的信息放在显著的位置，建立视觉层次；

03.影响范围清晰。告知用户操作的重要性， 说明操作将对用户的影响，或者是在报错的时候给出用户，下一步操作的具体建议；

2. 一致

01. 产品用词一致。表述功能名称、术语、概念名词统一。防止用词偏差，增加用户的理解成本。

02.语法一致。上下文的语法、语序要一致。不使用被动语句，简化表达，便于用户理解。这里推荐“动词在前，宾语在后”的动宾结构。用户作为主语的主动态，与用户直接关联，能调动其情绪，更容易接受信息。

03.标点符号一致。一般情况下，有逗号就应该有句号或对应的结尾。在标题，短语中只允许有逗号。注意句尾慎用“～”“！” 全局提示属于短语，结尾不需要使用标点符号。

3. 精简

01. 用词精简单，避免啰嗦。过多的细节容易引起用户的反感，仅传递关键信息，省略无用的词汇，让用户专注高效的完成任务。

02.描述精简，目标导向。文案必须指向用户强相关的内容，而非过程中执行的动作。仅需说清楚对用户的直接影响即可。

平台统一的角度 1. 准确

01. 信息指代准确。尽量不要在一个句式中同时使用“你”“我”两个人称代词。

02. 避免错别字。这个就不细说了，再不行百度一下，心里有点数吧。

03. 表意准确。保证用户能看得懂，不会产生歧义，不要为了减字段而减字段，对 B 端系统讲清楚通常比好看更重要。

2. 语调

01. 拉近距离，平等沟通。没有明确指向的时候，直接使用“你”和“我”，与用户建立亲密感，，避免使用您。（当然如果是一些特殊场景，为了显示尊贵感，可以使用“您”，如：银行、尊贵 VIP/信息安全场景等）。

02. 友好尊重，不要责备。多给用户支持和鼓励，不要命令和强迫用户。专注于解决问题，而不是指责。

03.避免极端表述。作为平台要具有严谨性，避免使用“绝对”“一定”“最”等太过极端的句式，慎用感叹号；避免使用网络语言或口语化的表达，。

3. 标准写法

数字的文案规范。

统计数据推荐使用阿拉伯数字，用户对于数字的感知速度更快，注意阿拉伯数字前后需要加空格，便于阅读。如：你有 3 条未接电话、高 30 米、8341 部队等。

涉及到数字的专有名词、具有修饰色彩的数字语素使用汉字。如：三叶草、二氧化碳、第一季度、第一次等。

某些敏感的场景需要进行数字脱敏。根据具体的业务场景选择部分脱敏或全部脱敏。

时间的标准格式。

日期格式，如：“2019-12-08” 。

日期范围，如：“ 2018-12-08～2019-12-07”。

时间格式，二十四小时制，如：“14:08:00” ；十二小时制，如：“2:08:00 PM | 2:08:00 AM”。

标准格式：日期与时间连在一起时，两者之间用「空格」隔开，如：“2019-12-08 06:00:00”。

货币单位标准写法。

表现货币时要用阿拉伯数字，如：1 分钱、500 美元。

千分符使用，一般数据不需使用千分符，在数据、资产、财务等以数据为主的业务模块中应使用千分符。如：“123,220”

英文名词遵循专有写法。

如：IOS、Android、PC、Web、Pad、Phone、App、SaaS、ERP、VIP 等。

当文字和英文字母混排时，需要加上空格，如：IOS 规范。

感谢阅读

参考

https://qq.design/design/Foundation/Writing/ https://design.aliyun.com/guideline?menuKey=writing https://ant.design/docs/spec/data-format-cn 欢迎关注作者微信公众号：「求职帮er」

前言 无论是在生活场景还是工作场景，文案都是我们沟通的重要桥梁。

B 端的设计体系，包含设计价值观、设计原则、设计模式、组件库、样式指南等。文案则属于设计模式的一个重要组成部分。

阿里设计师出品！B端产品文案指南 说明： 本文主要面向 B 类业务、简体中文语境，提供实操性指南； 行业内约定俗成的常用语建议沿用，可以不依照这里的建议； 本文所指的文案不包含营销推广类文案。

阅读文章 >

文案策略的重要性 文案在不同的业务场景中都扮演着愈发重要的作用。精准、清晰的言语会让用户更容易理解，合适的文案可以让用户在每一次体验中感到顺畅、愉悦，正确的语气会更容易在沟通中建立信任，严谨的文案又能让用户感受到网站的专业性。

本文分析了国内主流的设计系统，分别从用户理解的角度和平台统一两个角度，讲解 B 端产品文案的选择和应用。

1. 从用户角度

希望在和用户达成一个简单、能理解、好沟通的状态。而不是在和一个冰冷的“人工智障”对话 。这里强调用户对系统的接受程度。主要从清晰、准确、精简、一致 4 个维度进行分析。

2. 从平台的角度

提供给用户一个专业的系统，让用户可以信赖，进而愿意去使用。试想一下，如果你提供给用户一个学习工具平台，但是你的系统里频频出现错别字，就这一个小细节，作为用户的你还愿意继续在这里付费学习吗？是不是会显得非常不专业呢？

所以从平台的角度希望塑造一种专业的、值得信赖的品牌形象。重点从符合语法、合理的语气、标准词汇 3 个维度进行分析。

从用户理解的角度 1. 清晰

01. 表达清晰。减少理解成本，直接了当，使用熟悉的语言，避免太过专业晦涩难懂的词汇；

02.视觉层次清晰。巧用标题，重要的信息放在显著的位置，建立视觉层次；

03.影响范围清晰。告知用户操作的重要性， 说明操作将对用户的影响，或者是在报错的时候给出用户，下一步操作的具体建议；

2. 一致

01. 产品用词一致。表述功能名称、术语、概念名词统一。防止用词偏差，增加用户的理解成本。

02.语法一致。上下文的语法、语序要一致。不使用被动语句，简化表达，便于用户理解。这里推荐“动词在前，宾语在后”的动宾结构。用户作为主语的主动态，与用户直接关联，能调动其情绪，更容易接受信息。

03.标点符号一致。一般情况下，有逗号就应该有句号或对应的结尾。在标题，短语中只允许有逗号。注意句尾慎用“～”“！” 全局提示属于短语，结尾不需要使用标点符号。

3. 精简

01. 用词精简单，避免啰嗦。过多的细节容易引起用户的反感，仅传递关键信息，省略无用的词汇，让用户专注高效的完成任务。

02.描述精简，目标导向。文案必须指向用户强相关的内容，而非过程中执行的动作。仅需说清楚对用户的直接影响即可。

平台统一的角度 1. 准确

01. 信息指代准确。尽量不要在一个句式中同时使用“你”“我”两个人称代词。

02. 避免错别字。这个就不细说了，再不行百度一下，心里有点数吧。

03. 表意准确。保证用户能看得懂，不会产生歧义，不要为了减字段而减字段，对 B 端系统讲清楚通常比好看更重要。

2. 语调

01. 拉近距离，平等沟通。没有明确指向的时候，直接使用“你”和“我”，与用户建立亲密感，，避免使用您。（当然如果是一些特殊场景，为了显示尊贵感，可以使用“您”，如：银行、尊贵 VIP/信息安全场景等）。

02. 友好尊重，不要责备。多给用户支持和鼓励，不要命令和强迫用户。专注于解决问题，而不是指责。

03.避免极端表述。作为平台要具有严谨性，避免使用“绝对”“一定”“最”等太过极端的句式，慎用感叹号；避免使用网络语言或口语化的表达，。

3. 标准写法

数字的文案规范。

统计数据推荐使用阿拉伯数字，用户对于数字的感知速度更快，注意阿拉伯数字前后需要加空格，便于阅读。如：你有 3 条未接电话、高 30 米、8341 部队等。

涉及到数字的专有名词、具有修饰色彩的数字语素使用汉字。如：三叶草、二氧化碳、第一季度、第一次等。

某些敏感的场景需要进行数字脱敏。根据具体的业务场景选择部分脱敏或全部脱敏。

时间的标准格式。

日期格式，如：“2019-12-08” 。

日期范围，如：“ 2018-12-08～2019-12-07”。

时间格式，二十四小时制，如：“14:08:00” ；十二小时制，如：“2:08:00 PM | 2:08:00 AM”。

标准格式：日期与时间连在一起时，两者之间用「空格」隔开，如：“2019-12-08 06:00:00”。

货币单位标准写法。

表现货币时要用阿拉伯数字，如：1 分钱、500 美元。

千分符使用，一般数据不需使用千分符，在数据、资产、财务等以数据为主的业务模块中应使用千分符。如：“123,220”

英文名词遵循专有写法。

如：IOS、Android、PC、Web、Pad、Phone、App、SaaS、ERP、VIP 等。

当文字和英文字母混排时，需要加上空格，如：IOS 规范。

感谢阅读

参考

https://qq.design/design/Foundation/Writing/ https://design.aliyun.com/guideline?menuKey=writing https://ant.design/docs/spec/data-format-cn 欢迎关注作者微信公众号：「求职帮er」