> * 原文地址：[4 Reasons Why You Should Design Without Color First](https://medium.com/devsdesign/4-reasons-why-you-should-design-without-color-first-c0e38180f689)
> * 原文作者：[Anand Satyan](https://medium.com/@anandsatyan)
> * 译文出自：[掘金翻译计划](https://github.com/xitu/gold-miner)
> * 本文永久链接：[https://github.com/xitu/gold-miner/blob/master/TODO1/4-reasons-why-you-should-design-without-color-first.md](https://github.com/xitu/gold-miner/blob/master/TODO1/4-reasons-why-you-should-design-without-color-first.md)
> * 译者：[xionglong58](https://github.com/xionglong58)
> * 校对者：[Fengziyin1234](https://github.com/Fengziyin1234), [QiaoN](https://github.com/QiaoN)

# 四个理由让你使用灰度色调进行设计

设计时使用灰度色调会迫使你在 UX 设计中思路清晰、明确元素的优先级。

## 1. 关注布局和间距

当心里有灰度色调限制的时候，你做设计时的大部分思考时间将会花在如何正确的划分空间才能使事物看起来像是被组合在一起。紧接着你开始思考那些不可见，但是更重要的东西，比如可读性（行高、段落和排版）、关注的焦点（直观抢眼，显而易见的按钮和尺寸）、易读性 (元素分割、间距)。

![Musety App by [Muse](https://dribbble.com/siyumiao)](https://cdn-images-1.medium.com/max/2000/0*q2R1nr4jd9NpW3E1.png)

## 2. 方便收集客户有益的反馈

好的设计需要时间。在设计的初期阶段，大多数设计师都不愿让客户/用户试用未完成的工作，以收集早期反馈。收集客户的反馈十分重要，它可以让你减少产品的迭代次数，避免在不必要的版本上浪费大量时间。大多数客户要么不知道自己到底想要什么样的产品，要么给不出有建设性的反馈。向客户展示产品设计初稿，会让他们理解设计过程，并问你一些更有建设性的问题。

> 那样的话，客户可能会问你“什么颜色适合这个按钮”，而不是“为什么这个按钮是黄色的”。显然，前者更有利于共通。

## 3. 设计整洁

创造一个简洁的设计不是一件容易的事情。当你用灰度色调创建设计时，你的重点是可用性、间距、尺寸、布局元素、交互和设计流程。设计的第一个版本应该只采用不同的灰度色调，以突出元素之间的层次结构和视觉主次。

![](https://cdn-images-1.medium.com/max/2000/0*6BGjoJRHoqxYay2d.png)

## 4. 创建一致性

在你的设计中最好使用三种或三种以下的颜色。设计中有太多的颜色可能会弄晕用户或将用户的注意力引向不太重要区域。比如，当你要做的设计只有一种颜色，完全采用黑白色调，用户的目光会自然地落在这些“彩色”区域中。

![UXPin Design Systems Tool](https://cdn-images-1.medium.com/max/2000/0*hxW3pxZK3PRE-XVE.jpg)

所以，下次当你打开 Sketch、Illustrator 或其他任何你喜欢的设计工具时，先忘记调色板一段时间，直到你在灰度色调上有了完整的设计框架。

**如果你是一个在 UX/design 上苦苦挣扎的开发人员，我们正在构建的一个工具可以帮助你。**[在这里注册抢先体验！](https://devs.design)

> 如果发现译文存在错误或其他需要改进的地方，欢迎到 [掘金翻译计划](https://github.com/xitu/gold-miner) 对译文进行修改并 PR，也可获得相应奖励积分。文章开头的 **本文永久链接** 即为本文在 GitHub 上的 MarkDown 链接。

---

> [掘金翻译计划](https://github.com/xitu/gold-miner) 是一个翻译优质互联网技术文章的社区，文章来源为 [掘金](https://juejin.im) 上的英文分享文章。内容覆盖 [Android](https://github.com/xitu/gold-miner#android)、[iOS](https://github.com/xitu/gold-miner#ios)、[前端](https://github.com/xitu/gold-miner#前端)、[后端](https://github.com/xitu/gold-miner#后端)、[区块链](https://github.com/xitu/gold-miner#区块链)、[产品](https://github.com/xitu/gold-miner#产品)、[设计](https://github.com/xitu/gold-miner#设计)、[人工智能](https://github.com/xitu/gold-miner#人工智能)等领域，想要查看更多优质译文请持续关注 [掘金翻译计划](https://github.com/xitu/gold-miner)、[官方微博](http://weibo.com/juejinfanyi)、[知乎专栏](https://zhuanlan.zhihu.com/juejinfanyi)。
