FRONTEND · DESIGN · LIFE
0
Creative Studio

脑洞 碎片 实验室

Vol. 001 · 2024 · 长沙
编者按

我一直觉得,最好的创作状态是"乱"的——桌上摊着三本翻了一半的书, 浏览器开着七八个标签页,笔记本里写着一行字然后就停住了。

这个页面就是我试图把这种"乱"呈现出来的地方。你会看到还没写完的想法、 做了一半的实验、以及对某些事物毫无来由的执念。

欢迎进入这个乱糟糟但充满活力的脑洞现场。

— 六月末
设计思考

我对"好看"这件事的执念

有人问我为什么一个按钮的圆角要纠结三十分钟。我想了想,答案是: 因为圆角不只是圆角,它是情绪的表达。

我第一次意识到这件事,是在 2021 年看到一款手机银行 App 的改版。 它把所有按钮的圆角从 4px 改到了 12px,字体换成了更圆润的款式, 配色也从冷峻的深蓝变成了温和的天青色。账单还是那些账单, 功能还是那些功能,但我第一次觉得——钱这件事,好像没那么可怕了。

形式不是装饰,形式本身就是内容。 每一个视觉决策,都在悄悄地告诉用户: "我们是谁,你可以信任我们。"

这让我开始认真对待那些看似微小的决定。颜色的冷暖会影响信任感, 字间距的松紧会影响阅读速度,留白的多少会影响信息的分量感…… 好的设计是一场无声的沟通,让用户在完全没有意识到的情况下, 就完成了你希望他完成的事情。

所以我会为一个按钮的圆角纠结三十分钟。因为那三十分钟里, 我在想的是:这个产品想给用户什么感受?我们想建立什么样的关系?

实验笔记

做到一半的事情们

有些想法被认真对待了,有些还只是一颗种子,但我觉得它们都值得被记录。

已完成

字体加载的小实验

在低网速环境下,字体还没加载完成时,页面会出现一段短暂的 "字体闪烁"现象(FOUT)。我花了两天研究了所有解决方案, 最后找到了一个用 CSS font-display: swap 配合内联关键字体 子集的方案,在 3G 网络下闪烁时间从 2.3s 缩短到了 120ms。

2023.11 CSS · Font API
暂停中

一个「阅读时间轴」工具

想做一个工具,让人可以把自己读过的书按时间排列, 看到自己某段时期的阅读偏好和思想变化轨迹。 画了界面稿,写了技术方案,然后就拖到现在了。 (主要是没想好数据怎么持久化……)

2023.09 搁置 Vue 3 · IndexedDB
想法阶段

「反词典」项目

一本记录词语"被误用方式"的词典。比如"内卷"现在是什么意思, "躺平"为什么会被误读,"赛博"这个词的语义漂移轨迹…… 本质上是一个语言学观察记录项目,但我想用有趣的排版呈现它。

2024.03 想到的 还没想好
碎片收集

有些话,不足以成文,但值得被记下

最近发现一件有意思的事:当一个网页的背景色从纯白 #ffffff 换成 #fafaf8(带一点暖意的白),人们停留的时间会变长。 也许人类本能地抗拒"完美",更愿意待在有一点点温度的地方。

Mar 2024

代码写得好的人有一个共同点:他们极度讨厌重复自己。 DRY 原则不只是工程原则,它是一种审美观。

Feb 2024

我想学的东西清单又长了三项:
① Blender 建模
② 基础乐理
③ 西班牙语
有生之年系列(手动狗头)

Feb 2024

好的文档是程序员能给同行最温柔的礼物。 它意味着:我考虑过有人会在这里卡住,所以我提前等在了这里。

Jan 2024

最近在想:如果把"调试"的思维方式迁移到日常生活里—— 假设并验证,而不是情绪性地结论……会不会吵架少一点?

Jan 2024
"
设计的目标不是让事物看起来很美, 而是让使用它们的人感觉很美。
— 某处读到,作者忘了,意思记住了

CSS 的 gap 属性改变了我的人生。 不是开玩笑,我再也不用写 margin: 0 -8px 了。

Dec 2023

越来越喜欢不带 icon 的设计——纯文字、克制的排版, 靠字体重量和颜色层次传达信息。 很难做到,但做到了会很美。

Dec 2023
近期输入

滋养我的那些东西

📚 在读 / 读过

  • 《非设计师的设计书》 ★★★★★

    Robin Williams 用这本薄书把我对设计的认知翻了个底朝天。 四个原则:对齐、重复、对比、亲密性。这四个词我现在每天都在用。

  • 《人月神话》 ★★★★☆

    1975 年写的书,2024 年读,每一句话都像是写给今天的。 "加人不能提速"这个反直觉结论,每次接手大项目前都要在脑子里默念三遍。

  • 《把时间当作朋友》 ★★★★☆

    李笑来写的,核心观点是:成长的本质是升级你的操作系统, 而操作系统可以通过持续、专注的行动来改写。没有捷径,但有方法。

🎵 最近在循环

  • Nils Frahm — All Melody

    写代码的时候无限循环。钢琴、电子、管风琴混在一起, 有种把空间拉宽了的感觉,让思路反而更清晰。

  • 陈粒 — 奇妙能力歌

    她说"我要用我奇妙能力为你写首歌"。有一种轻盈的坚定, 正是我想写代码的状态——不沉重,但认真。

🎬 印象深刻的片子

  • 《ABSTRACT: 设计的艺术》 强烈推荐

    Netflix 的纪录片,介绍了各领域顶尖设计师的工作方式。 看完之后连续两周觉得什么都可以被重新设计。

· · ·

这个页面会持续更新,就像一本一直在写的杂志。
如果你读到了这里,谢谢你的耐心。
如果你也有什么奇怪的想法想聊,随时找我。

Vol. 001 / End