个人网站设计参考：470 多个真实个人站里最常见的做法

默认的个人站是浅色、文字优先的页面。随机抽取的 96 条里，浅色背景 68 条、深色 28 条；首屏布局中文字为主 39 条、大字标题 29 条、创意隐喻 18 条、大图开场 5 条、作品卡片 5 条。

样本/方法：样本：personal-sites 合集随机抽取 96 条（两轮固定种子抽样）与书签数最多的 24 条，按每条首图（站点截图）的首屏布局由编辑人工归类；书签数为 2026-10-18 抓取的公开数据。合集 473 条，2026-09-07 至 2026-10-17（UTC+8），已剔除本站作者自己的个人站 1 条。

96 个随机样本里只有 19 个在首屏放了真人照片；大多数直接用名字加一两句话开场。文字优先不等于平淡：Benji Taylor 的 benji.org 就是简短自我介绍加一份按年份排列的文章列表。

Benji Taylor（@benjitaylor）在 2026 年 9 月 7 日发布了自己的站点 benji.org，首屏是几段自我介绍加一列按年份排的文章，没有大图和动效。这条是合集里收藏最多的帖子（7,181 次书签、12,743 次点赞、约 590 万次浏览，RapidAPI 2026 年 10 月 18 日抓取），不过 benji.org 页面写明本人在 SpaceX 担任 X 的设计负责人（2026-10-18 打开核实），发帖人影响力很大，这能解释不少收藏。（条目：Benji Taylor 的个人网站 benji.org）

深色极简也可以同样成立：Dorian 的页面在纯黑底上只有一段居中的自我介绍和两个联系按钮。

Dorian（@doriannvdv）在 2026 年 10 月 13 日（UTC+8）更新了自己的个人站 dorianvdv.com，帖子只写着“Updated my personal website”。截图显示纯黑背景、一段居中自我介绍和两个联系按钮，帖子有 248 次书签。（条目：产品设计师 Dorian 的极简个人站）

图片开场很少见（96 个里只有 5 个），但 shawn. 的单张锦鲤水池图说明一张图也能替代标题。

设计师 shawn.（@zzzzshawn）在 2026 年 9 月 20 日（UTC+8）发帖说“updated my portfolio pretty happy with how it turned out”；首屏是白底上的一张锦鲤水池大图，几乎没有文字，帖子有 1,108 次书签。（条目：设计师 shawn. 更新个人作品集）

收藏数并不偏向某种风格，它主要跟着发帖人的影响力走。在 446 条有互动数据的帖子里，书签中位数是 1，点赞中位数是 7；全部书签合计 21,641 次，Benji Taylor 一条帖子就占了其中的 33.2%。

表：书签数最多的 10 条个人站帖子

样本/方法：书签、点赞为 2026-10-18 抓取的公开数据（446 条有数据）；布局由编辑按帖子首图人工归类。互动数主要反映发帖人的影响力，不等于设计好坏。

编辑对前十的读法是：每个首屏只做一件事，不管是简短自我介绍、大字名字、一张图还是一个 3D 场景。一些用户也这样看：X 用户 Liz不吃荔枝（@libuyi543）看过很多个人站后的结论是，做得好的不是动画动效花哨的，而是很简单、交互逻辑和信息展示逻辑极好的；X 用户 Ian（@ianneo_ai）推荐了 Jesper Vos 几乎纯文字的页面。

推荐他人的帖子也会被收藏：hiteshxdev 推荐 Chánh Đại 个人站的“portfolio inspiration”帖子，以 2,843 次书签排在第二。Chi Quach 用 Framer 搭的第一版把大字名字和一张手提包的 X 光图放在一起，帖子有 858 次书签。

创意隐喻型网站是少数（96 个里 18 个），并且当概念和站主本人的工作绑在一起时最容易成立。合集里有 50 条帖子（11%）突出某个具体的交互或动效细节（AI 分类，未逐条人工核对）。

kat kampf（@kat_kampf）在 2026 年 9 月 21 日（UTC+8）发布 acrokat.me，左侧是名字和职位，右侧是一座可探索的 three.js 小岛；帖子写道“Turned my career into a little three.js world with lots of tiny easter eggs”，有 495 次书签。这个记忆点讲的正是站主的职业经历。（条目：Kat Kampf 用 three.js 重做个人站）

estebanpdn（@estebanpdn_）在 2026 年 10 月 12 日（UTC+8）发布 Esteban's Forge，欢迎页模仿 3DS / Wii U 界面，像素头像加一个入口按钮；帖子说做了三周多，灵感来自 3DS 和 Wii U 的 UI，用来发项目更新和开发日志，有 157 次书签。我们 10 月 18 日打开核实，这个站本身就是 Nintendo 3DS 移植作品集，界面和内容是一回事。（条目：独立开发者 Esteban 的 3DS 风格作品站）

Matthew Hamilton（@mhamilton3141）在 2026 年 10 月 7 日（UTC+8）发布 matthewhamilton.dev，黑底终端风，顶部是像素化城市天际线，下面是经历列表；帖子写“i made my portfolio nonchalant”，有 100 次书签。（条目：滑铁卢学生 Matthew Hamilton 的终端风作品集）

Noman（@Nomandsign）在 2026 年 10 月 15 日（UTC+8）发布 iamnoman.com，左侧是简短自我介绍，右侧是可点开的作品和互动小部件；帖子说站里有 F1、街机、健身房、喷火器等一堆可玩的互动，有 33 次书签。（条目：Noman Ijaz 的互动游乐场）

个人网站经常改版：jem 今年已经第四次重做 jem.computer。

jem（@sheherenow_）在 2026 年 9 月 23 日（UTC+8）说这是今年第四次重做 jem.computer，深紫背景、中间一行大号花体标语，底部是导航按钮；帖子写“it finally feels truly personal”，有 219 次书签。（条目：Jem 今年第四次重做个人网站）

合集里 187 条（40%）是改版或更新，但这个比例被高估，因为合集本身会搜索“redesigned my”。

分享个人站最多的是开发者（41%），至少有 36 条帖子（7.6%）明确说自己用 AI 搭了或改了站。按帖子和站点描述判断站主身份：开发者 195 条、设计师 68 条、设计工程师/创意开发 61 条、写作者/内容创作者 40 条、艺术家/插画/摄影/音乐 33 条、创业者/产品/营销 18 条、研究者/学者 10 条、看不出 48 条。AI 逐条分类并经人工抽查（随机 40 条一致 37 条）。

样本/方法：样本：personal-sites 合集 473 条（2026-09-07 至 2026-10-17，UTC+8，已剔除本站作者自己的站），按帖子和站点描述判断站主身份。AI 逐条分类 + 人工抽查（随机 40 条一致 37 条）。合集按关键词收录，代表的是在 X 上分享个人站的人，不代表所有个人站。

表：36 条「用 AI 做站」帖子里点名的工具

样本/方法：样本：personal-sites 合集 473 条中，作者自己说用 AI 工具搭建或改版网站的 36 条（AI 初筛 34 条后逐条人工阅读，删 6 条、补 8 条）。大多数帖子没说怎么做的，所以这是下限；工具按作者原话归类。

AI 能把站点很快搭起来，但人还是会回头改文字：X 用户 Dobroslav Radosavljevič（@dobroslav_dev）自述用 Opus 5.5 把 dobroslav.dev 改成了 VSCode 界面，并写道 AI 有些东西仍然写不好，文案还需要人来改（“needs human touch”）。

新的批评也出现了：X 用户 Olaoluwa Odusanya（@wealthy_ola_）自述因为有人说旧站“looked like AI slop”，一夜之间重做了作品集，并写道“They were right”；X 用户 安寻Ansyn_log（@Ansyn_07）看到很多站点有很重的 AI 味，指出审美和设计能力是两回事。

编辑从这些案例里整理出的、不是经过测试的配方是：先写清那一句话，再决定要不要加更多东西。第一，首屏用名字加一两句你在做什么；Benji Taylor、Dorian、Mateusz Nieckarz 都是这样，Mateusz 的单栏白色页面用了 Timeless Sans，帖子有 420 次书签。第二，浅色或深色按自己的口味选；71% 的人选了浅色，而深色站也没有被收藏更多（收藏最多的 24 个里只有 6 个深色）。第三，只有当一个概念能说明你的工作时才加上它，比如 kat kampf 把职业经历做成 three.js 小世界，Esteban 的 Nintendo 3DS 移植作品集用了 3DS 风格的菜单。第四，如果让 AI 工具搭站，文案要自己重写，并删掉那些万能栏目；Dobroslav 自己动手改文案，Olaoluwa 在被说旧站像 AI slop 后重做了站。第五，上线后继续迭代；改版很正常，jem 今年已经改到第四版。