个人站的稿子定不下来,所以我去逛了一圈别人的

1 阅读4分钟

最近在抽空做个人站,但对网站的最终样式一直定不下稿来,于是就想去看看别人的个人站到底长什么样子。

先是两个 3D 沉浸派的

  • bruno-simon.com —— 一辆能在他作品集里开的小车,沉浸式体验
  • igloo.inc —— 3D特效令人印象深刻

极简风格

  • gwern.net —— 一个研究者的个人站,把"信息密度"做到了一种偏执的程度
  • patrickcollison.com —— Stripe CEO,主页极简到只有右边的导航栏,但点进去之后有一种回归平衡的反差感,据说他的书单很不错
  • kepano.com —— Obsidian 的设计师,看不懂,有一种什么都不要的感觉,和他们的产品很像,连自己有多少客户都不知道(偷笑),我都怀疑是我网页故障了
  • stephango.com/agents-of-c… 还是这个人“Obsidian 的设计师”,上一个我没看懂,这次我多看了一眼,“Agents of chaos”他最初的一篇博文,在沉浸的阅读中,我意外的领略到了“极简的设计可以让人慢下来,沉下心来的片刻或许比在缤纷世界中闲逛要收获的更多”
  • jvns.ca Julia Evans,纯post
  • simonwillison.net** 科技圈大佬,几乎每天更新,像一个公开的工作日志

莫名让人放松的那种

  • aworkinglibrary.com —— Mandy Brown 的纯文字博客,版式极美,像在逛亚马逊书店
  • craigmod.com —— 步行者+出版人,博客排版像书,点开视频像在放背景音乐,莫名让人放松
  • maggieappleton.com —— 数字园艺(digital garden)的代表,知识有机生长的感觉。错落有致的排版真的很舒服,我喜欢她的网页间距和英文字体
  • alexanderobenauer.com —— 思考"信息工具"的人,博客也像一个工具,整洁有序

看完想"这人有点意思"

  • sarajoy.dev —— 像翻一本绘本,上翻体验很特别,个人介绍页里写着 "Enjoy sleeping"
  • tomcritchlow.com —— 战略顾问,博客像一本厚厚的杂志,除了博客,我还喜欢她的图书馆设计
  • macwright.com —— 地图工程师,博客有种"工程师写散文"的感觉
  • interconnected.org —— Matt Webb,博客 25 年没断过
  • tomcritchlow.com/wiki —— Tom Critchlow 是一个独立战略顾问,Wiki 式的个人知识库,它跟普通博客最大的区别是:博客是按时间线性组织的,Wiki 是按主题网状组织的。
  • 100r.co —— 同一对夫妇的项目站,船上生活,点进去细看超级有趣,插画风格,很有特点
  • antfu.me —— Anthony Fu(Vue 核心),站点配色和细节,项目大佬,他的博文配滑动照片墙的设计让我学到了

互动小玩具派

  • josh.is —— Josh Comeau,前端教育者,交互设计很美观
  • rauno.me —— 极简但每个 hover 都精心设计,让我忽然有了收集互动小组件的欲望
  • andymatuschak.org —— 卡片式笔记的著名实验,她的网页可以分屏上下滑动,印象挺深刻的
  • mxstbr.com —— Max Stoiber,前端工程师,styled-components,他的博客可以教你如何把文章和代码结合起来(小指针的设计挺别致)

复古 anildash.com —— 老博客作者,上一个时代的风格,但感觉是那种上一个时代中很时髦的 kottke.org —— 老牌博客,1998 年开始,本身就是一种坚持,"精致的超文本产品"。意思是:他在这里"生产"的就是链接本身,是一种策展式写作。(早期小红书博主,😂)

设计师

  • frankchimero.com —— 设计师 + 写作者,在看到他的个人站时,我忽然觉得应该给设计师一个独立的标签,确实能感受到设计师与普通人之间在网页设计美感上的差异,他的网站属于既有个人特色又不能强塞到“平衡放松”类别的那种

  • everestpipkin.com —— 艺术家+程序员,他的个人网站有点像产品文档+设计师的奇妙组合

  • tinkersynth.com —— Josh Comeau 的另一个项目,生成艺术,如果一个数学家来想像艺术家一样搞个项目他也可以反过来做,btw,中途跑出来的小猫让我想到了可以在自己的博客里养个电子宠物

设计站点 (仔细挑,里面好东西太多了!)

  • active-theory—— 不是个人站,但里面的项目都是教科书
  • jam3.com —— 工作室站,值得看
  • lusion.co —— 视觉冲击的另一种参考
  • studio.design—— 工作室
  • resn.co.nz —— 老牌怪味实验工作室
  • awwwards.com/sites_of_the_day/ —— 这个网站本身就是一个清单源