CHEUNG .XIN Drop A Note

Cheung.xin / design → code → product

画得出 也要写得出

UI 设计 5 年,前端工程 4 年,产品思维 1 年。 不是什么都沾一点,而是从视觉表达到技术落地再到商业闭环,每一环都亲自走过。

5yr UI 视觉系统与品牌图形
4yr FE 交互还原与动效体系
1yr PM 需求拆解与数据驱动

01 / ABOUT

设计是起点,前端是桥梁,产品是终点。

Cheung.xin 不把自己框在单一角色里。从 UI 出发,用前端把设计真正做出来, 再用产品视角判断什么值得做——三位一体,不是什么都沾一点,而是每一环都亲自走过。

画得出,也要写得出

很多设计师画完就交出去了,落地效果全凭开发理解。Cheung 的做法不一样—— 自己画、自己写、自己调,从 Figma 到浏览器中间没有信息损耗。 像素级还原不是要求别人,而是自己对自己的标准。

视觉系统先行

不急着画页面,先把色彩、字阶、间距、组件规则定清楚,后面所有产出都在体系内。

动效是设计的一部分

过渡、缓动、微交互——这些不是锦上添花,而是体验的骨架。静态稿讲不清的,代码里补完。

做对的事比做好更重要

技术再漂亮,方向偏了就是浪费。产品思维让每一行代码都有业务意义,不只是技术自嗨。

02 / CAPABILITY

从设计稿到上线产品,中间的每一步都能自己走。

不是会三个岗位的名词,而是真的在每个环节交付过。 设计系统搭建、组件库维护、性能优化、需求拆解——这些不是纸上谈兵,是实打实做过的事。

Skill Spectrum Cheung.xin
DESIGN → CODE → PRODUCT
设计系统

从 Token 到组件库,从 Figma Variable 到 CSS 变量,一套体系贯穿设计与开发。

交互还原

不是"差不多就行",而是状态、过渡、边界情况都考虑到,让用户感觉不到设计到代码的断层。

产品闭环

能判断需求优先级,能用数据验证假设,能把技术方案翻译成业务语言跟团队对齐。

04 / GUESTBOOK

路过的话,留一句再走。

不管是合作意向、对作品的看法,还是一句随意的感想,都欢迎写下来。 留言存在你的浏览器里,后续如果接上后端就能跨设备同步。

Leave something interesting

当前版本为前端本地存储,刷新后依然保留在当前浏览器。

Guestbook Stream

留言墙

0 条留言

05 / ABOUT CHEUNG

从像素到产品,十年只走一条路。

Cheung.xin,UI 设计 5 年,前端工程 4 年,产品思维 1 年。 不是三段割裂的履历,而是一条从视觉表达到技术落地再到商业闭环的完整链路—— 画得出,写得出,也想得明白。

5yr UI Design 界面、视觉系统、品牌图形
4yr Front-end 交互还原、动效、组件体系
1yr Product 需求拆解、优先级、数据驱动