创造快乐的事物

现在一切都不太好。事情（总体而言）感觉很糟糕。撇开全球大流行和猖獗的社会不公正的更广泛现实，我们正在目睹网页平台的特性，一个本质上自由开放的创意表达媒介，被用于建立在人为稀缺和加速的气候危机之上的“Web 3.0”骗局。

网站（大多）看起来都差不多。框架、矢量设计工具、数据驱动设计以及最大化商业价值的必要性（哦，天哪，一直都是资本主义）的激增，导致了默认设计的现状。网站拥有自己的、一致的、可移植的 UX 语言，这有助于用户快速理解新的网站，这很棒，但拥抱这种语言是一种权衡，设计沉闷是代价。

如果不必如此呢？如果我们决定用我们的工作来创造快乐呢？毕竟，在许多人经历着深沉黑暗的时期，用你的作品让某人微笑或大笑是一件特殊的事情。如果我们能做到，难道不应该尝试一下吗？

“好吧，你打动我了，但怎么做呢？” 我听到你在问。

嗯，就是这样

网络社区充满了用他们的工作创造快乐的人。让我们看看他们是如何做到的。

意想不到的互动

你知道网页是一个交互式媒介吗？我知道，很奇怪，对吧？当某样东西对他们做出反应时，人们会有一种“哦，太棒了”的感觉。猫从架子上把东西弄下来，人们会悬停和点击东西。这是简单的生物学（也许吧，我不是生物学家）。

Cassie Evans 在她的个人网站上用这个动画肖像让 SVG 充满了“精湛” (V 代表精湛) (它没有)。我非常喜欢它如何以一种自然的感觉追踪光标，并且我喜欢当你悬停在交互式元素上时她的表情如何变化。

我喜欢来自 Josh Comeau 网站的这个小小的悬停交互。我认为在这个 3D 插图中可能会有一个隐藏的交互，但令我惊讶的是，背景对我的光标做出了反应。据我所知，它没有起到“作用”，它浪费了我一些本来可以用来“参与内容”的宝贵时间，但它让我笑了。

这个出现在 Lynn Fisher 网站上的小巧的弹出式书一样的拉页很可爱。我相信点击或滚动会更容易实现并完成工作，但这很特别。它与众不同，它出乎意料。它很有趣。 每一 个她网站的迭代都非常棒，所以我鼓励你查看她的 档案。

动画

我们终于到了运动被烘焙到设计系统中并被认为（几乎）与你的字体和颜色一样重要的位置。尽管如此，我们仍然可以使用动画将交互从整洁提升到快乐。

来自 Josh Comeau 的另一个大作：他博客上的点赞按钮上的这个小交互。当然，它可以只是一个 ❤️ 图标，但它充满了令人愉快的个性，具有很多吸引力和次要动作。弹性的缓动曲线和热情的表情创造了吸引力，而最后的 +1 和彩带增加了受欢迎的次要动作。这甚至加强了体验，因为它鼓励人们点击那个小按钮。去试试吧，还有一些很棒的小音效！

3D

在 WebGL 和 CSS 3D 之间，将网页推向二维之外已经成为可能。好消息是，它仍然是一项专业技能，有时也是一个痛苦的事情，所以它仍然很罕见。即使在“3D 插图”成为 热门趋势 之后，交互式 3D 元素仍然是注入一些个性的好方法。

lepuzz.com 从头到尾都是一个充满快乐的网站，但我特别喜欢悬停时出现的旋转产品图像。

互联网神秘生物 “Henry” “Desroches” 使用这些悬停在案例研究上时出现的动画 3D 旗帜添加了一些个性。他使用噪声纹理来位移平面上的顶点，从而产生了这种可爱、舒缓的效果。

不要把它变成一个列表文章，让我们结束吧

• 打破规则！
• 使用奇怪的颜色！
• 将动画和交互放在它们不属于的地方！
• 使用音效！

网页既是文化产物，也是诱使人们观看广告的平台。我们有能力用我们的作品让人们快乐；以字面意义上的分享爱。

理解优先考虑快乐将会有代价。就像制作其他一切一样，这是一个权衡。它可能会让某人的电脑风扇打开，这会让一些人（不是“大风扇”的裙带关系者）非常生气。它可能会更慢，对于使用较慢设备的人来说可能不太好用。创造快乐需要你无法用来最大化关键指标和协同向上溢出的时间；减轻这些权衡的负面影响将占用更多时间。毕竟，以上几乎所有例子都是来自个人网站，而不是大型 品牌，是有原因的。

但是，如果让某人微笑是值得的呢？如果它值得付出代价呢？在很多方面，我们生活在糟糕的时代。放弃一些东西来尝试让某人开心是值得的。