创建作品集网站的注意事项

大多数开发人员在职业生涯的某个阶段都会尝试创建一个作品集网站。它可以成为寻找客户、获得聘用以及展示你的作品、技术技能和专业知识的绝佳工具。

许多开发者创建了令人惊叹的作品集网站，其中一些甚至火了起来。然而，也有一些开发者创建的作品集网站最终却成了阻碍，而不是优势。以下是一些“应该做”和“不应该做”的提示，希望能帮助你创建一个更好的作品集网站。

提前计划

没有计划就注定失败。在你考虑打开代码编辑器之前，你需要有一个清晰的计划。想象一下你希望你的网站是什么样子。你会使用什么样的配色方案和字体？你想包含哪些部分？你会如何描述你自己和你的工作？你需要什么样的图片（如果需要）？

回答完所有这些问题后，打开一个新的Figma或Adobe XD设计文件，或者任何你喜欢的设计工具，或者直接拿起纸笔。开始在脑海中勾勒出你构思的图像。反复尝试，直到你对最终效果满意为止。

这时你才应该开始编码。现在将你的设计转化为代码会快得多，而且你会发现自己比直接开始编码时少了很多来回的麻烦。

许多作品集网站色彩鲜艳，间距和字体大小不一致，或者干脆就是杂乱无章。除非你喜欢野兽派设计，否则你肯定不会喜欢这种风格。

在规划阶段，请研究一下什么是好的设计。找到合适的颜色组合并坚持下去。为自己设定一些排版和间距规则，并严格遵守。

让这一切变得更容易的一个方法是使用CSS 框架或库，例如 Tailwind CSS、Material UI、Bootstrap 等等。这些工具通常已经预先实现了设计系统，并且遵循经过验证的模式。

当然，你和其他开发者可能知道浅蓝色原子符号代表 React.js，或者一片绿叶代表 MongoDB。但如果你的目标是寻找客户或工作，你需要更多地考虑你的目标受众。

招聘经理或潜在客户可能并不熟悉你技能组合中的所有技术，他们可能一眼就认不出你的标志。因此，务必找到一种方法，将技能的实际名称包含在内。

不要简单地添加 GitHub 个人资料的链接，不妨考虑直接在你的网站上展示你的一些项目。这样可以让用户更容易地了解你的项目能力，因为他们不必访问外部网站手动查看你的代码库。

展示项目时应包括的主要内容是：

行动号召是一种众所周知的营销工具，旨在促使用户做出回应并提高他们的参与度。无论您是在寻找工作、客户还是其他开发者进行合作，请务必鼓励用户与您联系，并提供相应的联系方式。

开发人员常常觉得有必要最大限度地展示他们的动画技巧。这通常意味着他们会设计过于复杂的动画，或者尝试为网页上的每个元素都添加动画。

动画过多或过复杂不仅会分散用户的注意力，还会严重影响网站的性能，尤其是在动画制作不正确或用户没有使用最高端的设备的情况下。

这并不意味着你的网站上就不应该有动画。相反，如果你擅长动画，那就展示出来！但要注意不要过度。你的首要任务应该是页面内容。最好有一个单独的项目，让你可以尽情发挥你所有的动画技能。

您的作品集网站应该为所有用户提供最佳体验。务必了解无障碍设计，并尝试至少融入一些技术，让您的页面更易于访问，不仅方便残障人士，也方便使用旧设备、网速慢等的用户。

说到响应速度，请记住，几乎 60%的网络流量来自移动设备。这意味着，平均而言，您的用户更有可能通过手机而不是笔记本电脑或台式电脑访问您的网站。

一个好方法是“移动优先”设计。这意味着你首先要构建一个在移动设备上看起来不错的网站，然后再扩展到更大的屏幕。就我个人而言，我发现将小屏幕设计转换为大屏幕设计比反过来更容易。

写关于你自己的事，描述你的工作，号召行动——这些都是在你的作品集网站中包含的重要内容，但你应该尽量做到简洁明了。

无需在“关于”部分写下您的整个人生故事，也无需详细描述您在构建最新项目时经历的艰辛和磨难。您的用户希望一目了然地了解您和您的工作，而不是阅读整篇文章。如果您需要较长的文字，可以考虑在您的页面上创建一个博客版块。

展示你的作品固然重要，但你无需将你参与过的所有项目都放在网站上。只需专注于展示你最引以为豪的几个项目，并提供一个链接来查看你剩余的作品（例如，GitHub 个人资料的链接）。

您已经阅读了大量关于创建作品集网站的文章，投入了大量的时间进行规划和设计，将设计转化为代码，完善了每一个细节，找到了理想的网站来托管您的作品，甚至可能还投资了一个自定义域名，现在，您精彩的作品集已经发布到网上，供全世界欣赏！完成了，对吧？错了！

你的投资组合网站应该经常查看并更新。学到了新技能？更新你的网站。完成了新项目？更新你的网站。诸如此类。你的投资组合网站是你自己的真实写照。确保它反映的是现在的你，而不是过去的你。

以上是我在创建作品集网站时需要牢记的十条建议。其中很多只是基于我个人的观点以及我在搭建自己的作品集网站过程中收到的反馈。如果您从我的文章中学到了一些有用的知识，或者您在自己的作品集网站上实践了我的一些建议，请告诉我。😊