跳到项目说明
返回作品
LAB · C01 / R5 · 一个导航的 30 种结构
设计库里一张对照图:同一个首页上的 30 种导航结构,分成顶部常驻、极简召唤、左侧常驻、边缘与底部、全屏系统、内容融合六类。

DESIGN LAB / 2026.07 —

网站设计库

这座网站是怎样被设计出来的:我很难用语言说清脑中的审美,就让 AI 先做出很多个真的能点的方案,我来选、拒绝、写原因,再把选中的部分搬进正式站。

问题与分工

说不清的审美,
一眼就能认出。

人很难用语言精确描述脑中的审美,也不知道行业里还有哪些可能;AI 会误解文字需求,一次生成整站又容易后半程偷懒、丢掉细节。所以不再“描述一个网站让 AI 去做”,而是让我在真实的候选之间做选择。

多个候选必须真实可体验,不能用换个颜色、换个圆角冒充不同方案。
  1. AI 负责找参考、截图分类、拆解好网站,补全我没想到的维度,生成能运行、彼此不同的候选。
  2. 我负责在缩小后的范围里选、拒绝、写原因、决定能不能接受审美冲突,对正式站做最终验收。
  3. 我不需要先学会专业设计术语,也不用浏览全部原始资料。

评审台

每个方案三个按钮,
再写一句原因。

主选、观察、不适合。原因和想融合的部分写在下面,自动保存;每轮导出编号存档,从 F001 一直记到 F144。

LAB · 导航与搜索组合 · 方向评审
设计库评审台:两个导航候选并排,各有主选、观察、不适合三个按钮和一栏写原因的输入框。
反馈
144轮,原话单独记录
候选
229个能运行的候选目录
实验系统
14个:导航、阅读、作品、年鉴……
覆盖项
62个设计维度的地图

一个导航 30 版

在同一个首页上,
换三十种走法。

顶部常驻、极简召唤、左侧常驻、边缘与底部、全屏系统、内容融合,六类各五版,每一版都能真的点开。现在页面顶部那条“岛屿”导航,就是从这一轮和之后几轮里一步步收出来的。

C01 / R5 · 30 navigation structures · 2026.07.16
30 种导航结构的对照图。

从实验到正式站

选中不等于上线,
搬进来、验过才算。

设计库是上游实验室,可以留下失败的候选;正式站只接收已经确认、迁移并验证过的部分。

  1. 2026.06第一版网站

    先有了一个能用的个人网站,现在封存在“网站档案”里,随时可以回去看。

  2. 2026.07建立设计库

    收集参考网站,校准首页方向,搭起可以逐项评审的正式 Lab。

  3. 2026.09.10新站上线

    首页、关于、作品、年鉴和创生纪逐块组合成整站,替换第一版。

  4. 2026.09 —每一次改动都留痕

    先在 Lab 比较,再搬进正式站;读者能看到的变化都写进公开的更新日志。

  5. 2026.10.11实验室与成品分开

    前台源码和发布工具迁回网站项目,设计库只保留参考、候选、反馈与方法。

arthurwanghouse.com · 现在的首页
现在的个人网站首页:黑白循环短片做背景,中间是“王昊 ARTHUR WANG”和一段自我介绍。

ARCHIVE / 2026

网站设计库

一次个人网站实战里留下的参考、候选、反馈和设计判断,也是这座网站一路走来的变化。

角色
审美选择 / 反馈 / 验收
实现
Codex · Claude
时间
2026.07 – 至今
状态
持续使用