我把我的作品集做成了 VS Code 的样子 👨‍💻

Source: Dev.to

作品集

大多数开发者作品集都遵循相同的模式：

• 一个英雄区块
• 一些项目卡片
• 一个联系表单

简洁？是的。
令人难忘？不一定。

于是我决定尝试不同的做法。我把我的作品集 做成了看起来和使用感像 VS Code。

为什么是 VS Code 风格的作品集？

作为开发者，我们大部分时间都在 Visual Studio Code 中度过。这里是想法转化为代码的地方。

为什么不让作品集也像开发者的自然环境一样呢？与传统的网站布局不同，这个作品集模仿了 VS Code 界面，包括：

• 文件资源管理器式的导航
• 代码风格的内容区块
• 面向开发者的 UI 交互
• 熟悉的编码环境

目标是为访问网站的开发者创造一种自然的使用感受。

我的关注点

在构建过程中，我尝试专注于三件事：

1. 开发者体验 – 界面应当像真实的编码环境，而不仅仅是视觉上的复制。
2. 简洁 UI – 即使模仿编辑器，也必须保持清晰、易读且具响应式。
3. 个性化 – 你的作品集应展示你作为开发者的思考方式，而不仅是你使用的工具。

我的收获

• UI 灵感可以来源于开发者已经在使用的工具。
• 小的交互细节能产生巨大影响。
• 作品集是实验创意的绝佳场所。

最后感想

你的作品集不一定要遵循大家都在用的模板。有时，尝试不同的方式会让它更令人印象深刻。

如果你是开发者，你更喜欢哪种风格的作品集？

• 极简着陆页
• 交互式体验
• 像开发环境一样的创意作品

期待听到你的想法 👇