为什么要培养设计感？如何培养？👩🏽‍🎨

本文转载自Codenewbies。10
年前，我在大学实验室里开始学习编程，那感觉真是太神奇了。9 年前，我拥有了自己的第一台电脑，6 个月后，我开始了自由职业生涯，成为一名 CSS3 动画师。如今，我是 Skynox Tech 一个优秀团队的队长。但本质上，我仍然是一个学习者和创造者。

为什么？

虽然如果你不想的话这完全是一个选择，但也有一些原因。

前端的困惑

每次我们尝试为你的团队寻找前端开发人员时，都会遇到很多困难。原因在于，精通 React 的开发人员通常 CSS 技能比较生疏，反之亦然。因此，我们最终分别发布了 CSS 开发人员和 React 开发人员的职位。同时精通 CSS 和 JavaScript 的人非常稀缺，而稀缺本身就是一种优势。

🚀注意： CSSTricks 上已经有一篇关于此问题的精彩文章，名为 “The Great Divide”， 您可以阅读。

促进你的副业🚀

大多数副业都是独自完成的。一开始很难找到合作伙伴，而且聘请UI/UX专家需要花费很多钱。我从一年内启动15个产品项目，其中8个进入前5名的经历中学到的是，你的设计必须优秀。如果你的设计做得好，而且经济实惠，你的项目就会有更大的机会飞速发展。当然，你无法打败UI/UX设计师，但相信我，它一定会畅销。

这是必需品🤷🏼‍♂️

对于一些前端开发者来说，显而易见的解决方法是使用 Bootstrap 和 Bulma 之类的框架。但如果你不擅长 CSS，管理代码就会变得很困难。此外，某些 UX 领域，例如 A11y，在某些国家/地区是必需的。作为一名前端开发者，你应该意识到这一点。

所以，总而言之，成为一名真正意义上的全能前端开发者，拥有良好的设计感对你的职业生涯大有裨益。现在，让我们深入探讨如何做到这一点。

如何？

首先，这需要时间。在开始学习如何做之前，请记住，你不可能一夜之间成为设计大师。就像所有美好的事物一样，提升你的设计感需要时间和持续的努力。所以，一旦你下定决心，接下来的步骤可以归结为三个主要部分。

观察→分析→实践

观察👀

观察周围的事物是我能给出的最好但最令人困惑的建议。问题是观察什么？我会说观察一切。所有受大众欢迎或大众一眼就觉得漂亮的事物。它可以是一张桌子、一份餐厅菜单、Producthunt上的热门产品、一条推文，没错，也包括一条推文。人们让某样东西流行起来总是有原因的，而且大多数情况下，它是经过设计的。你的目标是观察并分析其原因。

这样做，你就能训练自己的眼睛去发现趋势。
以下是一些可以寻找灵感的地方。

🚀 提示和技巧：

您可以使用Panda Extension，这样每次打开新标签时您都会看到流行的设计。
使用Pinterest的网络扩展程序收集您喜欢的设计。
尝试Muzli扩展，它类似于 Panda，但更注重设计
订阅这些新闻通讯，每天获得启发。

分析🕵🏼‍♂️

你知道“设计思维”本身就是一门学科吗？虽然你现在不能上大学，但通过分析你所观察到的内容，绝对可以提升你的创造力。它本质上是对你所观察到的内容进行逆向工程。这里有一些需要记住的技巧。

🚀 提示和技巧：

留意当下流行的颜色。使用像Site Palette这样的工具来获取任何网站的调色板。
使用类似What Font 的工具来查找流行网站中使用的字体组合。
读书也能帮助你更好地分析设计。以下是一些值得考虑的书籍。

练习👩🏻‍💻

这显然是必然的，对吧？追求完美总是需要时间和持续的努力。不妨先从复制其他设计师的设计开始（务必注明出处），一旦你能够充分理解他们的设计，就可以进行下一步，设计你自己的作品。

一旦你对自己的设计充满信心，就该寻求反馈了。以下是一些获取建议和批评的方法：

1. 在 Twitter 和 LinkedIn 上发布
2. 在 Codepen 上发布
3. 前往 subreddit（例如design_critiques）
4. 在 Dev.to 上发布并带上#showdev
5. 或者你也可以随时给我发推文😇

拥抱💞

我想这是最难的部分。一旦你培养了设计感，你就必须适应它。这意味着

确保你所做的一切都是你最好的。
欣赏好的设计和设计习惯。
在编写代码时公平对待 UI/UX 设计师的工作。
告诉你的队友为什么这很重要。

将您的知识传授给他人是提高您的技能的最佳方式，它还能帮助您培养良好的设计文化，这将有助于您的公司，进而也有助于您自己。

🎁 奖励内容：

结论

希望你喜欢这篇文章。设计思维对我的职业生涯帮助很大，我相信它也会对你有所帮助。如果你喜欢这篇文章，可以看看我在XenoX和Medium上的其他文章，并分享给你的朋友和同事。你也可以在Twitter上关注我，参与我的闲聊 😉

另外，如果你想分享一些自己的技巧，请点击下方评论区。下次再见。

文章来源：https://dev.to/xenoxdev/why-and-how-you-can-develop-design-sense-57m9