aoliao.asia 个人站点

独立设计 / 前端实现 / 内容梳理

张毅康

先把信息排清楚

再谈风格

一个关于版式、代码与阅读节奏的个人页面

01 关于

在河北工作,做界面与前端

我习惯先厘清结构,再决定形式。

张毅康,独立设计与前端开发从业者,主要精力放在工具类产品和个人项目上。接到一件事,我通常先问三个问题:信息的主次是什么,读者会停在哪一句,这个页面上有哪些东西其实可以不出现。想清楚之后再打开编辑器,动手会快很多。

我不太相信“先做出来再改”在版式上的效率。字距、行宽、留白这些参数一旦定错,后面所有修饰都是在替错误买单。

02 方向

三件长期在做的事

界面设计

为工具类产品与个人项目建立版式秩序。控制字号层级、行高节奏与色彩比例,让页面在不依赖插图与动效的情况下依然站得住。常用手段是收紧色板、拉开留白、把强调交给字重而不是颜色。

前端实现

把设计还原成可以直接在浏览器里运行的单页。关注首屏体积、语义标签和键盘可达性,优先用原生能力解决问题:能靠 CSS 完成的排版,就不引入脚本;能用一行渐变画出的形状,就不放图片。

内容梳理

整理散落的笔记、稿件与素材,让它们拥有可检索、可长期维护的结构。文档写得短,更新成本才低;命名足够直白,半年后的自己才敢改。

03 作品

篇幅克制,结构清楚

这里收录日常完成的部分工作:一套面向内容创作者的排版工具界面,三份城市观察的长图文,以及若干用于自我训练的字距实验。它们的共同点是不追求信息量,而是希望读者在两分钟内判断出值不值得继续读下去。

  • 排版工具界面
  • 城市观察长图文
  • 字距实验
  • 单页阅读版式
04 近况

把复杂的说明写短

最近在刻意练习这件事:删掉修饰,留下动词和数字,让句子承担更多义务。同一套办法也被用在这些页面里——能用一个字讲明白的地方,不写第二个字;需要读者停下来想一下的地方,就真的留出空白让他停。

05 联系

写信是最稳妥的方式

通常两日内回复

如需沟通项目、交换想法,或指出页面里的错误,可以写信到 hi@aoliao.asia。请附上背景与期望结果,节省彼此来回确认的时间。