在网页设计和APP软件中,好的排版不只是漂亮的字体。 它还需要高度可读,易于浏览,同时允许用户专注于其内容。 这是一项相当艰巨的任务,但是大多数设计人员可以通过实践来达到这种效果。 今天,我们将了解良好的用户体验需要遵循的10条“规则”,您还可以学习帮助您设计出出色的设计。 (每个规则都附带一个网站示例)
至
1,可读性
至
必须使用sans-serif的想法已经过时了,但是您必须了解为什么sans-serif的想法已经过时了。 根本原因是文本必须易于阅读。
至
您需要避免难以阅读的字体。 但是,这些是难以在脚本中读取的字体,例如新颖字体或哥特式字体。 (除了那些需要特殊装饰的艺术字体。)
至
大多数可读字体都可以轻松阅读,并且用户不需要花费太多时间来关注字体本身。 这是可读性准则的原则。
至
2,为行间距留出足够的空间
至
关键是设计用户喜欢的行距。 正确的行距有利于阅读,这在移动设备上尤为重要。
至
导致行之间变化的因素如下:
至
字体大小
至
文本数
至
字体样式
至
屏幕宽度
至
这里没有明确的规则告诉您该怎么做-但是您可以遵循以下规则:
至
对于大多数网站,将行距的文本大小设置为大约125%
至
对于移动设备,将行距的文本大小设置为大约150%
至
使用宽松的段落间距-等于“返回并rdquo;-使段落易于阅读
至
用眼睛测试一下文本在屏幕上是否松动或紧绷。 (第一感觉就足够了)
至
3,大而圆的字母
至
大而圆的字符更易于阅读。 因此,字母有一个很大的弧线,该弧线在字体中就像一个圆形的“ o”。
至
紧凑和压缩的字体很难阅读。 宽松的样式(例如上面的示例)易于阅读,因为每个字母都易于区分。
至
4,设置字体大小
至
毫无疑问,使用较大的文字会使用户感到舒适。 大或小文本取决于您需要在页面上放置多少文本。 特别注意大文本。
至
对于使用多少文本,不同的设计师有不同的想法,大多数人认为每行45-60个字是最好的。 这减少了手机的布局,这是大多数用户可以接受的。
至
5.找到字母的高度
至
字母的高度(尤其是小写字母)对允许用户轻松浏览您的内容有很大的影响。
至
小写字母“ x”无论大小有多高,仍然是小写字母“ x”。 阅读带有较高“ x”的小写字体比较容易,这意味着小写字母的高度更接近大写字母。 找到字符集,其中x的高度是大写字母的高度的三分之二和四分之三。
至
6,表达文字间距
至
字间距意味着好的排版。
至
您将没有时间,也不需要时间。 回到单词间距。 但是当显示字体时。 您希望每个字母都照原样分组。 此详细信息将帮助您显示如何防止用户忘记重要的部分。
至
7,比例
&nbs;
比例可以帮助您为项目创建样式。 尽管这听起来像是在做数学问题,但它可以使您的工作更轻松。
至
返回行间距; 那就是比例。 请考虑文本的大小,文本的主体,副标题,标题和大规模复制。 将它们连接成一件,在视觉上看起来和谐,而且您也知道哪个比例更好。 乍一看可能有点复杂,但是Tuts Plus提供了一个不错的教程来帮助您理解它。
至
8.统一风格
至
当涉及字母形式时,粗体非常重要。 由于超细字母缺乏对比度,因此很难阅读。 同样,细线和粗线之间的鲜明对比将具有相同的问题。
至
解决方案:坚持使用相对统一的字体格式。 这种样式易于使用,无论您使用哪种背景,都易于阅读。
至
9.字体的使用
至
两种字体。 再说一遍:两种字体。
至
所有设计均应遵循此标准。 太多的字体会使用户疯狂。 眼睛非常疼痛,可读性很差。 这也使用户非常痛苦。
至
学习使用两种字体-如果需要,可以使用艺术字体-保持这种习惯。 标记应如何使用每种字体。 包括颜色,大小和相应的位置。 对于每个设备,不同的页面也应该保持一致。
至
10,对比
至
在一些流行的设计中,背景和字体仅稍有不同。 它看起来很酷,但不是那么友好,可读性也很差。
至
内容是使您的网站特别重要的关键。 让背景和字体有更大的区别,它使用户易于阅读。 (这就是为什么黑色或深色背景在白色或浅色背景中非常受欢迎的原因。)
至
网站上的文字越多,这些准则就越重要。 斜视文本时,对比度可能会降低(或字母太小)。 色彩安全是一种功能强大的色彩工具,可以帮助您组合接近完美对比度的色彩。 (这会使您的网站看起来更酷!)
至
字体设计可以帮助您设计一个很好的设计体验。
可能您还想看