作为一个WEB开发者或是设计师，下面这些工具值得你在下一个项目中尝试。 这个清单不求详尽，也不是所谓的某某“前十名”，仅仅是简单介绍一些“新式武器”，我非常希望你喜欢这些新工具，让我们开始吧！

Gravit Designer这个软件，怎么说呢，就我个人而言我是十分看好的而且我认为它在矢量绘图领域必将占据十分重要的一席。不仅有良好的用户体验、专业级别的设计工具而且跨平台包括浏览器、Linux、Mac、ChromeOS以及 Windows通用，并且随后还会增加 iPad 和 Android版本。...

在前一篇文章中，我向你展示了如何从头开始创造一条响应式的垂直时间线。今天，我将介绍创建相关水平 时间线的过程。

欢迎来到如何使用UI组件的快速上手教学文字，它对设计师、开发者、用户都有帮助！让我们开始吧！

让我们来看看数字领域的功能可用性，我们可以把这些原则应用到我们所设计的UI元素中，比如按钮，表格，图标和其他元素。

当你的用户需要漂亮的图标给出额外的文字信息时，亦或是当他们在点击了按钮之后需要确认自己没点错时，又或是带图片和字幕的复活节彩蛋，提示框是用来增强用户界面的绝佳手段。现在，让我们来做几个动画提示框，没有别的，只有HTML和CSS。

让内容水平居中没有什么特别的，我们从来都是这么做的。 但有没有想过让高度不固定的内容垂直居中呢？ 在我的视频课程《Web 设计人员的 6 个 Flexbox 项目》中，您将学习如何利用 Flexbox 轻松解决这一问题。

Adobe XD 可以让你对应用程序做设计和原型；任何从线框，多屏的经验。 让我们用60秒看一下它能给我们带来什么！

Media queries （媒体查询） 是现代网页设计的重要技术，但它不是完美的。 在这篇文章当中，我和大家一起探讨一下 ”element queries” （“元素查询”）这个概念，很多人认为这是响应式网页设计的未来。

设计充满了无形的力量（invisible forces），这种无形的力量可以使沟通简洁清晰。 你可能会被选取正确的字体及颜色组合所困扰，但如果不重视这种无形的力量，你的设计可能会不幸地失败。

在本教程中，我们将从零开始学习如何构建响应式垂直时间线。 首先，创建基本的标记结构，然后应用CSS伪元素魔法。 接着，使用JavaScript添加向下滚动页面时的过渡效果。

如果你从来没有在设计中使用网格，那么这篇文章就是为你而写。在其中，你将学习基本的术语、理论，并将通过真实网站的例子了解如何在环境中使用网格。