首先，设计是没有办法“速成”的。如果真的有人速成了，那一定是假象。所以，我们对待自己的成长要有耐心才行。

首先，设计是没有办法“速成”的。如果真的有人速成了，那一定是假象。所以，我们对待自己的成长要有耐心才行。

本文所讲的，不是那种自媒体话语环境中那种的“7 天速成”、“培训 1 月拿高薪”之类。我想说的是，设计新人如何在刚参加工作的 3-5 年内，获得较为快速的职业成长，或者说打好一个快速成长的职业基础。

因为我看到很多设计师，因为各种各样的原因成长速度比较慢。做到大概 P5 的能力后，即便继续死磕下去，也很难突破瓶颈获得下一步的进阶。我在设计领域十几年职场观察中，看到过很多这样的案例。

所以本文简要整理了我对这个问题的相关思考，形成了几点建议，相信会对设计新人有所帮助。

成为一位优秀的设计师，需要在走出校园参加工作的 3-5 年内，依次完成以下三步。

更多成长干货：

设计师快速成长有哪些秘诀？我总结了这2个步骤！ 编者按：自学设计时有哪些方法可以帮你飞速进步？

阅读文章 >

Step1. 把设计基础打结实 在校期间认真把设计基础打牢。基础分为两部分，一个是专业基础，一个是设计思维基础。

专业基础：

目前高校的设计专业是以设计媒介来划分的，如果学的是视觉传达，那么就好好研究练习一下平面设计基础，点线面构成、色彩搭配控制、板式设计、字体设计、材质把握、画面构图与整体效果的把握等等，尽可能的多看、多学、多练。

思维基础：

建立一个正确的设计认知，设计即沟通。设计不是为了设计师的自我炫技和耍帅，设计是为了服务雇主的设计目标。为了实现设计目标，我们才需要调动我们的浑身解数与毕生所学。

建立好的专业基础才能让自己在以后的工作中走的快一些，建立好的设计思维基础才能让自己在未来的工作中走的远一些。

Step2. 进入一个好的设计环境，拿到一些好项目 做，是最好的学。但并不是做任何项目都对自己的成长有利。有些垃圾项目，做多了会让自己的设计越做越烂。

谨慎选择自己的第一份工作，进入到一个好的成长环境，接触到一些好的设计项目锻炼机会，与优秀的设计师共事，才有可能获得好的成长。

设计师在工作前 3 年应该更侧重专业能力的提升，所以做选择的时候应该尽量选择一个好的专业成长环境。

同样的一颗盆栽，养在不同的土壤和光线条件下，生长状态完全不同。

原研哉 25 岁毕业后进入到的第一家公司是高田修地设计事务所，高田修地（新丑风高田唯的爹）也是一名非常优秀的设计师。庵野秀明能够创作《新世纪福音战士》，也是因为他曾经有在《超时空要塞》、《风之谷》等牛逼项目的锻炼和成长机会。

所以，在项目中锻炼自己，在牛逼的项目中才有机会锻炼出牛逼的自己，在傻 X 的项目中可能更大概率只能锻炼出傻 X 的自己。

好的成长环境在信息环境、思维环境、项目环境三个方面都应该是好的，这三个方面分别影响一名设计师的视野、思维和行动力的发展。

1. 信息环境

我们能够看到什么决定了我们可以想到什么，我们可以想到什么决定了我们可以做出什么。我们把能够看到、听到、感受到的东西可以统称为信息输入，这种信息输入来自你所在的行业、公司、团队的视角和视野。设计师需要持续、高频次、多元的信息输入，才有可能刺激设计师大脑的第二次发育。

2. 思维环境

思维环境，是指你所在的团队/公司里，大家都是怎么思考问题的。大家思考问题的方式会相互影响，最后形成一种思维环境，一种认知和处理问题的统一方式。

可能你会觉得思考是个主观的东西，跟选择在哪工作关系不大。但实际上工作几年我们会发现，在不同工作环境工作的人，他们大脑里思考的问题会不一样，思考的方式方法也不一样，更重要的，思维习惯也不一样。设计师在第一份工作需要养成好的思维习惯，懂得好的思考方式，懂得如何独立的做设计批判（Design Critique）。才有可能对上面第一条里拿到的信息进行有价值的思考和加工，才能够加速我们的专业成长和职业发展。

3. 项目环境

这是最显性的。最好的学习是实践，设计师在第一份工作中能够进入到的项目，能够独立处理的 case，这些情况直接影响到了设计师的发展速度。如果工作第一年时间一直在给别人打杂，没有机会独立做项目的话，这是对自己年轻大脑的实力辜负。这三个方面是相辅相成的，如果都有迅速提升，相信作为一个设计师的洞察力也会有所提升。

关于这第二点，我个人的工作经历恰恰是一个很好的反面教材。

可能在学校时接私活相对比较顺，我在毕业时选择了做一名自由职业者。在专业方面，更多的是依靠自己个人的学习能力和悟性来成长。作为自由职业者需要很强的自我管理能力，这方面我做的并不好。并且几年之后因为收入压力再重新进入职场时，会有一种从零开始、重新来过的感觉。

所以不建议大家一毕业就做 freelancer，除非你的作品已经在网络上得到了认可，并且积累了一定的人脉资源。

Step3. 养成好的职业习惯 我觉得作为一名设计师，应该培养以下几个职业习惯：

1. 保持思维上的勤奋

很多设计方案需要在客户或老板觉得已经 OK 的基础上再进一步思考，即便已经没时间再去改进。

我们最终交付的设计方案很多时候都是一个折中的相对合理的方案，并不完美。这是正常的，但是设计的过程并不应该就此结束。再多想一点更多的可能性，即便工作中没有时间继续改进实施，但在自己脑袋里面可以做很多工作。可能很快就在下个设计任务中有机会实现你的新想法。

2. 与”烂设计”要保持距离

我们每天都被不好的设计包围着，对烂设计不能容忍或者习惯接受，要爱憎分明才好。这样可以让自己持续有一个好的设计价值观。

我们生活工作中每天都要接触和使用很多设计产品，我们不能因为烂设计遍地都是，就觉得烂的东西也是合理的，甚至觉得也可以模仿或者借鉴。

3. 让行动力成为一种习惯

设计的过程是一个行动的过程，在动手的过程中去改进，在一版一版的 demo 中去提升，如果可以把“共情——定义——创想——原型——测试——改进”这样的设计流程强化到自己的行为习惯中，那么自然而然就会形成一种强大的设计行动力。

4. 保持开阔的视野

你能看到什么，决定你能做什么。

设计是一门综合学科。充足的知识和技能补给，多元的信息刺激，才会刺激有设计灵感的产生。

5. 习惯休息，不要透支自己的身体

长期在疲惫状态中做设计，最终只会把自己的才能挥霍掉。

设计过程是一个高频脑力消耗的过程，不要持续透支自己，习惯休息，并且要不断强化自己的体能。

更科学的管理自己的时间和作息，不熬夜完全也可以做到高效输出。认真、努力生活，会获得更多的能量，来支持你的设计工作。

以上，关注我，一起加油！Design，and getting more.

欢迎关注作者微信公众号：「柴林的设计笔记」

首先，设计是没有办法“速成”的。如果真的有人速成了，那一定是假象。所以，我们对待自己的成长要有耐心才行。

首先，设计是没有办法“速成”的。如果真的有人速成了，那一定是假象。所以，我们对待自己的成长要有耐心才行。

本文所讲的，不是那种自媒体话语环境中那种的“7 天速成”、“培训 1 月拿高薪”之类。我想说的是，设计新人如何在刚参加工作的 3-5 年内，获得较为快速的职业成长，或者说打好一个快速成长的职业基础。

因为我看到很多设计师，因为各种各样的原因成长速度比较慢。做到大概 P5 的能力后，即便继续死磕下去，也很难突破瓶颈获得下一步的进阶。我在设计领域十几年职场观察中，看到过很多这样的案例。

所以本文简要整理了我对这个问题的相关思考，形成了几点建议，相信会对设计新人有所帮助。

成为一位优秀的设计师，需要在走出校园参加工作的 3-5 年内，依次完成以下三步。

更多成长干货：

设计师快速成长有哪些秘诀？我总结了这2个步骤！ 编者按：自学设计时有哪些方法可以帮你飞速进步？

阅读文章 >

Step1. 把设计基础打结实 在校期间认真把设计基础打牢。基础分为两部分，一个是专业基础，一个是设计思维基础。

专业基础：

目前高校的设计专业是以设计媒介来划分的，如果学的是视觉传达，那么就好好研究练习一下平面设计基础，点线面构成、色彩搭配控制、板式设计、字体设计、材质把握、画面构图与整体效果的把握等等，尽可能的多看、多学、多练。

思维基础：

建立一个正确的设计认知，设计即沟通。设计不是为了设计师的自我炫技和耍帅，设计是为了服务雇主的设计目标。为了实现设计目标，我们才需要调动我们的浑身解数与毕生所学。

建立好的专业基础才能让自己在以后的工作中走的快一些，建立好的设计思维基础才能让自己在未来的工作中走的远一些。

Step2. 进入一个好的设计环境，拿到一些好项目 做，是最好的学。但并不是做任何项目都对自己的成长有利。有些垃圾项目，做多了会让自己的设计越做越烂。

谨慎选择自己的第一份工作，进入到一个好的成长环境，接触到一些好的设计项目锻炼机会，与优秀的设计师共事，才有可能获得好的成长。

设计师在工作前 3 年应该更侧重专业能力的提升，所以做选择的时候应该尽量选择一个好的专业成长环境。

同样的一颗盆栽，养在不同的土壤和光线条件下，生长状态完全不同。

原研哉 25 岁毕业后进入到的第一家公司是高田修地设计事务所，高田修地（新丑风高田唯的爹）也是一名非常优秀的设计师。庵野秀明能够创作《新世纪福音战士》，也是因为他曾经有在《超时空要塞》、《风之谷》等牛逼项目的锻炼和成长机会。

所以，在项目中锻炼自己，在牛逼的项目中才有机会锻炼出牛逼的自己，在傻 X 的项目中可能更大概率只能锻炼出傻 X 的自己。

好的成长环境在信息环境、思维环境、项目环境三个方面都应该是好的，这三个方面分别影响一名设计师的视野、思维和行动力的发展。

1. 信息环境

我们能够看到什么决定了我们可以想到什么，我们可以想到什么决定了我们可以做出什么。我们把能够看到、听到、感受到的东西可以统称为信息输入，这种信息输入来自你所在的行业、公司、团队的视角和视野。设计师需要持续、高频次、多元的信息输入，才有可能刺激设计师大脑的第二次发育。

2. 思维环境

思维环境，是指你所在的团队/公司里，大家都是怎么思考问题的。大家思考问题的方式会相互影响，最后形成一种思维环境，一种认知和处理问题的统一方式。

可能你会觉得思考是个主观的东西，跟选择在哪工作关系不大。但实际上工作几年我们会发现，在不同工作环境工作的人，他们大脑里思考的问题会不一样，思考的方式方法也不一样，更重要的，思维习惯也不一样。设计师在第一份工作需要养成好的思维习惯，懂得好的思考方式，懂得如何独立的做设计批判（Design Critique）。才有可能对上面第一条里拿到的信息进行有价值的思考和加工，才能够加速我们的专业成长和职业发展。

3. 项目环境

这是最显性的。最好的学习是实践，设计师在第一份工作中能够进入到的项目，能够独立处理的 case，这些情况直接影响到了设计师的发展速度。如果工作第一年时间一直在给别人打杂，没有机会独立做项目的话，这是对自己年轻大脑的实力辜负。这三个方面是相辅相成的，如果都有迅速提升，相信作为一个设计师的洞察力也会有所提升。

关于这第二点，我个人的工作经历恰恰是一个很好的反面教材。

可能在学校时接私活相对比较顺，我在毕业时选择了做一名自由职业者。在专业方面，更多的是依靠自己个人的学习能力和悟性来成长。作为自由职业者需要很强的自我管理能力，这方面我做的并不好。并且几年之后因为收入压力再重新进入职场时，会有一种从零开始、重新来过的感觉。

所以不建议大家一毕业就做 freelancer，除非你的作品已经在网络上得到了认可，并且积累了一定的人脉资源。

Step3. 养成好的职业习惯 我觉得作为一名设计师，应该培养以下几个职业习惯：

1. 保持思维上的勤奋

很多设计方案需要在客户或老板觉得已经 OK 的基础上再进一步思考，即便已经没时间再去改进。

我们最终交付的设计方案很多时候都是一个折中的相对合理的方案，并不完美。这是正常的，但是设计的过程并不应该就此结束。再多想一点更多的可能性，即便工作中没有时间继续改进实施，但在自己脑袋里面可以做很多工作。可能很快就在下个设计任务中有机会实现你的新想法。

2. 与”烂设计”要保持距离

我们每天都被不好的设计包围着，对烂设计不能容忍或者习惯接受，要爱憎分明才好。这样可以让自己持续有一个好的设计价值观。

我们生活工作中每天都要接触和使用很多设计产品，我们不能因为烂设计遍地都是，就觉得烂的东西也是合理的，甚至觉得也可以模仿或者借鉴。

3. 让行动力成为一种习惯

设计的过程是一个行动的过程，在动手的过程中去改进，在一版一版的 demo 中去提升，如果可以把“共情——定义——创想——原型——测试——改进”这样的设计流程强化到自己的行为习惯中，那么自然而然就会形成一种强大的设计行动力。

4. 保持开阔的视野

你能看到什么，决定你能做什么。

设计是一门综合学科。充足的知识和技能补给，多元的信息刺激，才会刺激有设计灵感的产生。

5. 习惯休息，不要透支自己的身体

长期在疲惫状态中做设计，最终只会把自己的才能挥霍掉。

设计过程是一个高频脑力消耗的过程，不要持续透支自己，习惯休息，并且要不断强化自己的体能。

更科学的管理自己的时间和作息，不熬夜完全也可以做到高效输出。认真、努力生活，会获得更多的能量，来支持你的设计工作。

以上，关注我，一起加油！Design，and getting more.

欢迎关注作者微信公众号：「柴林的设计笔记」

大家好我是态爷，上色是很多同学在学习插画过程中觉得比较难的一部分，今天就和大家分享我的上色思路。我会用例子详细展示如何为一张自然场景的插画上色。往期教程：大神总结！

大家好我是态爷，上色是很多同学在学习插画过程中觉得比较难的一部分，今天就和大家分享我的上色思路。我会用例子详细展示如何为一张自然场景的 插画上色 。

往期教程：

大神总结！学插画必知的6种构图小技巧 构图决定了整体画面的基调，是绘画的一个关键知识点。

阅读文章 >

先看一下成品图：

这张插画的草图是我之前练习构图的时候画的，比较粗糙，先细化一下。

1. 铺底色

草图细化完成，接下来是找参考图。参考图的作用是在动笔前对整个画面的构图、造型、色调有一个大概的心理预期。这一步非常重要，不能省略，没有参考图我宁可不动笔。我想画一个蓝天白云下的大草地，有飞机单车，远处还有点雪山，参考图也按这个方向找。

通过参考图，我得到了一组基础配色，这一步需要注意的是不要用吸色的方式找颜色。照片的颜色是由一堆杂乱的像素混合而成的，而不同照片的颜色混合也是不一样的。吸色只能吸到一个独立像素点，而不是一个整体的颜色，更谈不上色彩之间的搭配。要用眼睛去看，拿画笔的是人，不是电脑。

接下来是进一步确定配色比例。这里有一个比较通用的配色公式「60＋30＋10」，大体分为 2 种：

60％背景色＋30％主角＆配角色＋10％点缀色 60％主体色＋30％次级色＋10％辅助色 这个公式可以根据你自己的情况来调整，比如 70＋25＋5，或 60＋35＋5；而且配色公式不是绝对的，只是辅助手段，不要陷入到教条主义中。

在这个画面里，飞机是绝对的主角，所以用大片的蓝天来做衬托；草地的绿色饱和度不能高，绿色不能太纯，否则就抢戏；背景群山混合了更多天空的环境色，整体压成深蓝色，这样背景就能统一成一个蓝色调，然后通过“蓝色—绿色—黄色”的近似色渐变逐渐延展到前景来。

提升完善人物的固有色和明暗划分。除了飞机的黄色，其他所有颜色都是低对比度低饱和度，比如骑自行车的人，衣服的颜色基本是直接从背景中提出来的，仅靠自行车和 T 恤的黑以及清晰的外轮廓与背景作分离。

然后是背景的初步细化，这一步基本确定背景的层次和颜色。场景的层次变化是很丰富的，可以通过明暗对比、色彩对比、塑造程度、清晰度等的递增递减来表现从远到近的空间感。

2. 背景细化

接下来开始细化。我的习惯是先从最远处画起，然后逐渐往前推。这样的好处是可以无脑推空间。

按塑造程度从 1-10 来说，前景是 9 或 10，那么背景就是 1 或 2。这样就可以很轻松的确定画面内元素的造程度，从而搭建整个空间。这样做的前提必须是对整个画面有了一个明确的思路，并且铺好底色。

在这一步的时候，前面找的参考图就全都派上用场了，对着画就完事了。不过在画着的时候记着当时的部分塑造程度是多少，环境色和固有色的比例是多少，让空间意识一直扎根在脑海中。

然后是远山的细化。如前面说到的，空间远处的色彩对比度要低才能来开视觉层次。低对比度下的明暗，尽量统一在一个色系里，远处的山甚至都可以不用暖色，直接蓝色偏点紫取个低饱和度，在大色调的对比下可以直接给山地脑补一层棕色。画水下的人物也可以用这个方法。

前景草坡的地面虽说层次最丰富塑造最完整，却也不用一根一根草去画出来。只需要把基底颜色做丰富了，加点土块石头，然后在色阶之间加几根冒头的草。就像画头发一样，靠的不是发丝，而是基础的层次。

3. 主体细化

我在画画的时候习惯把图层整理的比较有条理，最上面是线，接着是明暗，最底下是用来做剪辑蒙版的底色，中间是根据颜色或部位分的固有色。

在进行单个部位的塑造时，我可以直接给图层加个 ALPHA 锁定，改起颜色来也很快，后期维护起来特别简便。骑单车的人不是主角，所以只需要在明暗的基础上加一到两个色阶就可以了。图层的分法还是得按画风来定，比如厚涂，我可能就直接一两个图层完事了。

飞机的处理也是同理。虽然线和固有色已经分的很清晰了，也不能忘了空间二字。我给下方机翼的暗部加重了颜色，再加一个较强的反光，然后减弱了上方机翼的颜色，这样上机翼-机身-下机翼的空间就能分出来了。

到这一步，整个画面就都完成了。

4. 整体调色

画完之后，我一般会进行一个简单的调色。调色的目的一个是统一色调，再则对整体颜色进行一次大的倾向调整。一般是在图层上方新建一个调整图层，用的是「可选颜色」。先对背景进行一个简单的调整，把暖色部分加一些饱和度，再把绿色往冷了调，目的是让背景色调高度统一，以及进一步突出飞机的黄色。

然后是画面整体的一个调整。先用「曲线工具」调整了一下黑白的色阶，再用「可选颜色」让整体暗部偏蓝；然后提亮了黄色部分的明度，再减一点点饱和度，因为暖色饱和度太高容易焦躁；

最后再新建一个图层加一点杂色，用「颜色加深」叠上去，为画面增添质感。

最后请@麦点盛世刘辉 帮我配了字，完工。以上就是我日常上色的过程分享，希望对正在学习插画的同学们有帮助。

「关注我」

优设 账号： https://www.uisdc.com/u/87222/publish/post 微博账号： https://weibo.com/u/6517085292 站酷账号： https://www.zcool.com.cn/u/16953096 优设大课堂课程： https://xue.uisdc.com/teacher?id=5f35175002a5853cf70fc51d 推荐阅读：

优设专访插画师态爷：画完100张电影海报后，我终于学会怎么做好一碗蛋炒饭 大家好，这里是和你们聊设计的花生~ 最近非常幸运，有了一次专访插画师态爷的机会。

阅读文章 >

听说你不会打光？高手总结了8种常见的打光方法 本文梳理了8个常见的打光方式，结合清晰的手绘图例，让知识点一目了然。

阅读文章 >

大家好我是态爷，上色是很多同学在学习插画过程中觉得比较难的一部分，今天就和大家分享我的上色思路。我会用例子详细展示如何为一张自然场景的插画上色。往期教程：大神总结！

大家好我是态爷，上色是很多同学在学习插画过程中觉得比较难的一部分，今天就和大家分享我的上色思路。我会用例子详细展示如何为一张自然场景的 插画上色 。

往期教程：

大神总结！学插画必知的6种构图小技巧 构图决定了整体画面的基调，是绘画的一个关键知识点。

阅读文章 >

先看一下成品图：

这张插画的草图是我之前练习构图的时候画的，比较粗糙，先细化一下。

1. 铺底色

草图细化完成，接下来是找参考图。参考图的作用是在动笔前对整个画面的构图、造型、色调有一个大概的心理预期。这一步非常重要，不能省略，没有参考图我宁可不动笔。我想画一个蓝天白云下的大草地，有飞机单车，远处还有点雪山，参考图也按这个方向找。

通过参考图，我得到了一组基础配色，这一步需要注意的是不要用吸色的方式找颜色。照片的颜色是由一堆杂乱的像素混合而成的，而不同照片的颜色混合也是不一样的。吸色只能吸到一个独立像素点，而不是一个整体的颜色，更谈不上色彩之间的搭配。要用眼睛去看，拿画笔的是人，不是电脑。

接下来是进一步确定配色比例。这里有一个比较通用的配色公式「60＋30＋10」，大体分为 2 种：

60％背景色＋30％主角＆配角色＋10％点缀色 60％主体色＋30％次级色＋10％辅助色 这个公式可以根据你自己的情况来调整，比如 70＋25＋5，或 60＋35＋5；而且配色公式不是绝对的，只是辅助手段，不要陷入到教条主义中。

在这个画面里，飞机是绝对的主角，所以用大片的蓝天来做衬托；草地的绿色饱和度不能高，绿色不能太纯，否则就抢戏；背景群山混合了更多天空的环境色，整体压成深蓝色，这样背景就能统一成一个蓝色调，然后通过“蓝色—绿色—黄色”的近似色渐变逐渐延展到前景来。

提升完善人物的固有色和明暗划分。除了飞机的黄色，其他所有颜色都是低对比度低饱和度，比如骑自行车的人，衣服的颜色基本是直接从背景中提出来的，仅靠自行车和 T 恤的黑以及清晰的外轮廓与背景作分离。

然后是背景的初步细化，这一步基本确定背景的层次和颜色。场景的层次变化是很丰富的，可以通过明暗对比、色彩对比、塑造程度、清晰度等的递增递减来表现从远到近的空间感。

2. 背景细化

接下来开始细化。我的习惯是先从最远处画起，然后逐渐往前推。这样的好处是可以无脑推空间。

按塑造程度从 1-10 来说，前景是 9 或 10，那么背景就是 1 或 2。这样就可以很轻松的确定画面内元素的造程度，从而搭建整个空间。这样做的前提必须是对整个画面有了一个明确的思路，并且铺好底色。

在这一步的时候，前面找的参考图就全都派上用场了，对着画就完事了。不过在画着的时候记着当时的部分塑造程度是多少，环境色和固有色的比例是多少，让空间意识一直扎根在脑海中。

然后是远山的细化。如前面说到的，空间远处的色彩对比度要低才能来开视觉层次。低对比度下的明暗，尽量统一在一个色系里，远处的山甚至都可以不用暖色，直接蓝色偏点紫取个低饱和度，在大色调的对比下可以直接给山地脑补一层棕色。画水下的人物也可以用这个方法。

前景草坡的地面虽说层次最丰富塑造最完整，却也不用一根一根草去画出来。只需要把基底颜色做丰富了，加点土块石头，然后在色阶之间加几根冒头的草。就像画头发一样，靠的不是发丝，而是基础的层次。

3. 主体细化

我在画画的时候习惯把图层整理的比较有条理，最上面是线，接着是明暗，最底下是用来做剪辑蒙版的底色，中间是根据颜色或部位分的固有色。

在进行单个部位的塑造时，我可以直接给图层加个 ALPHA 锁定，改起颜色来也很快，后期维护起来特别简便。骑单车的人不是主角，所以只需要在明暗的基础上加一到两个色阶就可以了。图层的分法还是得按画风来定，比如厚涂，我可能就直接一两个图层完事了。

飞机的处理也是同理。虽然线和固有色已经分的很清晰了，也不能忘了空间二字。我给下方机翼的暗部加重了颜色，再加一个较强的反光，然后减弱了上方机翼的颜色，这样上机翼-机身-下机翼的空间就能分出来了。

到这一步，整个画面就都完成了。

4. 整体调色

画完之后，我一般会进行一个简单的调色。调色的目的一个是统一色调，再则对整体颜色进行一次大的倾向调整。一般是在图层上方新建一个调整图层，用的是「可选颜色」。先对背景进行一个简单的调整，把暖色部分加一些饱和度，再把绿色往冷了调，目的是让背景色调高度统一，以及进一步突出飞机的黄色。

然后是画面整体的一个调整。先用「曲线工具」调整了一下黑白的色阶，再用「可选颜色」让整体暗部偏蓝；然后提亮了黄色部分的明度，再减一点点饱和度，因为暖色饱和度太高容易焦躁；

最后再新建一个图层加一点杂色，用「颜色加深」叠上去，为画面增添质感。

最后请@麦点盛世刘辉 帮我配了字，完工。以上就是我日常上色的过程分享，希望对正在学习插画的同学们有帮助。

「关注我」

优设 账号： https://www.uisdc.com/u/87222/publish/post 微博账号： https://weibo.com/u/6517085292 站酷账号： https://www.zcool.com.cn/u/16953096 优设大课堂课程： https://xue.uisdc.com/teacher?id=5f35175002a5853cf70fc51d 推荐阅读：

优设专访插画师态爷：画完100张电影海报后，我终于学会怎么做好一碗蛋炒饭 大家好，这里是和你们聊设计的花生~ 最近非常幸运，有了一次专访插画师态爷的机会。

阅读文章 >

听说你不会打光？高手总结了8种常见的打光方法 本文梳理了8个常见的打光方式，结合清晰的手绘图例，让知识点一目了然。

阅读文章 >

作为全球最火爆的体育赛事，世界杯由于其独有的稀缺性，被外界誉为四年一次的足球盛宴。根据国际足联主席因凡蒂诺预测，2022 年的卡塔尔世界杯赛事将会吸引到全球超过五十亿人观看，这一人数占全球总人数的比重超过 60%。以往球迷们观看世界杯，更多是通过电视或者央视频、优酷这种传统的互联网视频平台，而在 2022 年这个...

作为全球最火爆的体育赛事，世界杯由于其独有的稀缺性，被外界誉为四年一次的足球盛宴。根据国际足联主席因凡蒂诺预测，2022 年的卡塔尔世界杯赛事将会吸引到全球超过五十亿人观看，这一人数占全球总人数的比重超过 60%。

以往球迷们观看世界杯，更多是通过电视或者央视频、优酷这种传统的互联网视频平台，而在 2022 年这个冬天，抖音花费 10 亿巨资，成为了国内首个获得世界杯直播版权的短视频平台。作为拥有 6 亿日活的抖音，将会如何跨界设计世界杯专题，让亿万球迷能在抖音享受四年一次的足球盛宴，本期设计大侦探，就来全面拆解抖音 世界杯 专题。

往期拆解：

世界杯专题！8500字全方位深度拆解懂球帝APP 2022 卡塔尔世界杯已经拉开帷幕，相信大家从这周开始，都已经陷入四年一次的狂热的足球氛围中。

阅读文章 >

一、栏目入口 抖音世界杯的入口在抖音头部一级导航栏最左边，和周边、关注、商城以及推荐并列。世界杯的栏目首页从上至下主要分为 5 个部分，分别是轮播（当日热门赛事以及活动）、金刚区（包含赛程、积分榜、有奖预测和我的主队入口）、比赛直播（当日赛事）、名嘴聊球（签约足球大咖）、赛事热点（热点头条资讯）、热门球星（入驻足球巨星）、世界杯好物（周边商城和抖音生活服务）、重磅热播（抖音自制节目）、大家都在拍（平台用户自创视频）和视频信息流（世界杯专题相关视频）。

二、内容策划 抖音在内容策划方面，几乎把前央视解说团队都邀请过来了，比如黄健翔、段暄、刘建宏这些家喻户晓的的足球主持人，都在抖音单独负责至少一款足球综艺栏目。除了解说团队，抖音还邀请了众多跨界娱乐综艺大咖，为球迷一口气送上 8 个原创足球综艺节目。从这个版块可以看出，抖音对此次世界杯的重视度之高，就像卡塔尔为了举办世界杯投资 2200 亿美元一样，劣势可以用金钱弥补。

1. 内容专题 ① 观赛指南

「观赛指南」是指在一场比赛开打之前，各方媒体对这场比赛进行的赛事分析和预测。足球这项运动，由于充满了竞技性，一场焦点比赛，从赛前到比赛，再到比赛后，都充满了无数话题。而观赛指南，可以为球迷提供完整的比赛情报和指南，为比赛做预热。

分组解析

「分组解析」是针对世界杯的 8 个小组（世界杯有 32 支参赛球队，分为 8 个小组，每个小组 4 支球队，前两名可以晋级到淘汰赛）进行出线形势分析。作为四年举办一次的比赛，对于每支球队来说，都是非常宝贵的机会，所以关于小组的出线分析也往往是世界杯的热门话题之一。从内容设计看，抖音的分组解析包含了专家预测（名嘴大咖）、小组赛程、历史数据（历史对战记录）、热门球员（小组热门球星）和热门动态（相关的足球资讯）五个内容。

赛程解读

「赛程解读」就是针对单场比赛进行解读，包含比赛前瞻（专业的足球分析）、专家点评（世界杯专家团，含金量高）、网友热议（精选网友的高质量分析）、近 5 场战绩、球队名单、球员 PK（核心球员）、积分榜以及相关的最新足球资讯。从这个栏目的内容策划看，由于缺少足彩竞彩和有深度的内容，显得中规中矩，稍显严谨，欠缺互动。

② 比赛日报

「比赛日报」就是根据每天结束的比赛生成当天所有比赛的战报，这个页面包含了直播回放、图文战报、视频集锦、赛况详情、技术统计和积分榜等内容，球迷也可以切换不同的比赛查看当场比赛详细的战报。

直播回放

「直播回放」对于体育赛事来说非常重要，比如像深夜场的比赛，大部分球迷都很难熬夜观看，这个时候只能通过直播回放来观看比赛。抖音的「直播回放」提供了全场录播回放、全场集锦（分长集锦和短集锦）、球星集锦和精彩时刻集锦，可以满足不同用户的观看需求。

③ 热议话题

当一场比赛结束以后，话题讨论的热度将会达到最高值，比如阿根廷输给沙特的比赛，全网球迷都在心疼梅西。抖音在「热议话题」的内容设计上，不仅有独立的图文专题页还有白岩松的「白说世界杯」短视频栏目，给球迷带来全方位的内容解读。

2. 视频节目 ① DOU 来世界杯

「DOU 来世界杯」是抖音官方自制的视频节目，这个节目合计 29 期，每天更新 1 期，内容非常丰富，包含比赛复盘、每日看点、球星球队故事和赛事预测等。从栏目定位看，这个栏目直接对标曾经央视体育最知名的《天下足球》栏目，更是邀请了主持多年《天下足球》的主持人段暄亲自负责，这不仅可以确保内容质量，还可以帮助抖音赢取众多 80、90 后球迷的好感（国内 80%的 80、90 后球迷都是看着《天下足球》长大的），既卖专业，也卖情怀，一举两得。

② 宏哥侃球

「宏哥侃球」是资深体育解说员刘建宏独家打造的足球直播综艺，合计 12 期。刘建宏和段暄一样，是央视体育另一个王牌节目《足球之夜》的制片人和主持人，甚至是第一位获得“金话筒奖”的体育节目主持人。从内容定位看，这个栏目主要以刘建宏通过邀约足球名宿和名人明星聊天的形式，为球迷带来不同角度的比赛解读和话题讨论。从嘉宾阵容看，不仅邀请了李明、徐亮、徐云龙这些足球大咖，还邀请了苏醒、姜昆、樊登、大能、隔壁老樊等跨界名人，可谓群星熠熠。

③ 黄健翔谈

「黄健翔谈」是前央视主持人黄健翔的个人脱口秀节目，合计 24 期。从内容定位看，这个栏目主要是黄健翔针对每日比赛进行看点分析，讲述队伍、球员之间的渊源与故事，专业性较强，差异化低。

④ 依然范志毅

「依然范志毅」是前国足名宿范志毅打造的直播节目。从内容定位看，这个栏目集合了脱口秀、电竞 PK、国际球星挑战等娱乐内容，其次还会邀请 02 年世界杯国足的众多足球大咖一起聊球。范志毅作为前国足名宿，不仅知名度高，近年来在社交媒体平台也以独特的“范式辣评”成为了众多网友崇拜的偶像，话题热度非常高。

⑤ 懂球大会

「懂球大会」是以段暄、黄健翔和刘建宏为常驻嘉宾，搭配各路懂球大咖赛前或赛后连线的足球直播节目。从内容定位看，这个节目主打前央视解说铁三角的卖点，再邀请其他足球嘉宾围绕每期的热门话题以直播火热开“吵”的形式为球迷们打造一款直播时代的另类足球节目。

⑥ 黄家足球班

「黄家足球班」 是黄健翔联手德云社打造的直播节目，合计 12 期。从内容定位看，这个节目把足球的专业性稀释，加入了相声的元素，从而拓宽用户人群，让大众都能看得懂，看得进去，感受到足球的乐趣。

⑦ 大咖侃球

「大咖侃球」由抖音官方出品。从内容定位看，这个节目主要以邀请体育、文化、财经、商业等领域的名人大咖，围绕世界杯开展泛人文社会热点话题讨的论，旨在打造一个专业又具有趣味性、互动性的世界杯抖音脱口秀。不过这个节目话题宽度太广，目标用户不精准。

⑧ Hi！足球少年

「Hi！足球少年」是世界杯官方赞助商海信独家打造的一款足球少年选秀节目，通过节目选拔足球热忱最突出的 4 名少年奔赴卡塔尔。这个节目邀请了李明、米卢等国足退役名将，还有柳岩、梁汉文这些娱乐明星，从嘉宾阵容看，这个节目以娱乐选秀为主，目前 8 期节目已全部更新结束。

三、比赛数据 历时 29 天的世界杯，将会进行 64 场比赛，最终决出冠军、MVP 和金靴奖等。随着互联网泛娱乐的发展，相比过往大家主要通过电视观看比赛这样静态的形式，现在的足球比赛不仅拥有丰富的直播形式，而且每个平台都有自己独特的看球文化。

1. 直播间 抖音的比赛直播间，功能非常丰富，主要包含六个内容，分别是直播、聊天、阵容、赛况、看点和预测。

「直播」 就像视频弹幕一样，大家可以畅所欲言的一边看球一边聊天。在底部的聊天窗口，点击「分享」后，不仅可以保存本场比赛即时生成的精彩瞬间，还能邀请好友一起观看比赛直播，互动非常强。

「聊天」 这个功能，充分利用了抖音的社交属性，通过邀请好有，可以像建立群组一样快速创建一个直播聊天群，非常便捷。这个功能就像一个VIP包厢，为用户提供了一个相对私密的空间，满足不同用户的需求。

「阵容」 是指当场比赛的出场人员统计，包含首发阵容、球员统计和替补球员等信息，点击球员头像以后，可查看球员当场比赛的数据，包含进球、射门、传球成功率等，非常全面。

「赛况」 是指当场比赛的详细战况，包含各种技术统计，比如控球率、射门数、传球成功率等。

「看点」 就是把一场比赛的精彩时刻快速生成GIF，不仅可以作为当场比赛的赛况回放，也降低了用户传播的行动成本，吸引用户分享传播。

「预测」 就是竞彩，球迷可以通过金币预测当场比赛的胜平负、两队总进球数以及其他话题。

① 播放器

「播放器」的功能非常丰富，除了弹幕、倍速、视频画质和电视投屏这样的常见功能，抖音还支持多种类型的解说和视角方式。比如同一场比赛可以切换不同的主持人（央视主持人、退役运动员还有粤语主持），还支持球星、无障碍字幕、现场原声、战术机位、场馆全景等四种视角方式，观看体验非常丰富。

2. 数据 作为一项体育运动，比赛数据的统计分析至关重要。球迷需要查询世界杯的详细赛程、积分榜、射手榜、球队和球员的详细数据。

① 赛程

「赛程」主要为球迷提供世界杯的详细比赛赛程，用户可以直接预约比赛直播。当球迷预约后，抖音会一键生成比赛海报吸引用户传播，设计得非常巧妙。其次抖音的设计团队非常用心，相比其他产品的「赛程」栏目，他们会用一句简短的话来描述每场比赛的结果或前瞻，让「赛程」这个冰冷的栏目加入了温度。

② 积分榜

「积分榜」主要为球迷们提供 8 个小组的积分排行详细，包含胜平负场次、进失球数和小组积分。

③ 晋级图

「晋级图」主要为淘汰赛服务，当小组赛结束以后，每个小组的前两名会进入淘汰赛，球迷可以通过这个图俯瞰世界杯的晋级明细路径。

④ 射手榜

「射手榜」主要针对球员个人，统计的数据非常全面，包含进球、助攻、射正、关键传球、红牌、黄牌等数据。

球员主页

「球员主页」就是足球运动员的详情落地页，主要包含六个部分，分别是基础资料（姓名、年龄、身高、体重、位置、身价、效力俱乐部等）、精彩集锦、球员单场表现、球员累计数据、球员赛程和球员百科。

⑤ 球队榜

「球队榜」和「射手榜」一样，包含进球、助攻、射正、关键传球、红牌、黄牌等数据。

球队主页

「球队主页」就是参赛球队的详情落地页，主要包含六个部分，分别是基础资料（世界排名、总身价、平均年龄、历届最佳成绩等）、精彩集锦、球队单场表现、球队累计数据、球队赛程、热门球星、球队阵容、历史数据和球队百科。

3. 互动 从 2014 年开始，世界杯就成了一个全民狂欢的盛宴，可谓全民参与，全民娱乐。由于受政策限制，抖音没有足彩版块，而是通过虚拟金币的形式设计了有奖预测和世界杯乐园、足球答人等游戏。其次为了鼓励用户参与到世界杯的盛宴中，抖音还设计了一套世界杯特效，提升用户的参与度。

① 有奖预测

「有奖预测」其实就是足球竞彩。足球竞彩作为支撑足球运动发展的重要支柱，也是全民世界杯的主要动力之一。由于国家政策等原因，抖音使用了虚拟的金球币用来作为竞彩的筹码，增加娱乐性。

「有奖预测」 的页面设计比较简单，头部为用户的钱包（金币和红包数量），主视觉为当前比赛的对阵双方，右上角是活动规则和预测记录，右下角是赚金钱币和预测榜。预测的内容主要是比赛的胜平负、总进球数以及其他根据当前比赛设计的竞彩内容，比如梅西会不会进球，比赛会不会出现头球等。

整个预测页面的内容，相对而言比较简单，主要以提升用户参与度和用户拉新为目的。当用户确认预测后， 抖音设计 了一个用户拉新的功能，只要邀请好友助力就可以获得10万金币，如果是一个新用户，则可以获得3倍奖励。

钱包

「钱包」的内容主要分为三块，头部是数据板，包含金球币数量、现金金额（金球币可以兑换成现金，提现到自己的银行卡）、奖品数量、优惠券数量和抖音成就（类似勋章）；中间是「金球币抽奖」，用户可以使用金球币进行抽奖，奖品包含足球、优惠券等周边商品；底部是「公益版块」，用户可以使用金球币购买足球等方式助力贫困地区的乡村学校捐建足球场。

预测榜

抖音统计了全站预测榜的球迷，分为全国榜、本地榜和朋友榜。榜单的设计，能增加球迷的攀比心理，提升用户活跃度。

金币游戏

世界杯乐园

「世界杯乐园」是一款足球游戏，玩法比较简单，用户通过体力可以让角色不断前进获取福利。而用户获取体力的方式需要做任务、看比赛以及邀请好友。

足球答人

「足球答人」是一款问答竞技类型足球游戏。这款游戏设计得非常有创意，三人随机组队，通过答题的形式模拟足球比赛在线 PK。第一个回答正确的用户会有模拟进球的画面，吸引球迷抢答，其次模拟世界杯的赛制，胜利后可以晋级下一轮，最终决出冠军，非常有趣。

② 我的主队

每个球迷都有自己喜欢的球队，这支球队就称为「主队」，比如一个喜欢阿根廷的球迷就会把阿根廷看作自己的主队。这种带有鲜明爱恨的元素，也是足球这项运动的魅力之一。用户进入「我的主队」以后，需要设置自己的主队，选定后，将会展示主队的赛况、比赛数据和视频集锦。用户如果更换主队，还需要消耗金币，可见抖音产品团队对球迷的研究足够透彻。通过建立「主队」，不仅可以增加用户的黏度，还能建立关系链接，提升用户的留存率。

③ 世界杯好物

燃情好物

「燃情好物」就是向球迷销售世界杯相关的周边商品，比如世界杯吉祥物、钥匙扣、手办、纪念品等物品。

吃喝玩乐

世界杯独有的文化就是喝着啤酒看比赛，所以「吃喝玩乐」这个版块接入了抖音的「生活服务」，球迷可以在抖音购买夜宵、小吃、奶茶等，非常方便。

④ 大家都在拍

为了鼓励用户参与到世界杯的狂欢中，抖音为世界杯专门设计了一套视频特效，用户可以选择喜欢的特效录制，提升用户参与度。

四、总结思考 1. 商业层

作为一个短视频平台，抖音为什么舍得花费巨资打造世界杯栏目，通过此次对抖音世界杯专题的拆解，我认为这是一次对针对 80、90 后群体的二次拉新和激活。从抖音重金邀请前央视主持人阵容看，抖音正在尝试通过世界杯这样能激发球迷情怀的载体把那些边缘用户重新拉回来。「DOU 来世界杯」不仅直接对标央视体育曾经最知名的《天下足球》栏目，甚至连主持人都不变，既卖内容，更卖情怀。像笔者这样以前每周只会打开几次抖音的用户，通过此次世界杯的直播，变成了日均使用超过 6 个小时的重度用户，这在以前简直不敢想象。

当然，和四年前的优酷等互联网视频平台面临的情况一样，当世界杯硝烟散完以后，抖音又如何通过高质量的内容留住这部分用户群体，是一个问题。

2. 内容层

在过去，多数用户对抖音的印象是一个内容质量低劣、靠娱乐搞笑博眼球的短视频平台，但从此次世界杯的内容策划看，抖音不仅诚意十足，一口气推出 8 档原创足球直播节目，更是邀请了众多体育名嘴、知名运动员和跨界嘉宾输出高质量的内容。这对广大球迷来说，实在太过瘾了，已经很久没有这样的足球盛宴。而且相比过去传统的图文时代，加入了短视频传播媒介的世界杯，给了亿万球迷全新的看球体验，切换不同的解说风格、直播视角，在抖音直播间邀上几个好友，就可以一边聊天，一边看球，这样的看球体验，太爽了。

3. 体验层

抖音 产品设计 团队对世界杯专题的设计，无论是视觉、交互还是产品体验，都非常用心。比如在「赛程」页面，通过一句简短的赛况描述，不仅丰富了设计形式，还传递了设计的温度（其他的体育产品相比，「赛程」页面更像一个冰冷的机器，除了播报数据，没有任何情感）。还有像「足球答人」这样的游戏，完全以模拟世界杯晋级赛制的形式设计，在我首次试玩的时候，就开始为了“进球”进行“抢答”，最终拿下比赛冠军。这样让用户尖叫的设计，真的让人爱不释手。

参考文献：

当抖音进军世界杯，TikTok 挖了 NBA 墙角 终于，我们都能在抖音看世界杯直播了 “抖”来世界杯：流量盛筵，意义几何？ 欢迎关注作者微信公众号：「设计大侦探」

作为全球最火爆的体育赛事，世界杯由于其独有的稀缺性，被外界誉为四年一次的足球盛宴。根据国际足联主席因凡蒂诺预测，2022 年的卡塔尔世界杯赛事将会吸引到全球超过五十亿人观看，这一人数占全球总人数的比重超过 60%。以往球迷们观看世界杯，更多是通过电视或者央视频、优酷这种传统的互联网视频平台，而在 2022 年这个...

作为全球最火爆的体育赛事，世界杯由于其独有的稀缺性，被外界誉为四年一次的足球盛宴。根据国际足联主席因凡蒂诺预测，2022 年的卡塔尔世界杯赛事将会吸引到全球超过五十亿人观看，这一人数占全球总人数的比重超过 60%。

以往球迷们观看世界杯，更多是通过电视或者央视频、优酷这种传统的互联网视频平台，而在 2022 年这个冬天，抖音花费 10 亿巨资，成为了国内首个获得世界杯直播版权的短视频平台。作为拥有 6 亿日活的抖音，将会如何跨界设计世界杯专题，让亿万球迷能在抖音享受四年一次的足球盛宴，本期设计大侦探，就来全面拆解抖音 世界杯 专题。

往期拆解：

世界杯专题！8500字全方位深度拆解懂球帝APP 2022 卡塔尔世界杯已经拉开帷幕，相信大家从这周开始，都已经陷入四年一次的狂热的足球氛围中。

阅读文章 >

一、栏目入口 抖音世界杯的入口在抖音头部一级导航栏最左边，和周边、关注、商城以及推荐并列。世界杯的栏目首页从上至下主要分为 5 个部分，分别是轮播（当日热门赛事以及活动）、金刚区（包含赛程、积分榜、有奖预测和我的主队入口）、比赛直播（当日赛事）、名嘴聊球（签约足球大咖）、赛事热点（热点头条资讯）、热门球星（入驻足球巨星）、世界杯好物（周边商城和抖音生活服务）、重磅热播（抖音自制节目）、大家都在拍（平台用户自创视频）和视频信息流（世界杯专题相关视频）。

二、内容策划 抖音在内容策划方面，几乎把前央视解说团队都邀请过来了，比如黄健翔、段暄、刘建宏这些家喻户晓的的足球主持人，都在抖音单独负责至少一款足球综艺栏目。除了解说团队，抖音还邀请了众多跨界娱乐综艺大咖，为球迷一口气送上 8 个原创足球综艺节目。从这个版块可以看出，抖音对此次世界杯的重视度之高，就像卡塔尔为了举办世界杯投资 2200 亿美元一样，劣势可以用金钱弥补。

1. 内容专题 ① 观赛指南

「观赛指南」是指在一场比赛开打之前，各方媒体对这场比赛进行的赛事分析和预测。足球这项运动，由于充满了竞技性，一场焦点比赛，从赛前到比赛，再到比赛后，都充满了无数话题。而观赛指南，可以为球迷提供完整的比赛情报和指南，为比赛做预热。

分组解析

「分组解析」是针对世界杯的 8 个小组（世界杯有 32 支参赛球队，分为 8 个小组，每个小组 4 支球队，前两名可以晋级到淘汰赛）进行出线形势分析。作为四年举办一次的比赛，对于每支球队来说，都是非常宝贵的机会，所以关于小组的出线分析也往往是世界杯的热门话题之一。从内容设计看，抖音的分组解析包含了专家预测（名嘴大咖）、小组赛程、历史数据（历史对战记录）、热门球员（小组热门球星）和热门动态（相关的足球资讯）五个内容。

赛程解读

「赛程解读」就是针对单场比赛进行解读，包含比赛前瞻（专业的足球分析）、专家点评（世界杯专家团，含金量高）、网友热议（精选网友的高质量分析）、近 5 场战绩、球队名单、球员 PK（核心球员）、积分榜以及相关的最新足球资讯。从这个栏目的内容策划看，由于缺少足彩竞彩和有深度的内容，显得中规中矩，稍显严谨，欠缺互动。

② 比赛日报

「比赛日报」就是根据每天结束的比赛生成当天所有比赛的战报，这个页面包含了直播回放、图文战报、视频集锦、赛况详情、技术统计和积分榜等内容，球迷也可以切换不同的比赛查看当场比赛详细的战报。

直播回放

「直播回放」对于体育赛事来说非常重要，比如像深夜场的比赛，大部分球迷都很难熬夜观看，这个时候只能通过直播回放来观看比赛。抖音的「直播回放」提供了全场录播回放、全场集锦（分长集锦和短集锦）、球星集锦和精彩时刻集锦，可以满足不同用户的观看需求。

③ 热议话题

当一场比赛结束以后，话题讨论的热度将会达到最高值，比如阿根廷输给沙特的比赛，全网球迷都在心疼梅西。抖音在「热议话题」的内容设计上，不仅有独立的图文专题页还有白岩松的「白说世界杯」短视频栏目，给球迷带来全方位的内容解读。

2. 视频节目 ① DOU 来世界杯

「DOU 来世界杯」是抖音官方自制的视频节目，这个节目合计 29 期，每天更新 1 期，内容非常丰富，包含比赛复盘、每日看点、球星球队故事和赛事预测等。从栏目定位看，这个栏目直接对标曾经央视体育最知名的《天下足球》栏目，更是邀请了主持多年《天下足球》的主持人段暄亲自负责，这不仅可以确保内容质量，还可以帮助抖音赢取众多 80、90 后球迷的好感（国内 80%的 80、90 后球迷都是看着《天下足球》长大的），既卖专业，也卖情怀，一举两得。

② 宏哥侃球

「宏哥侃球」是资深体育解说员刘建宏独家打造的足球直播综艺，合计 12 期。刘建宏和段暄一样，是央视体育另一个王牌节目《足球之夜》的制片人和主持人，甚至是第一位获得“金话筒奖”的体育节目主持人。从内容定位看，这个栏目主要以刘建宏通过邀约足球名宿和名人明星聊天的形式，为球迷带来不同角度的比赛解读和话题讨论。从嘉宾阵容看，不仅邀请了李明、徐亮、徐云龙这些足球大咖，还邀请了苏醒、姜昆、樊登、大能、隔壁老樊等跨界名人，可谓群星熠熠。

③ 黄健翔谈

「黄健翔谈」是前央视主持人黄健翔的个人脱口秀节目，合计 24 期。从内容定位看，这个栏目主要是黄健翔针对每日比赛进行看点分析，讲述队伍、球员之间的渊源与故事，专业性较强，差异化低。

④ 依然范志毅

「依然范志毅」是前国足名宿范志毅打造的直播节目。从内容定位看，这个栏目集合了脱口秀、电竞 PK、国际球星挑战等娱乐内容，其次还会邀请 02 年世界杯国足的众多足球大咖一起聊球。范志毅作为前国足名宿，不仅知名度高，近年来在社交媒体平台也以独特的“范式辣评”成为了众多网友崇拜的偶像，话题热度非常高。

⑤ 懂球大会

「懂球大会」是以段暄、黄健翔和刘建宏为常驻嘉宾，搭配各路懂球大咖赛前或赛后连线的足球直播节目。从内容定位看，这个节目主打前央视解说铁三角的卖点，再邀请其他足球嘉宾围绕每期的热门话题以直播火热开“吵”的形式为球迷们打造一款直播时代的另类足球节目。

⑥ 黄家足球班

「黄家足球班」 是黄健翔联手德云社打造的直播节目，合计 12 期。从内容定位看，这个节目把足球的专业性稀释，加入了相声的元素，从而拓宽用户人群，让大众都能看得懂，看得进去，感受到足球的乐趣。

⑦ 大咖侃球

「大咖侃球」由抖音官方出品。从内容定位看，这个节目主要以邀请体育、文化、财经、商业等领域的名人大咖，围绕世界杯开展泛人文社会热点话题讨的论，旨在打造一个专业又具有趣味性、互动性的世界杯抖音脱口秀。不过这个节目话题宽度太广，目标用户不精准。

⑧ Hi！足球少年

「Hi！足球少年」是世界杯官方赞助商海信独家打造的一款足球少年选秀节目，通过节目选拔足球热忱最突出的 4 名少年奔赴卡塔尔。这个节目邀请了李明、米卢等国足退役名将，还有柳岩、梁汉文这些娱乐明星，从嘉宾阵容看，这个节目以娱乐选秀为主，目前 8 期节目已全部更新结束。

三、比赛数据 历时 29 天的世界杯，将会进行 64 场比赛，最终决出冠军、MVP 和金靴奖等。随着互联网泛娱乐的发展，相比过往大家主要通过电视观看比赛这样静态的形式，现在的足球比赛不仅拥有丰富的直播形式，而且每个平台都有自己独特的看球文化。

1. 直播间 抖音的比赛直播间，功能非常丰富，主要包含六个内容，分别是直播、聊天、阵容、赛况、看点和预测。

「直播」 就像视频弹幕一样，大家可以畅所欲言的一边看球一边聊天。在底部的聊天窗口，点击「分享」后，不仅可以保存本场比赛即时生成的精彩瞬间，还能邀请好友一起观看比赛直播，互动非常强。

「聊天」 这个功能，充分利用了抖音的社交属性，通过邀请好有，可以像建立群组一样快速创建一个直播聊天群，非常便捷。这个功能就像一个VIP包厢，为用户提供了一个相对私密的空间，满足不同用户的需求。

「阵容」 是指当场比赛的出场人员统计，包含首发阵容、球员统计和替补球员等信息，点击球员头像以后，可查看球员当场比赛的数据，包含进球、射门、传球成功率等，非常全面。

「赛况」 是指当场比赛的详细战况，包含各种技术统计，比如控球率、射门数、传球成功率等。

「看点」 就是把一场比赛的精彩时刻快速生成GIF，不仅可以作为当场比赛的赛况回放，也降低了用户传播的行动成本，吸引用户分享传播。

「预测」 就是竞彩，球迷可以通过金币预测当场比赛的胜平负、两队总进球数以及其他话题。

① 播放器

「播放器」的功能非常丰富，除了弹幕、倍速、视频画质和电视投屏这样的常见功能，抖音还支持多种类型的解说和视角方式。比如同一场比赛可以切换不同的主持人（央视主持人、退役运动员还有粤语主持），还支持球星、无障碍字幕、现场原声、战术机位、场馆全景等四种视角方式，观看体验非常丰富。

2. 数据 作为一项体育运动，比赛数据的统计分析至关重要。球迷需要查询世界杯的详细赛程、积分榜、射手榜、球队和球员的详细数据。

① 赛程

「赛程」主要为球迷提供世界杯的详细比赛赛程，用户可以直接预约比赛直播。当球迷预约后，抖音会一键生成比赛海报吸引用户传播，设计得非常巧妙。其次抖音的设计团队非常用心，相比其他产品的「赛程」栏目，他们会用一句简短的话来描述每场比赛的结果或前瞻，让「赛程」这个冰冷的栏目加入了温度。

② 积分榜

「积分榜」主要为球迷们提供 8 个小组的积分排行详细，包含胜平负场次、进失球数和小组积分。

③ 晋级图

「晋级图」主要为淘汰赛服务，当小组赛结束以后，每个小组的前两名会进入淘汰赛，球迷可以通过这个图俯瞰世界杯的晋级明细路径。

④ 射手榜

「射手榜」主要针对球员个人，统计的数据非常全面，包含进球、助攻、射正、关键传球、红牌、黄牌等数据。

球员主页

「球员主页」就是足球运动员的详情落地页，主要包含六个部分，分别是基础资料（姓名、年龄、身高、体重、位置、身价、效力俱乐部等）、精彩集锦、球员单场表现、球员累计数据、球员赛程和球员百科。

⑤ 球队榜

「球队榜」和「射手榜」一样，包含进球、助攻、射正、关键传球、红牌、黄牌等数据。

球队主页

「球队主页」就是参赛球队的详情落地页，主要包含六个部分，分别是基础资料（世界排名、总身价、平均年龄、历届最佳成绩等）、精彩集锦、球队单场表现、球队累计数据、球队赛程、热门球星、球队阵容、历史数据和球队百科。

3. 互动 从 2014 年开始，世界杯就成了一个全民狂欢的盛宴，可谓全民参与，全民娱乐。由于受政策限制，抖音没有足彩版块，而是通过虚拟金币的形式设计了有奖预测和世界杯乐园、足球答人等游戏。其次为了鼓励用户参与到世界杯的盛宴中，抖音还设计了一套世界杯特效，提升用户的参与度。

① 有奖预测

「有奖预测」其实就是足球竞彩。足球竞彩作为支撑足球运动发展的重要支柱，也是全民世界杯的主要动力之一。由于国家政策等原因，抖音使用了虚拟的金球币用来作为竞彩的筹码，增加娱乐性。

「有奖预测」 的页面设计比较简单，头部为用户的钱包（金币和红包数量），主视觉为当前比赛的对阵双方，右上角是活动规则和预测记录，右下角是赚金钱币和预测榜。预测的内容主要是比赛的胜平负、总进球数以及其他根据当前比赛设计的竞彩内容，比如梅西会不会进球，比赛会不会出现头球等。

整个预测页面的内容，相对而言比较简单，主要以提升用户参与度和用户拉新为目的。当用户确认预测后， 抖音设计 了一个用户拉新的功能，只要邀请好友助力就可以获得10万金币，如果是一个新用户，则可以获得3倍奖励。

钱包

「钱包」的内容主要分为三块，头部是数据板，包含金球币数量、现金金额（金球币可以兑换成现金，提现到自己的银行卡）、奖品数量、优惠券数量和抖音成就（类似勋章）；中间是「金球币抽奖」，用户可以使用金球币进行抽奖，奖品包含足球、优惠券等周边商品；底部是「公益版块」，用户可以使用金球币购买足球等方式助力贫困地区的乡村学校捐建足球场。

预测榜

抖音统计了全站预测榜的球迷，分为全国榜、本地榜和朋友榜。榜单的设计，能增加球迷的攀比心理，提升用户活跃度。

金币游戏

世界杯乐园

「世界杯乐园」是一款足球游戏，玩法比较简单，用户通过体力可以让角色不断前进获取福利。而用户获取体力的方式需要做任务、看比赛以及邀请好友。

足球答人

「足球答人」是一款问答竞技类型足球游戏。这款游戏设计得非常有创意，三人随机组队，通过答题的形式模拟足球比赛在线 PK。第一个回答正确的用户会有模拟进球的画面，吸引球迷抢答，其次模拟世界杯的赛制，胜利后可以晋级下一轮，最终决出冠军，非常有趣。

② 我的主队

每个球迷都有自己喜欢的球队，这支球队就称为「主队」，比如一个喜欢阿根廷的球迷就会把阿根廷看作自己的主队。这种带有鲜明爱恨的元素，也是足球这项运动的魅力之一。用户进入「我的主队」以后，需要设置自己的主队，选定后，将会展示主队的赛况、比赛数据和视频集锦。用户如果更换主队，还需要消耗金币，可见抖音产品团队对球迷的研究足够透彻。通过建立「主队」，不仅可以增加用户的黏度，还能建立关系链接，提升用户的留存率。

③ 世界杯好物

燃情好物

「燃情好物」就是向球迷销售世界杯相关的周边商品，比如世界杯吉祥物、钥匙扣、手办、纪念品等物品。

吃喝玩乐

世界杯独有的文化就是喝着啤酒看比赛，所以「吃喝玩乐」这个版块接入了抖音的「生活服务」，球迷可以在抖音购买夜宵、小吃、奶茶等，非常方便。

④ 大家都在拍

为了鼓励用户参与到世界杯的狂欢中，抖音为世界杯专门设计了一套视频特效，用户可以选择喜欢的特效录制，提升用户参与度。

四、总结思考 1. 商业层

作为一个短视频平台，抖音为什么舍得花费巨资打造世界杯栏目，通过此次对抖音世界杯专题的拆解，我认为这是一次对针对 80、90 后群体的二次拉新和激活。从抖音重金邀请前央视主持人阵容看，抖音正在尝试通过世界杯这样能激发球迷情怀的载体把那些边缘用户重新拉回来。「DOU 来世界杯」不仅直接对标央视体育曾经最知名的《天下足球》栏目，甚至连主持人都不变，既卖内容，更卖情怀。像笔者这样以前每周只会打开几次抖音的用户，通过此次世界杯的直播，变成了日均使用超过 6 个小时的重度用户，这在以前简直不敢想象。

当然，和四年前的优酷等互联网视频平台面临的情况一样，当世界杯硝烟散完以后，抖音又如何通过高质量的内容留住这部分用户群体，是一个问题。

2. 内容层

在过去，多数用户对抖音的印象是一个内容质量低劣、靠娱乐搞笑博眼球的短视频平台，但从此次世界杯的内容策划看，抖音不仅诚意十足，一口气推出 8 档原创足球直播节目，更是邀请了众多体育名嘴、知名运动员和跨界嘉宾输出高质量的内容。这对广大球迷来说，实在太过瘾了，已经很久没有这样的足球盛宴。而且相比过去传统的图文时代，加入了短视频传播媒介的世界杯，给了亿万球迷全新的看球体验，切换不同的解说风格、直播视角，在抖音直播间邀上几个好友，就可以一边聊天，一边看球，这样的看球体验，太爽了。

3. 体验层

抖音 产品设计 团队对世界杯专题的设计，无论是视觉、交互还是产品体验，都非常用心。比如在「赛程」页面，通过一句简短的赛况描述，不仅丰富了设计形式，还传递了设计的温度（其他的体育产品相比，「赛程」页面更像一个冰冷的机器，除了播报数据，没有任何情感）。还有像「足球答人」这样的游戏，完全以模拟世界杯晋级赛制的形式设计，在我首次试玩的时候，就开始为了“进球”进行“抢答”，最终拿下比赛冠军。这样让用户尖叫的设计，真的让人爱不释手。

参考文献：

当抖音进军世界杯，TikTok 挖了 NBA 墙角 终于，我们都能在抖音看世界杯直播了 “抖”来世界杯：流量盛筵，意义几何？ 欢迎关注作者微信公众号：「设计大侦探」

2022超人气石头老师全新打造，美式上色专项训练营来啦！

2022超人气石头老师全新打造，美式上色专项训练营来啦！

编者按：本文从组件介绍、使用场景、设计要点、样式拓展4个方面，帮你快速熟悉UI组件中的金刚区设计。上期回顾：新手科普！4个方面帮你快速熟悉UI组件中的瀑布流编者按：本文从组件介绍、使用场景、设计要点、样式拓展4个方面，帮你快速熟悉UI组件中的瀑布流设计。

编者按：本文从组件介绍、使用场景、设计要点、样式拓展4个方面，帮你快速熟悉UI组件中的 金刚区设计 。

上期回顾：

新手科普！4个方面帮你快速熟悉UI组件中的瀑布流 编者按：本文从组件介绍、使用场景、设计要点、样式拓展4个方面，帮你快速熟悉UI组件中的瀑布流设计。

阅读文章 >

一、组件介绍 快速入口 (Quick Links / Quick Access)，国内也会用颇具东方特色的「金刚区」来称呼。在一个结构比较复杂的 APP 首页或者主页面中， 快速入口 往往扮演着功能导航、曝光和引流的运营角色，通常表现为一组有序排列的图形入口。

快速入口不管是位置还是权重都处于页面的中心地带，所以设计时需要格外注意基础和细节。这里我会介绍一些快速入口通用且基础的设计方法，但因为这个组件变化非常多样，所以可能无法面面俱到。诸如更符合页面需要的布局方式，以及图标如何绘制等，这些将是大家需要长期打磨练习的地方。

二、使用场景 当一个页面内除开本身需要承载的内容之外，还需置入超过四个功能模块的入口时，我们就可以考虑使用快速入口这个占用空间小，信息密度大且美观的入口展示形式，故而在多数 App 中快速入口集中出现在主页和个人页；而在诸如美团、大众点评等综合性更强的 App 中，下级分类页面也会使用快速入口。

所以总结下来，快速入口大多出现在：首页、下级主页、个人页这三个地方。

快速入口在页面中的地位应该无需赘述，各位用多了 APP 也能总结出它常常出现在主要页面中中间靠上的核心区域。如果有 Banner，则通常会出现在 Banner 下方，如果没有 Banner，则会直接置于标题栏下方。

三、设计要点 1. 布局方法

① 页面内等分

等分的快速入口可以表现为一个 (1~3)行× (4~5)列的矩阵，6 列的也有（起点精选页），但是比较不常见。

设计时我们优先确定每个背景视图的尺寸，如何确定呢？首先是宽度，单个视图的宽度具体是多少其实并不重要，重要的是总宽度，即 390 减去页面两侧边距的大小（边距不固定，根据实际情况设置），再用这个数值除以列数，这就是背景视图的宽度。

高度则需要根据图标和文字区域的总高来确定，例如图标 (包含安全区域或几何背景) 为 44×44pt，文字段 12pt 苹方默认高 17pt，图标和文字之间给 4pt 间距，上下边距 8pt，那么视图的总高就是 44+17+4+8×2=81pt。

当然高度这一项中，上下间距的自主性比较大，你也可以选择留更小或更大的间距来调节矩阵在视觉上的松紧程度，尤其是多行矩阵，更需要注意上下行之间的远近，这会影响观感。总之一切都以设计师预期的视觉效果为准。

② 超范围滚动

尽管大多数等分的入口矩阵同样可以采用多分页滚动的形式 (淘宝、京东)，不过我们这里说的超范围滚动则更接近于滚动卡片那种非等分的，会在最右侧边界被裁断的形式，例如网易云、Keep。

在这种布局下，我们需要优先确定图标与图标之间的间距，将它们调整到第一屏有 4 至 5 个，且默认露出下一个图标的一部分。最左侧的图标与其余页面元素左对齐即可。

③ 主副型布局

有些 APP 需要更加明确地区分入口的权重，则会采用强弱对比的主副型入口，主副型入口属于等分的一种，两类入口的背景视图可以不同高且不同宽 (支付宝)，也可以同高也高宽 (马蜂窝)。

在实际设计过程中，按照等分的规则各自确定两类入口的背景视图区域即可。

2. 视觉形式

① 图标 / 文字

我们日常使用的绝大多数 APP 都采用了上图标下文字的视觉形式，这种形式具有更普遍的适用性。

② 卡片形式

之前在瓷片区的文章中有提到过，一些快速入口会像瓷片区一样做成卡片拼贴的样式，指的就是如下图所示的这种视觉形式。

卡片形式的入口对图形设计能力要求颇高，尤其是几个权重最高的入口，由于快速入口只能使用图形来修饰内容，为了匹配这几个入口的权重，设计师往往需要绘制精细度比一般图标更高的插画，所以我并不推荐新手尝试这种样式。

③ 主副形式

与主副型布局相对应的视觉形式，通常会采用不同类型的图标来表达不同的权重，权重高者往往使用更精细的插画图标，权重低者则使用基础的线性、面性或线面混合图标。

而像支付宝、美团这样的 App，反而使用最简单的线性图标来表达功能之核心，之基础；权重则使用不同的背景色来物理区分。

3. 图标类型

① 基础渐变

在基础图形上加入了同色相不同明度的渐变，就可以做出一套简单、够用的快速入口图标，尽管不适合风格化强烈的 App 页面，但胜在通用性强，首页、个人页都能采用。

② 几何背景

指的是图标拥有一个圆角矩形或者圆形的纯几何背景，实际图标则一般使用纯色或渐变。这种类型的图标好处是更容易做到视觉大小的统一，并且由于实际图标方面不需要太多的修饰，设计起来也更加简单。

不过几何背景的图标也有进阶的变体，背景上可以做成不规则形状，图标上也能加入更多细节 (甚至 3D)，总之能做得非常花哨，例如美团外卖的入口图标：

③ 色彩交叠

因图标中存在重叠的两部分而使得这部分色彩更深。这个类型的图标本质上与渐变没有区别，都是色彩运用的一种手段，只不过交叠类图标使用得比较少见，所以会相对更具辨识度。

④ 扁平插画

在图标中直接使用插画，自由度更高的同时，风格化也更明显，非常有利于品牌风格的塑造，唯一的缺点是对设计师的要求相对偏高。对插画来说，纯扁平或是微渐变都是可以的，前者更易表达场景，后者则往往会有更加立体的观感。

⑤ 玻璃拟态

近年来大火的风格化设计之一，做起来简单却很有视觉效果。特征是图标中的会出现两个上下关系的层级，下层往往采用渐变或纯色的色块，上层图形则会模拟亚克力、云母、磨砂玻璃的质感。具体做法为背景模糊，以及为自身边缘添加高光描边。

近年来越来越多的在主流 App 中出现，例如飞猪、站酷。

实战案例！「毛玻璃拟态」图标的临摹思路与原创技巧 这篇文章主要分享怎么做一套毛玻璃拟态图标，以及在这基础上如何发散创意。

阅读文章 >

⑥ 实物图片

实物图片一般多用于电商类 APP，在进行商品分类时会直接采用特征典型的商品，优点是比图标更直观、易辨认，缺点是对图片的要求较高，对视觉大小统一的调整也需要更加细致。

当然，人像也算是实物图片的一种，多用于影视类 App。

除了上述 6 个比较常见的分类，快速入口这个区域的图标还有很多奇特的类型，例如 2.5D 轴测图、文字类、3D 类，甚至多种类型图标混合使用等等。因组件本身的设计开放性极大，几乎没法全部涵盖到。所以图标类型方面的知识，还需要大家自己在工作和学习中慢慢积累。

四、样式拓展 1. 自如

自如 APP 的快速入口设计向来别出心裁，值得大家一直放在手机里观察它的设计改版。自如在这一版本中，将 12 个格子其中的两个格子合并成了一个宽格，既强调了这个格子的内容，又让这三行图标发生了一定变化，不至于枯燥。

2. 起点

在快速入口中加入动效听起来是个很多余的做法，因为对这些图标的交互几乎没有观察后续反馈的必要(都直接跳到另一个页面了)。不过起点在这里做了一个动效的示例——在某个你想强调的图标中加入循环动效，可以起到吸引用户注意力的作用。

3. 其他样式

结尾 快速入口的组件就介绍到这，后续所有有关组件的介绍都会同步更新！

2022 年苹果的年度最佳 APP 和 游戏如约公布。苹果年度最佳 APP 和游戏的名称为 App Store Awards，从 2008 年开始，每年都在年底公布，这些 APP 和 游戏 由苹果的 App Store 的编辑选出，以表彰他们所提供的卓越用户体验，以及对文化产生的深远影响。在此值得一提的是，App...

2022 年苹果的 年度最佳 APP 和 游戏如约公布。

苹果年度最佳 APP 和游戏的名称为 App Store Awards，从 2008 年开始，每年都在年底公布，这些 APP 和 游戏 由苹果的 App Store 的编辑选出，以表彰他们所提供的卓越用户体验，以及对文化产生的深远影响。

在此值得一提的是，App Store Awards 和 Apple 在年中 WWDC 上公布的的 Apple Design Awards 还是有所区别的，苹果设计大奖更多的是表彰开发者在 APP 和游戏的开发和设计领域的卓越创新、独创性和技术成就。相对而言，苹果的年度最佳 APP 和 游戏 也偏向用户反馈和市场评价。

2022 苹果设计大奖出炉！盘点那些官方认证的优秀产品设计 其实在今年 WWDC 之前，苹果设计大奖的提名名单就已经对外公布了，只不过最终的颁奖结果是直到 WWDC 之后才公布。

阅读文章 >

App Store 的编辑每年在评选最佳 APP 和 游戏 的时候，颁奖的策略和分类的方式都会有所调整，和去年不同，今年的奖项是按照 iPhone、iPad、Apple Watch、Apple TV 和 macOS 五个平台单独评选了，并且额外追加了 5 个「文化影响力奖」，来表彰对生活和文化产生深远影响的 APP，这个奖项在此之前是完全没有的。

这些 APP 和 游戏 在设计和体验上到底有哪些突出的表现，取代「年度趋势」奖的「文化影响力奖」到底又在推崇哪些产品和设计趋势，下面我们逐一看看。

1、年度最佳 iPad APP ：GoodNotes 5

国内很多开发者都是从开发效率工具开始的。GoodNotes 最初的开发者陈浩铨（Steven）来自香港，开头几年的开发是自己独立完成，而最开始萌生想法要设计开发一个自己的 APP，一方面是因为上课做数学笔记的时候，还是手写比较方便，另一方面 iPad 平台上没有几个得心应手的笔记 APP，于是打算自己做一个出来。

后续随着 GoodNotes 开发需求，Steven 也拓展了团队创立了公司，而作为一个一直密切关注 iOS/iPadOS 平台发展的开发者，GoodNotes 也紧跟平台功能更新，有针对性地优化 APP 本身。

GoodNotes 本身能够很好地把实体笔记本的体验呈现在 iPad 上，在此基础上，添加了大量实体笔记本无法实现但是足以提高体验的功能，比如自行研发的向量墨水功能，在 iOS 平台本身没提供文字识别的时候，就内置了全文搜索的功能。

GoodNotes 团队也注意到手写笔类产品配件的繁荣，抓紧手写笔记工具的流行趋势，一路迭代升级，如今 OCR 手写笔记检索、分屏浏览、多人协作等功能也都被完善到其中，但是整体设计风格依然保持简约，充分利用触屏自然交互逻辑，在获奖之前，已经被 App Store 多次放到首页的推荐位上。

GoodNotes 团队透过社交媒体、电子邮件和网上投票获取用户反馈，不断地更新「微小但是用户可能会喜欢的功能」，不断地让用户感受到产品的贴心，同时向用户提供笔记导出为可搜索内容的 PDF 文档的功能，这样笔记不会被 GoodNotes 平台本身限制住，虽然有可能会带来用户流失，但是这种功能本身极大地提高了 APP 本身给人的安全感和亲和力。

另外，GoodNotes 本身的体验和功能吸引了大量的笔记控，这些高粘度的重度用户不断给产品反馈提供优惠，也反哺社区，增加了产品粘度。

虽然这次获奖的是 iPad 版的 GoodNotes 5 ，但是这款 APP 实际上已经覆盖了 macOS、iPadOS 和 iOS 三个平台。

2、年度最佳 Mac APP：MacFamily Tree

MacFamily Tree 是一款家谱类的软件，很明显不是一个使用频率很高，也不是需求很迫切的工具，但是它有着异乎寻常悠久的历史，它最早诞生于 1998 年，甚至都不是一款公开发行的软件，而最初的开发设备也是最早的 Mac 硬件设备 Macintosh 128K。

开发者历经 24 年一直维持着 MacFamily Tree 的软件更新，从最初的摩托罗拉 68000 系列 CPU 开始，逐渐兼容 PowerPC 平台的 Mac ，随后 Mac 的 CPU 切换为 Intel ，最近又变为自家的 M 系列芯片，MacFamily Tree 也是跟着一路折腾过来。

现在的 MacFamily Tree 已经是第十个大版本了，你可以借助它来构建你的族谱体系，可以邀请你的亲属参与进来，添加信息，为了更好地可视化地呈现家族成员，甚至在 AI 技术加持下可以为黑白老照片上色。

作为一款绝对的小众软件，MacFamily Tree 以最新的技术和功能加持自身，成为一款能够得到大众欢迎的 APP，某种程度上它可以说是如今很多垂直的小众 APP 的榜样了。

3、年度最佳 iPhone 应用：BeReal

在所有的社交类 APP 都在疯狂加滤镜、添加编辑功能的时候，Be Real 以一种截然不同的思路脱颖而出，并且成为 iOS 平台上的年度最佳 APP：它同时用到你手机的前置和后置摄像头，同时拍到你看到的风景和你本人，同时记录真实的场景和真实的拍摄者本身。

Be Real 可以记录 2 分钟内的视频内容，分享你真实的生活你的真实状态，而且，每天只能发一条！

在如今视频内容和社交分享高度同质化的今天，Be Real 靠剑走偏锋的呈现方式和受限的发送频率，以双重限制俘获了大量用户。

熟悉早期 Dribbble 的运作模式的同学应该能够理解这种源于限制的高价值感。

有一位用户在用过 Be Real 7 天之后，感觉自己对这个 APP 彻底上头了，

「它鼓励人们更加真实，而不是试图展现最好的自己。」

4、年度最佳 Apple TV APP：ViX

ViX 是世界上最大的西班牙语的流媒体平台，和我们所熟知的流媒体平台不同，ViX 出现的时间并不长，它基本上也是在疫情发生之后开始发力的。

2021 年 3 月 30 日，它以 PrendeTV 的名字正式推出，背靠 Televisa Univision ，平台本身有 Televisa 本身的自制剧，同时也分发第三方的流媒体内容，同年 5 月他们还整合高端流媒体资源推出了自家的 ViX+ 会员服务。

ViX 的 Apple TV 客户端上在保留平台本身调性的同时，也遵循了苹果本身的设计语言和 Apple TV 本身的交互逻辑和视觉语言，一点不输 Netflix 等顶级流媒体平台。

当然 ViX 的成功也离不开本身的差异化的语言受众。

5、年度最佳 Apple Watch APP ：Gentler Streak

Gentler Streak 在某种程度上，和 BeReal 有异曲同工之妙。在所有的健身类 APP 都在关注运动量达标的时候，Gentler Streak 则更加注重运动和休息的平衡，尤其是休息是否充足。

Gentler Streak 能够识别 100 多种不同的日常活动，包括遛狗和各种日常活动，并且能够将这些运动量计入到运动消耗当中，帮你更好地平衡运动和休息。

Gentler Streak 的联合创始人 Katarina Lotric 在接受采访的时候，谈及这款应用的诞生时，是这么说的：「由于我们无休止地追求更高、更快、更强，在身心两个层面上都遭受负面的影响，同时也找不到真正令人满意的解决方案来缓解这种痛苦，所以我们决定自己寻找解决方案。」

Gentler Streak 由于在用户的日常运动数据上有着更加全面的衡量，给出的运动建议和解决方案也更加多样化，在过去的一年里，已经被 App Store 多次推荐上了首页，这次能够拿到年度最佳 APP 也是意料之内的情况。

6、中国区年度最佳游戏：英雄联盟电竞经理

「英雄联盟电竞经理」同样是出奇制胜的游戏。打英雄联盟不稀奇，但是少有人体验过亲自带队布置策略来管理电竞团队的感觉。「英雄联盟电竞经理」完全是为了解英雄联盟、同时也想亲自带队的玩家所准备的经营类游戏，玩家可以在游戏中选择玩家，也可以根据需求调整玩家属性，根据自己的想法来「养成」比赛选手。

由于游戏中采用的是真实存在的电竞战队的角色，游戏中可以体验到近乎拟真的「电竞经理」的体验，这个游戏基本可以算得上是电竞版的 FIFA 了。

7、年度最佳 iPhone 游戏：Apex Legends Mobile

和国区有所不同，非国区评选出来的年度最佳 iPhone 游戏选的是 Apex。手游版的 Apex 依然是大逃杀式的玩法，背靠游戏研发经验丰富的 EA，手游版将桌面端复杂的操作根据移动端的屏幕尺寸和交互进行了精简和优化，玩法体验上依然维持了相当高的水准。

由于 Apex 庞大的玩家群体，手游版的 Apex 从桌面端的版本继承了大量的角色、武器和地图的数据，延续了用户对于游戏本身的认知，首发的 10 个英雄当中有 9 个是继承自桌面端的版本。

Apex 在任天堂 Switch 上发布的版本优化和调整不足，用户反馈不温不火，EA 充分吸取了教训，手游版没有跟桌面端互通兼容，交互性和游戏体验上尽力针对移动端小屏幕进行了体验优化，这应该也是这次获得最佳 iPhone 游戏的重要原因。

方寸见巅峰！腾讯高手如何做好《Apex 英雄》的手游设计？ 本文由腾讯光子设计中心的交互设计师和视觉设计师分别讲述如何实现《Apex 英雄》手游的体验突破与UI创新。

阅读文章 >

8、年度最佳 iPad 游戏：笼中窥梦

笼中窥梦同样是一个国内团队出品的游戏，出自两人工作室 Optillusion 之手，由于它独特的「视错觉」玩法，它在发布之初曾在很多独立游戏展和游戏奖项中露面。

在游戏过程中，玩家能操纵的只有眼前的一个立方体，而立方体的每个面都能看到一个截然不同的世界，可能是工厂、灯塔、游乐园、教堂等等，看似不同的世界则会随着你旋转立方体角度不同，产生不同的「视错觉」，进而产生关联和交互，而每一个谜题的背后，又都隐藏着一个需要被你反转的故事，巧妙，有趣又充满关怀。

看似简单的玩法，但是千变万化，似乎毫无关联的画面背后，还有令人落泪的内幕和剧情，笼中窥梦获奖实至名归。

9、年度最佳 Mac 游戏： Inscryption

Inscrvption 的中文名叫做 邪恶冥刻，是一个带有恐怖氛围、融合了密室逃脱的卡牌类游戏，游戏的整体氛围被营造得相当的具有神秘感，好在实际的游戏过程中，你并不会遭遇到惊吓。

但是和传统的卡牌游戏本身又有所不同，在所有的卡牌和解谜环节背后，藏着一条故事主线待你去发掘。如果你能接受卡牌解谜类游戏，那么你可能会很快发掘出推进的秘诀，随后你可以更快地获得剧情相关的信息，随后可以享受到这个引人入胜的故事给你的惊喜。

邪恶冥刻将多种玩法和故事剧情充分结合到一起，氛围、体验和玩法之间做到了平衡，这大概也是它获奖的理由。

10、年度最佳 Apple TV 游戏：El Hijo

El Hijo 是一款体验相当优异的潜行类游戏，它像「死亡搁浅」一样回避战斗，游戏本身有一个明确的故事主线，玩家需要在其中操作 6 岁的主角 El Hijo 在穿越修道院、沙漠和充满犯罪和恶行的小镇，这个过程中，玩家需要巧妙地利用各种场景中的障碍物、阴影来躲避危险继续前进。

Apple TV 版的 El Hijo 充分利用遥控器的圆形触控板来操作角色，在角色驱动的故事氛围下，自然地操作，进行游戏。2.5D 视角下的画面细腻精致，交互和剧情相得益彰，使得整个游戏的体验浑然一体，获得 年度 Apple TV 游戏的称号一点也不奇怪。

11、年度最佳 Apple Arcade 游戏：Wylde Flowers

如果你关注过今年 WWDC 上的苹果设计大奖的话，会发现 Wylde Flowers 也名列其上。

Wylde Flowers 本身在游戏性上就相当不俗，融合了RPG、模拟经营和解谜等元素，本身是叙述驱动，而游戏玩法则随着叙事需求有条不紊地进行变化，并不拘泥于一个类型，新的故事、新的谜团不断互相穿插，也将用户从固定单一的游戏玩法中解放出来，使得体验变得层次丰富。

另外，Wylde Flowers 本身还包含有一系列的 LGBTQ+ 角色，这些包容性角色的加入想必也为它获奖做出了一定程度的贡献。

12、文化影响力奖 今年新增的文化影响力奖，官方都单独给出了获奖的评语。这一奖项颁发给哪些鼓励用户更好进行自我表达、更加真诚的与人联系、并且试图创造更好世界的 APP，而从这些 APP 的评语当中，我们也可以一窥这些 APP 是如何实现「情感化设计」的。

羊驼喝水：「凭借丰富多彩的设计和温和的指引，羊驼喝水将引导用户喝水这件事情变得有趣，它使用创造性的挑战、巧妙的提醒和可爱角色让用户完成每日喝水指标。」

How We Fee：「How We Fell 这个应用通过提示用户更加轻松地打开，来引导用户关注自身的情绪健康，它有意识地让用户将深藏心底难以表达的情绪传递出来，并且及时提出缓解这些情绪的策略。」

Inua：「这是一个关于冰和时间的故事，它透过一个引人入胜的探险故事，帮助用户了解一系列关于因纽特人的传统习俗、民间传说，呈现出一个融合了历史事件的奇妙旅程。」

Locket Widget：「Locket Widget 让用户可以直接将照片发送到亲人朋友的手机主屏的小组件上，它可以润物细无声地推动亲密关系，摆脱日常的社交压力。」

Dot’s Home：「这个游戏通过一个奇异的时间旅行的故事，聚焦当下系统性的住房不公的问题，进而关注有色人种社区的一系列社会问题。」

结语 今年 App Store 颁布的年度最佳 APP 和 游戏总计 16 个，获奖 APP 在设计思路和用户体验上都有着独到之处，于细微处见真章，即使是偏门的垂直领域和单一功能的产品，也可以借由情感化、细腻的设计来俘获用户。

获奖游戏大多在游戏性的设计上不再拘泥于类型化的策略，大都让玩法服务于叙事，而这种设计方式已经超越了传统游戏分类的樊笼，也对游戏开发者提出了更高的要求。

文化影响力奖的加入，则体现了苹果一贯的对于社会当下的关注，其中所表达的关怀可以说是相当细腻了。