10 个适合不擅长设计的 Web 开发者的极简作品集示例

并非所有 Web 开发人员都擅长设计，这没关系！在现实世界中，您通常会与团队中的设计师合作，将他们的设计转化为真实的、响应式的网站。

话虽如此，要想获得网页开发工作，你的作品集必须足够出色、足够吸引人。在这个阶段，通常不会考虑与设计师合作，那么你该怎么办呢？

模板在紧急情况下很有用，但如果两个候选人使用相同的模板申请，可能会有点尴尬。

这就留下了一个问题：如果你不热衷于通用模板但也没有太多的设计实践，该怎么办？

诀窍是保持最小化并不断迭代！

请记住，项目组合中最重要的是您的项目。

设计应该赏心悦目，但也要避免碍事。以后你随时可以增添更多亮点🕺🏻！

为了帮助您构建简约而有效的作品集，我们精心挑选了 10 个简约的 Web 开发人员作品集示例供您学习。

请留意🎨设计技巧部分，我们在其中重点介绍了一些您可以特别注意的基本设计原则！

当然，如果你完全照搬这些创作者的设计，他们肯定不会喜欢（千万别这么做🙅🏻），但不妨让他们成为你的灵感来源！新晋创意人士经常会将自己喜欢的3-4件作品混搭起来，创作出独一无二的作品。

德尔巴·德奥利维拉

Delba 的项目作品集非常出色。她甚至还为此制作了一段YouTube 视频！

可以理解的是，德尔巴后来更新了她的网站，将更多的精力放在了她的博客上，所以今天的直播版本看起来有点不同（但仍然看起来很棒）。请务必通过浏览视频来查看原始的、简约的版本。

🎨 设计提示：尽管 Delba 的网站相当简约，但她使用名为Rough Notation的 JavaScript 库制作出令人愉悦的荧光笔动画，激发了用户的喜悦。

请注意，Alex 采用了相当窄的单列布局，并且只在顶部列出了几个菜单项。这消除了在移动设备上折叠列或引入汉堡菜单的需要，从而让 Alex 能够更快地发布他的网站。

精选作品部分虽然很小，但设计精美且有效：

Alex 深知，浏览作品集的人可能只是在浏览，太多的选择会让人眼花缭乱。为了方便浏览，他只展示了他最近的 3 件作品。其他作品，您可以点击“查看所有作品”→。

🎨 设计提示：通过在项目截图中引入边框，Alex 引入了流行色彩，同时也使设计更具透气性。

🎨 设计提示：由于背景和李的照片都是灰色的，所以渐变效果非常突出！

请注意，当您点击“查看案例研究”时，Franklina 会链接到 PDF 文件。这非常巧妙，因为它节省了时间，让 Franklina 能够更快地将自己的作品集提交给雇主。

Brian 采用这种 Wiki 风格的导航，为个人网站带来了一种新颖的方式。

🎨 设计提示：无论您的设计技能如何，使用图标包都是引入一致性的好方法。

用代码表达您的个人信息的聪明想法！

🎨 设计小贴士：极简并不一定意味着黑白分明。Justin 运用了柔和的粉彩色调，效果极佳。

啊，你懂我意思！Darius 是个作家，不是开发者，但他的网站就是个绝佳的例子，它巧妙地避开了重要内容。

Josh 的作品集不像其他人那样简洁，但也值得一提。毕竟，这篇文章的灵感就是在我们在Scrimba 播客上的对话中萌生的。

它具有令人愉快的互动：

Josh在这里详细讲述了他如何建立自己的博客，并附上了之前版本的截图，不过这些截图还不够完善：

虽然 Coner 的主页侧重于博客，但“最新帖子”部分可以重新用于展示项目。