作为开发者，我们经常需要构建原型来证明我们的设计理念。它可能会按预期工作，但用户惊恐的表情告诉我们出了点问题，整个演示变得毫无价值。在今天的文章中，我们将了解十个值得记住的简单指南和技巧。放轻松你可能听过这样的话：“当产品成功实施时，好的设计应该从产品中隐藏起来。只有糟糕的设计才应该被用户注意到。”——JaredSpool这句格言适用于所有设计师，但尤其适合开发人员的情况。构建演示的目的是为了证明你的想法，因此用户需要专注于呈现给他们的任务，而不是“设计”。***Tips：讲究简洁而不是浮夸，演示的作用不是炫技，而是传达思想。如果它“看起来很奇怪”，请尝试移除所有视觉效果并返回到基础蓝图。不要使用杂乱的色调。糟糕的色彩组合对眼睛来说绝对是一种折磨。事实上，颜色的选择应该是UI设计的重要组成部分，甚至在开始设计之前。这显然不是我们想要的效果。如果您要构建一个UI，请使设计尽可能简单；使用基本的形状、线条和颜色。布局关系设置好后，再添加更多的细节，进行调整，最终找到理想的搭配结果。第二点：在演示中使用单色设计，使用灰度渐变来区分对象——除非有明确的理由使用颜色来强调某些元素。就算什么都不做，效果也比以前好太多了。第三点：作为设计共识，尽量避免使用高饱和度的颜色（如纯色或纯白），这样的效果会让人“难以直视”。第四点：如果使用黑色和白色，注意使用深灰色和浅灰色，以帮助用户保护视力。仔细想想你是如何使用黑色和灰色的。正如IanStormTaylor在2012年提出的：“Shadowsarenotblack”Ian在一门艺术学校的课程中说过以上的话——我还记得我的老师曾让学生学习GeorgesSeurat的《拉格兰德·加特岛上的周日午后》找出画上的纯黑点。答案是里面没有纯黑点。提示#5：在为单色设计添加颜色时，注意一次只添加一种颜色。我们添加的每一种颜色都会影响用户的注意力。不要使用饱和度高的颜色，但在一定范围内尝试不同的色调是最稳妥的选色方式。不要使用过于复杂的印刷元素。在演示和原型制作过程中，请尽可能使用系统自带的字体。另外，请注意以下几点：第六点：***不要使用衬线（serif）字体。这类字体的边缘处理比较复杂，并不是每个场景都适用。衬线字体往往会为设计增添个性，并且通常使文本易于阅读。但在UI设计中很少使用，尤其是在显示区域有限的情况下。注意：随着屏幕分辨率的提高和清晰度的提高，具体的权衡可以变得更加灵活。Roboto&Noto谷歌为其Android系统采用了易于阅读的DroidSans字体，并在新版本中进一步调整为Roboto和Noto。Apple在自己的操作系统中使用NeueHelvetica和SanFrancisco字体。FirefoxOS使用FiraSans。注意到模式了吗？都是非衬线字体。第七点：避免歧义。常见混淆组合有O0、aeo、8B、Il1、5S、2Z、6b、9g，请仔细测试，避免出现用户难以识别显示内容的问题。FiraSans字体（来自FirefoxOS）的清晰度相当不错。注意留白在视觉设计上注意留白，这种宽敞的空间搭配有助于达到一种平衡感，降低用户的阅读强度。如果UI太紧凑甚至拥挤，用户往往会感到不舒服，甚至难以高效地处理任务。在处理大量信息时，将数据紧凑地列出来往往更符合我们的设计直觉。但是参考下面两张样图，你觉得哪一张效果更好呢？标题和内容占据了整个页面，为每个单元格及其周围预留了合理的空间。第八点：留白设计越多越好。我们可以通过填充、增加边距、调整表格高度来实现留白。第九点：请保持间距一致。使用标准单位作为基线，例如覆盖空间为10px。这种做法可以带来明显的节奏感和和谐感。非衬线字体、单色过渡、充足的空间加上一致的间距。让生活更轻松自信地使用Bootstrap和Foundation等框架。是的，可能有人会说，都是一个模子印出来的，严重缺乏创意。但是对于原型制作，它们绝对值得一试。到目前为止，我们已经讨论了排版、颜色、间距、一致性和表格等细节。遵循这些建议将使您的设计简单而强大。第10点：从现有成就中学习。您可以直接使用现成的Bootstrap模板、Foundation模板、MaterialDesignLite、Skeleton、PureCSS或UIKit设计结果。此外，请随时在此基础上添加您自己的口味，同时牢记前面提到的原则。这些框架是全面的解决方案，可让您挑选将想法变为现实所需的内容。综上所述，今天的文章不是讨论设计的基础知识，而是从概念层面处理原型制作中经常出现的各种问题。如果您是开发人员并想向客户或团队提交产品构建想法，上述原则应该可以帮助您避免陷阱并实现您的目标！原标题：开发者的10个补救设计指南【翻译稿件，合作网站转载请注明原译者和出处.com】
