网站不只是简历
很多个人网站从一个很实际的目标开始:介绍自己、展示项目、留下联系方式。这样的结构清楚、有效,也很容易被理解。但当我真的开始长期维护一个属于自己的站点时,我逐渐发现,简历式页面只能回答“我做过什么”,却很难回答“我平时如何看待这些事情”。
个人网站与社交平台最大的差别,不是有没有更完整的个人介绍,而是这里的规则可以由自己决定。内容如何被分类,页面之间如何移动,一张照片应该出现在哪里,甚至某个并不实用的小物件是否值得留在角落里,都不必服从平台提供的模板。网站因此不只是内容容器,也是一种思考方式的外观。
我希望打开这个网站时,看到的不是一份铺满屏幕的履历,而是一张仍在使用的桌面。桌面上有文件目录、键盘、日历、照片和音乐,它们不直接解释我是谁,却共同构成了一个比个人简介更具体的答案。
从页面变成空间
普通网页更像一叠纸:向下滚动,依次阅读标题、段落和卡片。桌面则不同,它首先是一种空间关系。中央区域承担主要工作,四周物件提供环境和线索;有些东西始终留在原地,有些窗口会随着当前任务变化。
当页面被理解为空间后,设计问题也会发生变化。我们不再只问“这一块应该用什么颜色”,而会问“它应该放在哪里”“滚动时是否需要留在原位”“它和其他物件之间是什么关系”。左侧目录树如果随着正文滚走,它就不再像桌面的一部分;中央内容框如果使用完全不相干的白色,也会像临时贴上去的网页。
这种空间感不需要依赖复杂的三维技术。固定定位、轻微旋转、统一光源、边缘阴影和材质透明度,已经足以让元素获得方位。关键不是让每个组件都很立体,而是让它们像处在同一个房间里。
为什么保留那些“不必要”的物件
从纯粹的信息效率来看,键盘、日历和照片墙都可以删除。它们不帮助用户更快找到文章,也不会提升接口性能。但如果把所有无法直接转化为功能的东西都移除,个人网站很快就会变成另一套干净、正确、却没有记忆点的模板。
我更愿意把这些物件理解为网站的语气。机械键盘暗示这里与代码有关,照片墙让冷静的界面保留生活痕迹,音乐播放器则说明浏览并不只有阅读一种节奏。它们的价值与书桌上的摆件相似:不负责完成任务,却决定人在这里停留时的感受。
当然,保留不等于不断增加。桌面物件已经足够丰富时,中央内容就应该更克制。外围负责建立世界,内容区域负责清楚地说话。两者同时抢夺注意力,空间就会失去秩序。
让内容窗口融入背景
中央窗口最难处理的地方,是既要被看见,又不能像一张突兀的白色卡片。最初的直觉往往是继续调整背景色:更白一点、更灰一点或更透明一点。但真正有效的区分并不只来自颜色,还来自边缘、层级和局部结构。
现在的内容框更接近一张半透明描图纸。背景噪点可以轻微透过来,顶部栏说明它是一个可切换的工作窗口,细边框和右下方的接触阴影说明它与桌面之间存在距离。主体颜色只比背景略有变化,文字则保持足够对比度。
这个选择带来一个重要原则:不要让大面积底色承担全部识别任务。边缘可以说明范围,阴影可以说明高度,标题栏可以说明身份,内部排版可以说明结构。把这些职责分开,窗口才能同时拥有边界和融合感。
统一不等于重复
动态、文章和友链属于同一个网站,但它们不应该长得完全一样。动态是不断追加的短日志,适合使用终端输出的节奏;文章是需要停下来阅读的长内容,应该拥有稳定的标题层级和章节目录;友链更像通讯录,重点是名称、描述与去往另一个站点的方向。
统一发生在更底层的地方:相同的字体角色、相同的暖灰色调、相同的边框透明度、相同的交互速度,以及对留白的一致理解。页面结构可以不同,只要这些基础规则没有改变,用户仍然会感到自己没有离开这张桌面。
一个可以继续生长的地方
个人网站不会在某个版本真正完成。新的内容类型会出现,旧的组件会被删除,曾经喜欢的设计也可能在几个月后显得用力过度。与其追求一次性完成,不如建立一套可以持续判断的原则。
对这个网站来说,原则很简单:外围保留个人记忆,中央保证内容清晰;物件可以有趣,但不应该阻碍阅读;视觉可以有性格,但必须经得起长期维护。
当这些原则稳定下来,网站就不再只是一个阶段性的作品。它更像一张每天都可以回来继续整理的桌面。