我是公司网站的 UX/UI 设计师。完成设计后，我将模型发送给实现它们的 Web 开发人员。它比这更具协作性，但这基本上是过程。

由于长期以来它一直是我的首选工具，因此我主要使用 Illustrator。尤其是在 Google Drive 能够显示 AI 文件的情况下，开发人员似乎对我交给他们的内容感到满意，而且由于我坐得离他们很近，所以我可以提出问题。

然而，越来越多的事情让我感到沮丧，比如 Illustrator 与浏览器在渲染颜色等方面的差异，Illustrator 完全无视像素（是的，我知道有解决方法，但我总是在与它作斗争)，正确地为所有内容重新划线所需的时间，以及 Illustrator 对设计的看法与浏览器的做法有何不同。

有哪些好的工作流程（+工具），可以让您的设计更接近实际实施的内容，并使开发人员很容易准确地知道它在网络上应该是什么样子？

尽管我可以用 HTML+CSS 进行设计，但对于大多数事情来说，时间上的权衡通常是不值得的。

更新（8 个月后）：我在我的过程中改变了一些似乎有帮助的东西。1）切换到 Sketch——这个应用程序像网络一样“思考”，所以我的设计更接近他们将要实现的。2) 开始使用红线工具（例如 Spectr）以及 Zeplin——我真的很喜欢这个。3）我已经开始通过迷你设计工作室和讨论将开发人员带入我的流程——这可能对我们的沟通产生了最积极的影响。