致力于提高您作为 Web 开发人员的 UX/UI 设计技能

前端不好？学习用户体验的基础知识！

Photo by 用户体验印度尼西亚 on 不飞溅

当您尝试设计您构建的网页和应用程序的布局、颜色和排版时，您是否觉得自己只是“没有得到它”？您是否一直认为自己更像是“后端那种人/女孩/人”？当您尝试为 Web 应用程序制作前端时，您是否似乎对未达到预期的 Web 应用程序有很好的想法？

当然，您已经阅读和观看了大量有关 HTML/CSS 的教程，在大学或大学上过许多课程，甚至参加过训练营。尽管你知道的一切，你只是觉得有点不舒服称自己为 全栈开发人员 .如果除了文字代码之外，它们基本上以各种方式提供给您，也许您只能完美地实现设计和规范。

这是我直到最近的生活故事。我一直想知道为什么我似乎了解所有这些，但似乎无法使 UI 变得现代甚至体面。即使我上网寻找灵感，当我根据自己的需要调整它时，我似乎总是会出错。感觉不行了为什么？

因为我没有从前端开始。 我的第一个编程语言是 C++，然后我使用 Python 和 Java。我不懂 GUI，因为我对算法和数据结构太感兴趣，而不是对用户体验或界面感兴趣。简而言之，我的 UX/UI 设计技能几乎不存在。

以下是我如何解决我知识中的这个重大漏洞……

培养成长心态

首先，您需要意识到自己在这项技能上很弱。您需要愿意“感到愚蠢”才能变得更好。

我总是首先想到数据并对其进行排序或搜索。我从未想过在现实世界中真正重要的结果。从本质上讲，我陷入了学术盲点。令人抓狂的是，我认为我太聪明了，不会关心真正的最终用户。我愚蠢而傲慢——正如尤达可能会说的那样。

就像成为绝地武士一样，你必须能够放下对你的特殊才能的情感依恋。执着会导致怨恨，会导致愤怒，会导致仇恨，会导致痛苦，而痛苦会导致痛苦。 死亡 .在这种情况下，所有的消极情绪都会让你陷入 固定心态 .

如果不接受你的错误，你就无法成长。所以不要再执着于成为“最聪明的开发者”或“只擅长数据库”或“用户不知道这是如何工作的，所以我比他们更好”。你会在现实的重压下缓慢而痛苦地死去，变得怨恨，甚至愤怒，开始变得可恨，然后因为你的负面观点而无法被雇用而受苦。毕竟，如果你因为“用户都是白痴”而不关心有用的产品，那么你在一个应该交付这个产品的团队中有什么好处呢？事实上，如果你不考虑其他人，你怎么能在那个团队工作呢？

简而言之，这种固定的心态会让你成为一个混蛋。没有人愿意和你一起工作。所以放弃吧。要谦虚。接受自己的缺点，提高自己，否则你永远得不到你想要的职位或薪水。

一旦你意识到你需要改进，接下来的步骤就是……

学习 UX/UI 设计原则

了解以下内容：

• UX和UI之间的区别
• 如何制作设计系统
• 色彩理论
• 布局
• 正/负空间
• 作品
• 可访问性
• 排版
• 响应式设计
• 移动优先
• 组件和重用它们（与 DRY 原则相同的想法）
• 一个设计应用程序（我建议 无花果 )

如果你学会了所有这些，它会让你从练习的第一天起就在前端做得更好。

提高您的 HTML/CSS 知识

也许您可以理解 HTML 和 CSS 语法。但是，您知道如何、何时以及为什么要使用某些选择器和属性吗？你知道使用什么属性吗？问问自己，内容框和边框框有什么区别？你还知道盒子的型号吗？

如果您对上一段中的任何内容感到不安或恐惧，请练习。尽快练习。练习，直到它写入你的大脑硬盘！

我建议你学习如何在没有引导程序或 CSS 网格的情况下制作自己的网格系统。在您可以使用较旧的技术制作简单的布局之后，然后跳转到网格、flex 和 CSS 框架，也许还有 Sass。

将此与学习 figma（或其他设计软件）结合起来。制作一些组件（或从其他地方导入）并尝试在必要时用普通的 HTML/CSS 和一些基本的 JavaScript 来实现它们。说到 JavaScript……

了解客户端 JavaScript

在您至少通过 ES6 掌握基本语法并了解每个浏览器中内置的文档对象模型、FetchAPI 和 WebAPI 之前，甚至不要开始使用 Node 或 React。

让我重复一遍： 不要假设你知道足够的 JavaScript。确保您首先了解这些基本概念以及与它们相关的所有内容 .

停止追逐最新或最流行的 JavaScript 框架 .

尽可能掌握前端的基础知识。一旦你了解了这些基础知识，你就会知道什么时候准备好了。只是不要着急，但也不要整天闲着。以合理的速度学习这些基础知识。它会在以后为您节省很多挫败感。

总之，在尝试其他任何事情之前先掌握你的前端技能。否则，您会感到抱歉并想知道为什么不能使网页看起来正确。

谢谢阅读！我希望你觉得这很有帮助！请继续关注更多信息，并继续编码！

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明

本文链接：https://www.qanswer.top/27030/07541108