独立实践 / 2026 年 11 月 13 日

个人官网改版案例：充实内容，弱化边框

记录 Julian Cooper 官网的三轮杂志式设计迭代：从“太简单和空了”到内容充实，再到减少直线与边框，附真实截图和复用检查方法。

Julian Cooper · 2026-11-13

改版目标

个人品牌、作品与公开资源库并重，采用突出内容和阅读的杂志式排版。

实施范围 / 2026 年 11 月 12 日

中英文首页与资源库；保留已有项目入口、搜索和联系路径。

截图来自改版过程中的中文页面浏览器实拍，视口截取位置略有不同，用于说明设计变化，不构成性能对照实验。点击图片可查看大图。

杂志式设计，先确定阅读顺序。

这次改版希望访客能够理解：我是谁、我做什么，以及哪些资源可以拿去复用。第一版采用刊物式报头、衬线标题与纸白背景，在个人导语之后安排作品和资源。

方向明确了，首屏却显得疏。我的反馈是“太简单和空了”。只有视觉风格，还不足以让访客找到值得继续浏览的内容。

第二轮收紧导语，将 InkTyper 主打作品提前；侧栏加入网站 UI Skills，提供另一条阅读路径。三个较小的入口连接软件、学习与资源栏目，作品介绍补充具体用途和可探索的内容。

这些调整增加了页面上的有效信息，没有填入虚构评价、用户数字或商业成绩。核心判断是：哪些真实内容值得先被看到。

下一条反馈是“直线太多了，边框太分明了”。第三轮移除栏目与条目之间的装饰性线条，将深色侧栏调整为浅蓝灰，并给插画和面板加入适度圆角。

栏目更多依靠间距、字号和背景色区分。输入框与选中控件仍有可见状态，键盘焦点也保持清楚。视觉变柔和时，操作提示不能一起消失。

改版记录包含桌面与手机浏览器检查、中英文导航、资源搜索与筛选，以及空结果后的恢复操作。已有导航和资源测试通过。这些检查支持布局与交互可用的结论，不代表流量或转化率已经提升。

这是结合人工设计反馈的 AI 辅助改版案例。配套专题中的六个外部技能属于收录参考，本案例未逐一实测，也不声称六个技能都参与了实现。