nfs 掉线 补救

这是您可能熟悉的情况：您是一名开发人员，并且构建了一个原型来演示某些东西。 它的工作原理与您想要的一样，但是用户脸上的恐怖表情告诉您出了点问题–您的演示看起来像胡扯。

让我们看一些简单的指南和技巧，以帮助您的演示看起来像应有的样子。

放松

您可能已经听到以下内容：

“好的设计，只要做得好，就变得不可见。 只有在做得不好的情况下，我们才会注意到它。” - 贾里德·史波 （ Jared Spool）

这与所有设计师有关，但对于开发人员来说，这尤其与您有关。 您正在构建演示； 仅用于演示某些内容的内容。 它的用户应该全神贯注于您要摆在他们面前的任何任务，而不是对“设计”做出React。

指标＃1：通过尝试发表风格声明，您很有可能实际上正远离提供良好的演示。 把事情简单化。 坚持使其工作。

如果“看起来不正确”，请删除您可能添加的任何视觉细节（例如框阴影，边框，效果），然后返回到绘图板。

现在，我们有了警告的光顾之道，让我们集中讨论一些更实际的指示！

避免凌乱的调色板

没有什么比差的颜色选择更能使人立即对眼睛感到反感了。 实际上，应该在UI设计过程中很好地解决颜色决策，但是总是很想尽早做出大胆的颜色选择。

有目的地探索色彩。 因此，一些指针：

指标 2：考虑在自己的演示中使用单色。 坚持使用灰色阴影（五十个？），直到您准备使用颜色来帮助澄清事物为止。

指标 4：黑白同样如此。 通过避免极端情况，坚持灰黑色和灰白色，您不太可能使用户感到疲倦。

走得更远，为您的黑色和灰色增添一抹色彩。 正如Ian Storm Taylor在2012年所说：

“阴影不是黑色的”

伊恩（Ian）在艺术学校上的课反映了我自己的经历-我记得我的老师在挑战我在拉格朗德·杰特（La Grande Jatte）岛上的乔治·舒拉特（Georges Seurat）的《星期日下午》中找到一个黑点。

不要使字体过于复杂

如果我们要讨论的是演示和原型，则实际上完全不需要使用系统字体（请参阅指针1）。 不过，请考虑以下因素：

指标 ＃6：使用Sans-Serif（“无”衬线）可以安全地工作。 衬线字体是那些带有笔画终止细节的字体（其中有些行话供您使用）。

衬线对于增加设计的个性很有用，它们通常可以使正文易于阅读。 但是它们传统上并没有用于UI设计中，尤其是在较小的尺寸上，因为它们在很多时候都显示不同的笔触粗细。

注意 ：随着屏幕分辨率的提高，清晰度会提高，并且此参数的权重也会降低。

Google在其Android界面中使用了“人道主义”的Droid Sans ，最近还使用了Roboto和Noto 。 苹果将旧金山用于其操作系统范围，并且在此之前， Neue Helvetica都使用了该操作系统。 Firefox OS使用Fira Sans 。 注意这里的共同主题吗？ 全无衬线。

指标 7：避免歧义。 根据所选的类型，有时很难区分字符组合，例如O0，aeo，8B，Il1、5S，2Z，6b和9g。 测试他们； 如果您很难将它们区分开，那么明智的选择是另一种字体。

呼吸的空间

空白空间（功能空间）以多种方式为视觉设计师服务。 它有助于营造一种平衡感，吸引人们注意设计的必要方面，减轻用户的认知负担（我可以继续）。 如果您的UI狭窄，它将很快使用户感到不适，并降低了他们有效处理任务的能力。

在处理大量信息时，倾向于尽可能多地压缩信息，但是您发现这两个示例中哪个更容易看到？

指标 8：在呼吸空间方面，“更多”几乎总是更好。 添加填充，增加页边距，提高行高，扩展所有内容。

指标 9：保持间距一致。 使用标准单位作为基础，以（例如）10px为增量添加空间。 一致性是创造节奏与和谐的关键。

让生活更轻松

里面没有耻辱； 让Bootstrap和Foundation之类的框架为您完成艰苦的工作。 他们经常因使生产网站看起来通用而缺乏想象力而受到批评，但是对于原型而言，它们绝对是完美的，开箱即用。

到目前为止，我们已经讨论过的所有决定都是为您做出的：版式，颜色，间距，一致性以及诸如表格之类的凌乱细节，您不会出错。

指标 10：站在他人的肩膀上。 获取现有的Bootstrap模板 ， 基础模板或Material Design Lite ，Skeleton或Pure CSS或UIKit或您喜欢的数百万个CSS框架之一！ 记住我们到目前为止讨论的所有要点，不要害怕在顶部添加自己的样式。

这些框架都很全面。 确保使用了所有需要的物品； 如果仅选择几个元素，您可能会遇到问题。

结论

这并不是要成为设计基础知识的文章，而是旨在帮助您解决原型设计遇到的任何问题。 如果您是开发人员-可能是录制课程，或者向客户或您的团队介绍产品-而您确实希望您的演示能够完成他们的工作，那么这些指导将使您走上正确的道路。 如果您有任何具体问题，请在评论中让我知道。 祝好运！

翻译自: https://webdesign.tutsplus.com/articles/10-remedial-design-pointers-for-developers--cms-26558

nfs 掉线 补救