您所在的位置: 首页>行业资讯>菏泽10个提高用户体验的网页设计准则

菏泽10个提高用户体验的网页设计准则

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