投资组合 2.0

在向公司投递简历、阅读无数职位描述的过程中，我意识到自己真正想成为一名前端用户体验/用户界面设计师。在进行用户体验/用户界面研究时，我逐渐明白，在网站开发过程中，我可以尽情发挥创意，但如果网站让用户感到困惑，一切都将毫无意义。因此，我花了一些时间对我的作品集进行大幅调整，确保用户能够轻松找到他们需要的链接和信息。

以下是我一路走来学到的一些知识。

漂亮并不代表完美

我最初创建作品集的时候，只是单纯地享受CSS带来的乐趣，任由思绪自由驰骋。我有很多想法想要融入其中。这绝对会是一次有趣的经历。

我的想法是创建不同的房间，分别展示我作品集的不同部分（首页、关于我、博客、代码卡片/项目和联系方式）。我觉得最终效果非常棒。大家都很友好地称赞我的创意能力。不过，我也收到了一些建议，希望我再检查一下它在移动设备上的响应式设计。毫无疑问，我的作品集是为在电脑上横屏浏览而设计的。

这是我在电脑上看到的作品集：

这是我在手机上看到的原始作品集：

我之前完全没有意识到，在移动设备上以竖屏模式查看我的作品集，会降低作品集的吸引力，反而让用户更难理解我的设计意图。正是在那时，我意识到，如果用户无法理解，那么设计本身就毫无意义。

响应式网站至关重要

Stat Counter拥有一个非常棒的跟踪器，可以跟踪各种不同的网络统计数据——包括桌面用户、移动设备用户和平板电脑用户。

2020年10月

• 桌面端：48.88%
• 移动端：48.62%
• 片剂：2.5%

如果观察一下趋势（直到最近），你会发现桌面端的使用率高于移动端；然而，移动端的用户数量与桌面端非常接近。单凭这个统计数据，我就学到了很多。我必须从各个角度、各个视角来审视我的网站。它在所有平台上的浏览体验如何？是否易于访问且完美无瑕？

保持简单

正如我之前提到的，我当时想在我的网站上实现很多东西。我有很多想法，也想添加很多精细的细节。比如动态云朵、CSS 生成的图像，甚至还想让一只动画小狗在我的房间里走来走去。我的野心最终害了我，而让我的网站适应小尺寸屏幕简直是一场噩梦。

我并不是说在创意方面不要雄心勃勃，而是说要理解用户体验对作品质量的要求。我的网站无法响应移动设备，导致质量受到影响。简约也可以充满创意和美感。随着我作为设计师不断学习和成长，我会添加更多细节。现在，我得先学会走路，才能跑得更快。

社交媒体是我们的朋友

自从我开始从事网页开发以来，我最大的感悟就是：选对了社交媒体，它就是你最好的朋友。我花费时间最多的两个平台是 DEV.to 和 Twitter。

我在 DEV.to 和 Twitter 上发布作品集后，收到了很多积极的反馈，也收到了很多建设性的批评。如果没有开发者社区的帮助，我真不知道该如何改进。我从新手到经验丰富的开发者那里都得到了建议。甚至还有一些招聘方的建议，这对我帮助极大。我之前完全不知道社交媒体如果运用得当，能发挥如此大的作用。

组织能力至关重要

我尽量保持条理清晰，这真的能帮助我编写高效的代码。在开始之前，我会整理思路，然后制定一个计划，这样我就知道从哪里入手——就像为文章创建层级式提纲一样。因为层层叠叠的代码有时div会让人感到非常混乱。事先规划好每个部分的位置，真的能让查找和理解代码变得更加容易。divdiv

命名类和ID

第一次给我的ID和类名起名字的时候，我感觉词穷了。后来我发现代码命名其实是有规范的。有一种叫做BEM实体命名法的东西，它以一种系统且实用的方式解释了类名的构成。我觉得这非常有用，让我的工作轻松了不少。

总有进步的空间

自从我决定重新设计我的作品集后，我发现自己能更快地理解代码应该放在哪里。我还学到了很多新的编程知识，并能用它们编写更简洁、更高效的代码。我甚至想到了一个有趣的项目！我可以设计几种不同的作品集版本，学习不同的设计和编程技巧。

祝一切顺利

这段时间学习各种知识真的非常棒，我迫不及待地想要找到我的第一份网页开发工作，然后回顾我这段旅程中的所有起起落落。

祝愿所有努力参赛的人好运！

♥ 琳恩