No. 01
品牌系统 · Brand
砚白 — Ink·01
一个中文出版品牌的视觉重构
为独立出版品牌「砚白」重塑整套视觉语言：可变字重的中文标题字体、章回式目录与纸感色彩体系，让阅读回到内容本身。
可用档期 · 2026 春
No. 026 · 作品集
独立设计师 / 工程师
EN · 中文 · 日本語
设计是克制 之后的秩序
我是 林砚，一名常驻上海的设计师与前端工程师。过去七年，我在品牌、出版与数字产品之间穿行，专注于把版式、字体与交互打磨成一种可被阅读的叙事。本站是我 2026 年的工作纪要。
- 坐标
- 上海
- 经验
- 07 年
- 项目
- 52 +
- 语言
- 3 门
§ 01
精选作品 — Selected Works · 2022—2026
砚白 — Ink·01
No. 02
数字产品 · Product
Dose — 慢节奏
习惯与情绪的极简记录
一个本地优先的 iOS / Web 应用：用「刻度」与「呼吸」两种核心隐喻承载日常记录，所有数据加密保存在用户设备。
No. 03
海报与展览 · Print
Type · West Lake — 2024
字与水的三十张海报
为杭州「字与水」字体艺术展设计的系列海报：以可变字重与旋转网格模拟水纹，每张作品呼应一首古典诗词。
No. 04
交互装置 · Installation
风 · Field —
为声音而生的纸面装置
在上海当代艺术馆的群展「褶皱之间」中呈现的纸面动力装置：风速决定纸的弧度，纸的弧度决定光的形状。
No. 05
开源工具 · Open Source
Quill · 一种
给编辑者的极简 CMS
为独立写作者与小型编辑部开发的本地优先 CMS：Markdown 优先、可被 Git 备份、阅读体验优先于「管理体验」。
§ 02
关于 — A short self-portrait
在版面与代码之间，
我更愿意做桥。
我出生于杭州，在上海生活了七年。本科学的是视觉传达，研究生转向人机交互，毕业后在一家独立工作室做设计师，又花了三年时间学习如何写出可被阅读的前端代码。
我相信好的设计是克制的、可被理解的，并且能跨越媒介。在过去的项目里，我把字体、版式和交互看作同一种语言的方言，而不是三个独立的专业。
如果我在不工作，你大概能在某个二手书店、一场独立演出或一条夜跑的路线上找到我。
林砚 / 签于上海
“
我希望我做的网站，在十年后仍然能被人打开、被读懂 — 而不只是被截图。
§ 03
能力 — Skills & Tools
品牌与版式 Branding
92
交互与原型 Interaction
88
前端工程 Front-end
95
动效与微交互 Motion
80
字体与可变字重 Type
74
装置与编程 Installation
70
内容策略 Content
82
插画与排版 Editorial
78
FigmaSketchPhotoshopIllustratorInDesign
HTML / CSSJavaScriptTypeScriptVueReact
SvelteAstroNode.jsViteSwiftUI
Processingp5.jsThree.jsGitFoundry
§ 04
流程 — How we could work
-
Step 01
聆听 & 校准
一次 90 分钟的对话，了解业务、用户与限制；输出问题清单与方向假设。
-
Step 02
方向 & 概念
2—3 个并行的版式 / 交互方向，配可点击的草模与对照说明。
-
Step 03
细化 & 实现
字体、动效与组件库逐项落地；周更一次的演示版本与可被验收的清单。
-
Step 04
交付 & 陪伴
上线后 60 天的微调与文档陪伴，让设计在真实使用中继续生长。