10个良好用户体验指南

在网页设计和APP软件中，一个好的排版不仅需要漂亮的字体。更高可读性——易于导航——同时允许用户专注于其内容。

这是一项相当艰巨的任务，但大多数设计师都可以通过练习来实现这一目标。

今天我们将看一下良好的用户体验需要遵循的10“指南”，您还可以学习如何帮助您设计出色的设计。 （每个规则都有一个网站的例子）

可读性

必须使用sans serif的想法已经过时，但是为什么你必须使用sans serif的想法是一个过时的深层原因：文本必须易于阅读。

您需要避免难以阅读的字体，但这些难以阅读的字体存在于脚本中，例如新奇字体或哥特字体。 （那些需要特殊装饰的艺术字体除外。）

大多数可读字体都可以轻松读取，并且用户不需要花太多时间来关注字体本身。这是可读性指南的原则。

给行间距留足够的空间

关键是要设计一个用户喜欢的行间距。适当的行间距有利于阅读，这在移动方面尤为重要。

导致行间更改的因素如下：

文本大小文本数量字体样式屏幕宽度

没有明确的规则告诉你该怎么做 - 但是你可以遵循一些规则：

对于大多数网站，将行间距设置为大约125％的文本大小。对于移动设备，请将行间距的文本大小设置为大约150％。使用宽松的段落间距——等于“回归”——使段落易于阅读用眼睛测试，看看文本是否松动或紧张在屏幕上。 （感觉可以）使用大而圆的字母

大而圆的单词更容易阅读。所以字母有一个大弧 - 这个弧就像字体中的圆形“o”。

压缩和压缩字体难以阅读。松散的样式（例如上面的示例）易于阅读，因为每个字母都很容易区分。

给字体设置大小

毫无疑问，使用大文本会让用户感到舒适。大文本或小文字取决于您需要在页面上放置多少文字;要特别注意大部分文字。

不同的设计师对使用多少文本有不同的想法，大多数人认为每行使用45-60个单词是理想的。这缩小了手机的布局，大多数用户都可以接受。

寻找字母高度

字母——的高度，特别是小写字母——，使用户可以轻松浏览您的内容。

小写字母“x”仍然是小写的“x”，无论它有多高。使用更高的“x”小写字体更容易阅读，这意味着小写字母更接近大写字母。找到字符集，其中x的高度是大写字母高度的三分之二。

学会表现文本的字间距

良好的文字间距意味着良好的排版。

你没有时间，你不需要它，回到这里的单词间距。但是在显示字体时。您希望将每个字母组合在一起，就像它们一样。此详细信息将帮助您说明如何防止用户忘记重要部分。

考虑比例

比例可以帮助您为项目创建样式。虽然这听起来像是一个数学问题，但它可以使您的工作更轻松。

回到行间距;那是比例。考虑文本的大小，文本主干，副标题，标题和副本的大区域。将它们连接在一起在视觉上是和谐的，你知道什么样的比例更好。起初可能有点复杂，但TutsPlus有一个很酷的教程可以帮助您理解它。

统一风格

说到字母的形式，粗体是非常重要的。很难阅读，因为超精细字母缺乏对比度。同样，罚款和粗体之间存在强烈对比，同样存在问题。

解决方案：坚持使用相对统一的字体形式。这种风格易于使用，无论您使用哪种背景都是可读的。

限制字体的使用

两种字体。再说一遍：两种字体。

所有设计都应遵循本指南。太多字体会让您的用户发疯。眼睛可能非常痛苦且可读性差。它也让用户非常痛苦。

学习使用两种字体——如果你需要——来保持这种习惯，你可以拥有一种艺术字体。标出应该如何使用每种字体。包括颜色，大小和相应的位置。对于每个设备，不同的页面也应该是一致的。

对比度

在一些流行的设计中，背景和字体之间只有很小的差异。它看起来很酷，但它不那么友好，而且可读性差。

内容是使您的网站特别重要的关键。使背景和字体更加不同，它允许用户轻松阅读。 （这就是为什么黑色或深色背景非常适合白色或浅色背景。）

网站文本越多，这些指南就越重要。当您睁着眼睛看文本时，对比度可能会减弱（或者字母太小）。 Color Safe是一款功能强大的色彩工具，可帮助您组合接近对比度的色彩。 （它会使你的网站看起来更酷！）

排版设计可以帮助您设计出非常好的设计体验。