我把个人门户做成了 Apple 发布会

起点：一句话需求

“帮我做一个个人门户网站，展示我的 GitHub 项目。“——需求就这一句。第一版很快就有了：暗色背景、粒子球、巨型排版，说好看也确实好看。

但好看和”对”之间隔着一整个审美体系。

第一次跑偏：把”酷炫”当目标

看到 lusion.co 之后我明白了自己想要的感觉，于是开始追：Three.js 粒子场、辉光后期、星系形态、流星、点击冲击波……版本号一路滚到 17。

然后用户（也就是我自己）说了一句致命的话：“总感觉有点不科幻，跟夜店一样。”

这句话值千金。它揭示了堆特效的根本问题：特效是加法，而高级感是减法。彩色噪声粒子 + 满屏辉光 + 到处都在动 = 每个元素都在喊叫 = 没有主角。

标尺的更换：“如果是 Apple 会怎么做”

换标尺之后一切决定都变得简单：

• 页面上只允许一个视觉主角 → 粒子从彩色噪声改成银白磨砂星球，像被打光的实体
• 全页只保留一种颜色 → Apple 蓝的轨道环，其他全部黑白灰
• 特效必须有结构意义 → 留下呼吸、轨道环、滚动形变；删掉流星和冲击波
• 文字是内容，不是装饰 → 撤掉流光渐变，HUD 角标、坐标读数全部移除

改完之后再看 17 版，不是”变简单了”，而是第一次像一个产品。

中间也走过弯路

不是所有”更 Apple”的直觉都对。我一度把作品区做成全屏卡片逐张翻页——结果被一句话打回：“这做成了 PPT 的形式。“真正的问题在于：Apple 的页面是连续流动的，没有”翻页”这种离散动作。最终改成连续编辑排版：大留白、发丝线、内容随滚动淡入，粒子场在文字后面全程流动。

沉淀下来的三条军规

1. 每屏只有一个主角——其他元素按配角逻辑调暗、缩小、退后
2. 动效必须有结构意义——它要么引导视线，要么解释状态；纯耍帅的一律删
3. 克制是循环使用的货币——克制地用颜色、克此地用动效，攒下来的注意力留给真正重要的那一下

这个网站现在还在迭代，但这三条不会再变。