界面与交互实现
把设计稿还原成结构清晰、命名可读的页面,处理表单、动效、响应式断点这些容易被忽略的细节。
前端工程 · 内容编辑 · 静态站点实践
在郑州生活与工作,日常把时间花在“把界面做干净、把文字理顺畅”这两件事上。
我叫李爽,一名前端开发者,同时也做内容编辑。过去几年里,我参与过企业官网、内容型站点、数据看板和个人博客的搭建,从信息结构、页面实现到上线后的性能与体验调整,习惯把一件事从头跟到尾。
我更在意“稳定和克制”:页面在低端手机上也要一次打开就顺畅,代码在半年后自己再读也能看懂,文案在读完第一段之后仍然愿意往下读。技术栈上以原生 HTML、CSS、JavaScript 为主,也写 TypeScript、Vue 与 Node.js,常用构建工具做静态站点的自动部署。
四件我长期在做、也愿意继续做深的事。
把设计稿还原成结构清晰、命名可读的页面,处理表单、动效、响应式断点这些容易被忽略的细节。
中文版式的行高、字号与标点统一,长文档的结构重组、编号体系与多轮校对,让内容读起来不费劲。
用原生 SVG 与 Canvas 绘制轻量图表,配合接口轮询与缓存策略,让看板在小屏设备上同样可用。
从模板到构建、压缩、边缘缓存与证书续期的整条链路,一次配置好之后持续稳定地发布。
挑几段近年参与较多的项目,简单说一下当时解决的问题。
把长文页的阅读体验重做了一遍:重排标题层级、统一注释与引用样式、加入阅读进度与目录,手机端跳出率明显下降。
为团队做一个单页看板,用原生 SVG 绘制趋势图与占比环图,接口异常时降级显示最近一次成功的数据。
负责落地页的结构与实现,表单做了逐步校验与失败重试提示,配合埋点把转化路径拆清楚。
用 Markdown 写稿、构建时生成页面,接上自动部署与访问统计,写作和发布之间的步骤压到两条命令。
工作之外,我靠这些把节奏慢下来。
周末通常会去公园骑行,沿着河边的绿道走一段;也喜欢用胶片相机拍街景,一个夏天大概能拍掉十几卷。在家的时候会看点排版与字体的书,顺手把读到的有意思的例子记进自己的笔记里——现在这个站点上的一些版式取舍,就是从那些笔记里长出来的。
项目合作、内容约稿或只是想聊两句排版,都可以直接联系我,工作日通常当天回复。