About · 关于我

先想清楚
它该怎么用

设计师出身,后来做了前端。这个顺序塑造了我看产品的方式—— 先关心它解决什么问题,再关心它长什么样。

木冬的肖像占位图
此处替换为你的照片 · 4:5 竖版

我是谁

我叫木冬,住在杭州。2019 年从视觉传达专业毕业,先做了两年产品设计, 2021 年转向前端。现在在一家做城市数据产品的公司,负责设计系统与前端架构。

我喜欢的工作方式是一个人从头走到尾:调研、画原型、定交互、 写实现、调细节、上线、看数据、再改。中间不经过翻译, 意图就不会在传递中损耗。

技术上我最熟的是 React + TypeScript,做过不少 WebGL 和 Canvas 的东西。设计上我偏爱克制的排版、大留白、少而准的动效。 我一直觉得,一个界面真正的高级感,来自它没有多余的东西。

工作之外我拍照、跑步、读建筑杂志。这些事看起来和写代码没关系, 但它们都在训练同一件事:对比例和分寸的判断。

0
年设计 & 开发经验
0+
交付的产品与项目
0
设计系统从 0 到 1

01 Experience

经历

2023 — 现在

高级产品设计师 / 前端工程师

某城市数据科技公司 · 杭州

负责 Atlas 空间数据平台的设计与前端架构。搭建了服务 40 名工程师的 设计系统 Monolith,把设计与实现的语言统一到一套 token 上。 主导前端性能治理,首屏从 4.1s 降到 1.2s。

2021 — 2023

前端工程师

某 SaaS 创业公司 · 杭州

从零搭建管理后台前端。引入 TypeScript 与组件库规范, 把团队从 jQuery 迁到 React。同时承担大部分交互设计与动效实现。

2019 — 2021

产品设计师

某品牌设计工作室 · 上海

做品牌官网、移动应用和视觉规范。这段经历让我学会怎么和客户沟通, 也让我意识到:设计不落地,就只是图。

2015 — 2019

视觉传达设计 · 学士

某美术学院

主修字体设计与信息设计。毕业设计做了一套面向视障用户的地铁导视系统, 拿了院级优秀。


02 Capabilities

能做什么

不是全部都会,但下面这些是真的能交付的。

Design
产品设计 交互设计 信息架构 设计系统 字体排印 Figma
Front-end
React TypeScript Next.js Tailwind CSS CSS 架构 无障碍
Motion & 3D
GSAP Framer Motion Three.js Canvas WebGL
Data Viz
D3 地图可视化 图表设计 大数据渲染
Engineering
Vite 性能优化 CI/CD 单元测试
Working Style
独立交付 远程协作 技术写作 带新人

03 Principles

我信的几件事

01

先做对,再做美

一个界面如果解决不了问题,再好看也只是装饰。顺序不能反。

02

动效是标点,不是正文

好的动效让人感觉顺,而不是让人注意到动效本身。多一分就吵了。

03

性能和美感不冲突

慢的界面就是难用的界面。把首屏压到 1 秒内,是设计的一部分。

04

能删就删

每加一个元素前先问:去掉它,用户会损失什么?大部分时候答案是"不会"。


04 Contact

聊聊你的项目

目前接受新项目,也欢迎单纯聊聊设计或技术。订阅更新,或直接在日记下留言。

想聊合作?在任意一篇日记下留言,我会看到。