Hangzhou · Product & Frontend

林予安 把复杂的问题 做成看起来理所当然的界面。

产品设计师兼前端工程师。从信息结构到像素实现,一个人把产品走完。

目前 独立执业 · 杭州
关注 阅读体验 / 动效 / 工具产品
状态 接受长期合作
01 — 关于

在设计与代码的交界处工作。

I design systems, then write them into the browser.

我习惯先把问题拆开:谁在用、在什么情境、卡住的是什么。然后再决定界面长什么样。过去五年里,我做过金融后台、教育产品和消费品牌站点——有的从零开始,有的是把已经长歪的结构重新立起来。

设计稿对我来说只是中间产物。真正重要的是上线之后:字距是否还站得住、滚动是否跟手、弱网下第一屏会不会塌。所以我自己写前端,用代码验证设计,而不是把还原交给下一棒。

工作之外我读纸书、走路、偶尔给独立书店做一点无报酬的页面。杭州的雨天很多,适合把字写慢一点。

  • 2019–2022某互联网公司 · 体验设计
  • 2022–2024产品团队 · 设计负责人
  • 2024–独立设计与前端
02 — 作品

近期项目

2025

山海书店

为一家独立书店做的线上选书体验。按书架、季节与店员手写短评组织内容,而不是按销量排行。

体验设计前端内容结构
2025

朝露

极简习惯追踪。一天只问一件事有没有发生。没有连续打卡胁迫,没有社交排行,界面几乎是空白的。

产品设计动效PWA
2024

观象

气候与城市数据的叙事网站。用滚动驱动图表出现,让一组枯燥的数字变成可以停留的故事。

数据叙事滚动动效可视化
03 — 能力

设计

信息架构、交互原型、视觉系统、设计评审

前端

语义化 HTML、CSS 动效、React / Vue、可访问性

协作

需求澄清、内容策略、独立交付、远程异步

04 — 随记

最近在想的事

空白比装饰更难

删掉一个模块之后,剩下的节奏会不会塌,是比加上去更需要判断的事情。

字体是界面的骨骼

很多产品的「不好看」,其实是字号层级和行长没有被认真对待。

慢一点的网站

并不是加载慢,而是允许人把一句话读完,再决定要不要往下滚。

05 — 联系

如果项目合适,我愿意认真做。

适合:独立产品、品牌站点、内容型网站、需要设计与前端一起交付的长期合作。不适合:纯外包切图、没有决策权的大团队螺丝钉岗位。