A SMALL CORNER OF THE INTERNET

慢一点,
想清楚。

你好,我是 Yuan。一个喜欢设计、写代码,
也喜欢在散步时收集想法的人。

翻开我的笔记 ↓
✳ 持续记录,不急着定义杭州 · 2026

THE NOTEBOOK

最近写下的

6 篇随笔 / 随时翻阅

01 / LESS, BUT BETTER

好的设计,先做减法

留白不是没有内容,而是在给重要的事情留下位置。

阅读全文 ↗

最近整理一个网页时,我试着先不加任何装饰。只留下标题、正文和一个按钮。页面突然变得安静,我才发现,之前那些用来“增加高级感”的细节,其实都在争夺注意力。

从一个问题开始

访客打开页面后的第一件事是什么?如果答案是理解你的服务,那么字体、颜色、布局都应该帮助这件事。无法解释作用的元素,就先拿走。

减法不是把所有东西缩到最少。它是一种排序:先决定最重要的,再给它足够的空间。剩下的内容可以存在,但不用和主角一样大声。

设计的价值,常常是替人减少一次犹豫。

一个可试的小练习

把页面截成黑白图。看三秒,闭上眼睛,说出你记住的三件事。它们如果和你想表达的不一样,先调整层级,再讨论配色。

// small things, done wellconst idea = "a little better";

build(idea);
learn();
repeat();

不装框架,也能做一个好网站

原生浏览器能力,往往比我们记忆里的更完整。

阅读全文 ↗

我喜欢工具,也喜欢暂时不使用工具。最近这个博客就没有构建步骤:一个 HTML 文件负责内容,CSS 负责外观,几行 JavaScript 负责搜索和主题。

浏览器已经会做很多事

展开阅读用 details,链接用 a,表单校验用 required。这些看起来朴素的元素,本来就拥有键盘支持和默认行为。把这些基础利用好,常常能少写很多代码。

对于一个文章不多的个人博客,所有内容可以直接放在页面里。搜索只需要比较标题和正文。没有请求,也就没有等待加载的状态,离线打开也一样。

规模决定工具

当你需要多人编辑、登录权限、数百篇文章管理时,系统会出现新的需求。到那时再选择框架或内容管理平台也不晚。工具应该解决已经存在的问题。

03 / WALK WITHOUT A PLAN

散步的时候,不听播客

给脑子留一段没有输入的时间,想法反而会慢慢出现。

阅读全文 ↗

以前散步时,我总要听点什么。一本书、一个访谈、一堂课,好像走路的这半小时也应该有所产出。有天耳机没电,我才重新听见树叶、车轮和自己的脚步。

没有输入时,思绪并不会立刻安静。它会先把白天没有处理完的事情全部拿出来:没回复的消息、未完成的工作、一个想不清的问题。继续走一会,它们开始自己排队。

不必每分钟都被填满

现在我会给散步留一小段不戴耳机的时间。不要求有灵感,也不把它算成训练。只是观察光线落在哪里,街边店铺换了什么,自己的呼吸有没有放慢。

偶尔没有收获,也是一种完整的体验。
AaTYPE IS A VOICE.

排版,是页面的声音

在选颜色之前,先听一听文字本身的节奏。

阅读全文 ↗

同一句话,用大字号、紧行距排出来会像宣言;用小字号、宽行距写在侧栏里会像私语。排版在读者理解字面意思之前,已经开始说话了。

先建立秩序

一个页面可以先只用三种字号:标题、正文和说明。让它们的差异足够明显,再通过间距表达关系。属于同一个意思的内容靠近,不同层次之间留下距离。

中文正文需要舒适的行高。手机上一行不要太长,桌面上也不必让段落占满整屏。阅读的流畅感,来自眼睛能轻松找到下一行。

让强调保持稀缺

每个字都加粗,就等于没有强调。选择少数值得记住的句子,让其他内容好好讲清楚理由。页面会自然出现节奏。

LOCAL FIRST / PRIVATE BY DEFAULTsave(yourThoughts);

// no network needed
keepItSimple();

把一份小工具,留在本地

在需要联网之前,让工具先在自己的电脑上跑起来。

阅读全文 ↗

我给自己写了一个灵感记录板。开始时想加登录、同步和分享,后来决定先把“随手记下一个念头”做好。数据保存在浏览器,可以导出成文件。

这种方式有明确的边界:浏览器数据被清除时,记录会消失;不同设备不会自动同步。所以工具要把保存状态说清楚,也要给出简单的导出入口。

从可控的范围开始

本地工具适合个人试验,也适合演示。它不需要服务部署,不会因为网络波动中断。但当用户开始依赖它时,备份和迁移就应该成为体验的一部分。

我喜欢这种先把事情做小的过程。问题越清楚,代码越容易写,使用起来也越安静。

06 / A QUIET MORNING

一个没有计划的周末

咖啡、一本没读完的书,以及窗外持续变化的光。

阅读全文 ↗

这个周末我没有安排。起床后把窗帘拉开,发现光线和工作日没什么不同。不同的是,我没有立即打开电脑。

读书读到一半,想起一个页面的细节,就在纸上画了几笔。画完又把纸放下。没有规定这一天必须做出什么,所以每件小事都可以停在自己舒服的位置。

恢复比填满更有用

我不想把休息也变成一项需要优化的任务。有些日子就适合慢慢过去。傍晚出门,回来吃饭,想到今天看见的几件小事,已经足够。

BEHIND THESE NOTES

不止是作品,
也是思考的过程。

我相信一个人的审美,会藏在他如何安排日常里。在这里,我记录做设计时的小发现、写代码时的小突破,以及生活里值得记住的瞬间。

这是 Lumen Studio 的个人博客演示。文章与插画均为本地内容,断网也能搜索和阅读。

想做一个这样的博客? ↗