这里是 「Fabrie Blog」 ，旨在分享 Fabrie 主创团队的幕后故事。希望你在这里会笑，会感动，会会心点头，欢迎订阅保持关注。
你现在手边有便利贴吗？
发现一个很神奇的现象，不管是在生活还是工作中，大家都会默契地储备很多的便利贴，因为总觉得随时都会用到。
于是，一些“莫名其妙”的故事就发生了：
一分钟内用便利贴贴脸的吉尼斯记录。我数了三遍，也就58张。第一次觉得自己多努力一下，也能为国争光了......
费时8个小时，用1.5万张便利贴贴满朋友房间的恶作剧。最后朋友又花了两个多小时一一撕完，这种双向奔赴的毅力，大概就是真朋友了。
还有因为上班摸鱼在办公室窗户上用便利贴贴了一个“Hi”，不小心引发了一场持续一个月的创意大战......
两栋面对面的办公楼分属于两家广告公司巨头（Horizon Media和Havas Media），这场荣誉之战，确实不能输！
直到四面八方的公司都纷纷加入战斗，甚至不眠不休，彻夜赶工。大厦管理员发现事情开始不太简单，出面制止。
于是，Havas用一副史诗级的“drop the mic”做ending，可以说是相当有态度了。
这场没有硝烟的战争，3M（便利贴生产商）恐成最大赢家。
此刻，我望着dabo办公室的玻璃墙点了点头。
嗯，很合理，毕竟是便利贴公司。
但，为什么是便利贴？
01
便利贴：look at me！
在这个信息爆炸的时代，大概只有便利贴可以凭借一己之力，让早已习惯打字的我们还能时常有些提笔挥洒的机会。
这个两块钱一本的小东西，总有一种神奇的魔力：
只要他一出现，就好像在冲我们喊：look at me！
并且我们真的就那么做了。
看似极简的设计，却有着极强的通用性和符号属性。你有真正意识到过、思考过自己对便利贴的依赖吗？
便利贴的通用性
便利贴的“便利”属性，让我们可以用最简单和随意的方式来使用它：可以写任何不成熟的想法，可以随时撕下和替换，可以被贴在任何地方......
没有了限制，反而让我们习惯于没有任何心防地在便利贴上写下任何心中所想。
特别是对于设计师而言，便利贴已经无声无息地钻进了我们工作的每个角落：
用便利贴头脑风暴：想法可以荒诞，我们只要数量。
会议时用便利贴记录观点和想法：有限的时间内提纲挈领，精炼观点。
团队商议时用便利贴表达意见：不打断，延迟表达。
设计前思路整理：记录灵感碎片，整合架构，填充细节。
进行工作铺排：搭建看板，目标清晰。
......
因为极致地简单和便捷，反而放大了便利贴的通用性。
便利贴的符号属性
当便利贴不设限地被使用时，似乎也在无意识间成就了它强烈的符号属性。
一看到彩色的正方形便条纸，我们会下意识地去注意它上面的内容，觉得上面的信息很重要。
它会自动给我们一种心理暗示：这里有一个很棒的idea。
有没有发现，很多时候我们明明可以直接在白板或者玻璃墙上写字了，但我们还是习惯使用便利贴。
因为便利贴上的字，就是会被拎出来的高亮信息。
所以便利贴的最大意义，大概就是让每一个想法被看见。
它成功地帮助我们将观点可视化；帮助我们吸引别人的注意力；帮助我们表达；帮助我们将碎片化的信息沉淀下来，以寻求不易被觉察到的串联与洞察。
《IDEO，设计改变一切》中就是如此提到便利贴的：
“那些无所不在的小贴纸，不止是创新的标志，其本身也变成了创新思维的重要工具。那些点缀着项目工作空间墙壁的小贴纸，已经帮助数不清的设计思考者首先捕捉到范围极广的洞察，然后再将洞察以有意义的方式排列起来。”
或许你从来没有在意过这个小玩意，但不得不承认，我们在无意识地依赖它。
每一张便利贴都有它的力量。
02
Fabrie：便利贴必须就是便利贴
在做数字白板之初，便利贴就是我们第一时间会考虑到的功能。就像是将办公室的实体白墙搬到了线上，自然也要将便利贴一起带给大家。
而且，我们希望能最大可能地保持并发挥便利贴自身的符号属性。即使是在数字环境中，它的人文价值和实用价值也不会变。
所以，便利贴必须就是便利贴。
不管被使用在哪里，它都会靠着自身视觉的特殊性，向我们挥着手，成为最引人注目的存在。
不需要我们做任何引导，大家就会拥有与便利贴交互的共同默契。
这是一种很神奇的化学反应，是一种人与物之间的浪漫。
这是真便利贴！
所以细心的朋友大概已经发现了，我们为了将便利贴做到极致拟物的状态，做了很多细节上的处理。
为突出立体效果，需要绘制卷角区域的阴影与渐变。是的，不会翘起来的便利贴不是“好便利贴”。
粘贴处隐约可见的胶水和折痕，也更大程度地将其与图形区分开。
此外，经过我们的考量，我们做了支持文字自动排布的功能，从而保持便利贴的尺寸。因为如果便利贴能够随着文字缩放，会使得它失去图形的特性，而变得与一个矩形框没有实质性的差别。
这是我们对便利贴的极限尊重。
当然，这很符合我们在现实语境下碰到的情况，毕竟就算我们在便利贴上画一幅清明上河图，便利贴还是那个小小的彩色的正方形便签纸。
关关难过关关过
要在一个数字白板中将便利贴做到与物理世界的极度贴近，我们遇到的麻烦其实也不少。
相比于一个矢量的矩形，拟物的便利贴多了很多阴影和材质上的细节变化。所以为了还原一个真实的便利贴，我们必须要以位图的方式来加载和显示这张提前制作好的背景图片。
但无论是这个图片的下载，还是在白板上的渲染，拟物的设计都会凭空为其增加不少压力。
相比将白板陷于经常卡顿的尴尬局面，直接用一个矢量矩形来绘制很自然地成为了一个绝佳的妥协方案。
但我们还是希望能尽量找出一个更折中的办法，达到较为理想化的状态。
产品团队不断更迭了很多解决方案，包括压缩图片，用更小分辨率的图片等想法。但如果让大家在放大白板后，清晰地看到便利贴像素化的边缘，那依然不会是我们想要看到的。
所以最后的解决方案，我们决定从技术角度下手。
首先，为了提供不同颜色的便利贴，我们不会让用户下载多个图片，而是通过Shader（着色器）直接在前端将原图渲染成不同的颜色。这样Fabrie在前端加载的时候，就只需要下载一张高清的图片。
其次，当用户白板内的便利贴数量非常多的时候，大几率画面已经缩放的比较小。此时每一个便利贴都会占相对较小的面积，导致便利贴的阴影和材质已经不是一个能够清晰显示的细节了。
所以我们采取了游戏中也经常使用的一种优化技巧--LOD（Level of detail）的方式。
我们会将尺寸较小的便利贴转化为一个同色的矩形，从而减少渲染上的浪费，并且极大的提高了流畅度。如果不是专门盯着看，可能也很难注意到这个切换。
这就是我们我们为了将便利贴做到逼真的过程，或许过程有点艰难，但结果值得。
写在最后
20年的时候，《财富》杂志评选了 100 个「现代最伟大的设计」产品，便利贴就在其中。而跟它一起上榜的，还有iPhone、Google 搜索引擎、波音747、阿波罗 11 号探月工程......
这个你很少在意的小东西，在一列高科技的产品中不骄不躁、不卑不亢。
我觉得设计师们或许都可以思考一下，假如这个世界上没有便利贴，你会怎么去设计它？
评论区留言分享一下你的看法，我们会随机抽取三位朋友，送出Fabrie的惊喜周边～
「Fabrie文档」是一款面向全球设计师团队的在线协作类产品，这里是 Fabrie的「Fabrie Blog」的不定期推送，欢迎订阅保持关注。如果我们的内容中出现了什么不当之处或有图片侵权的情况，请尽情指出，我们一定会及时改正，也欢迎大家随时与我们分享设计行业的新鲜事。
往期分享
设计团队都该学会的丰田「看板管理」，高效处理设计任务！
Fabrie采集助手 | 建立你的素材中转站
👇 点击「阅读原文」查阅更多
本文来自微信公众号“Fabrie文档”（ID：gh_f1422ffb4195）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。
