标签：Web UX 开发人员 前端 JavaScript UI 设计 CSS
致力于提高您作为 Web 开发人员的 UX/UI 设计技能
前端不好？学习用户体验的基础知识！
当您尝试设计您构建的网页和应用程序的布局、颜色和排版时，您是否觉得自己只是“没有得到它”？您是否一直认为自己更像是“后端那种人/女孩/人”？当您尝试为 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/29424/17151201
标签：Web,UX,开发人员,前端,JavaScript,UI,设计,CSS 来源： https://www.cnblogs.com/amboke/p/16685285.html
本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。