10个排版技巧在网页设计中的应用

2021-04-20    分类: 网站建设

在网页设计中,排版在网站和用户之间建立良好的沟通和帮助用户实现他们的目标方面起着重要的作用。当我们谈论网页与用户建立有效沟通的能力时,我们通常指的是文本布局的作用:

网络上超过95%的信息是文本,好的排版会让用户更容易阅读,而凌乱的排版会让用户失去继续浏览的意图。正如Oliver Reisenstein在他的文章“网页设计是95%的排版”中所写的,排版的目的是优化可读性,可访问性,可用性,以及与图形的平衡。换句话说,优化布局也有助于优化界面。在本文中,我们提供了一组规则,可以帮助您提高文本内容的可读性和可读性。

1. 不要使用太多字体

建议您在站点布局中使用不超过三种字体类型,否则您的站点会看起来松散和不专业。不仅过多的字体会导致这个问题,而且过多的字体大小也会破坏页面的布局。

作为一个通用规则,保持字体族的数量最少(两个字体是倍数;一种字体通常就足够了),并在整个网站中遵循相同的原则。如果使用的字体多于一种,请确保这两种字体是兼容的。以以下字体组合为例。乔治亚州和怀尔达那州在相对和谐中相互补充。与在巴斯克维尔的震惊相反,这里将有一种明显的冲突感。这种非线性的影响显然比巴斯克维尔的视觉冲击更大。

在进行中、英文排版时,建议使用标准中文字体对应英文,标准英文字体对应数字和字符,标准英文字体对应英文。这里有一个例子,看看你能否比较美。

2. 试标准字体

在谷歌Web fonts或TypeKit中有很多有趣的字体,在中文“字体库”中有字体嵌入服务。对于中国设计师来说,角色的体验非常巨大。一个字符将移动几兆字节或10兆字节,这增加了用户浏览网站的加载时间。相反,在一个网页上使用26个英文字母和数百个K标点符号是很容易的。

选择一种标准字体。(近年来,网站都使用简单的单层粗体字体。对于英文,使用Arial, Calibri或任何其他类型的粗体以方便在屏幕上阅读。如果你没有一个特定的概念来指导你,避免使用衬线字体。

不是每个用户都会在终端上看到相同的字体,这意味着用户可能看不到您选择的适当字体。

用户更熟悉标准字体,所以他们可以更快地阅读它们。

可以制作特殊和有限的字体。嵌入在Web中以SVG格式使用的材料。

好的字体设计可以让用户更关注内容,而不是字体的类型。

限制文本的行数。

文本可读性的关键是确保每行字符的数量。不是设计者定义文本的宽度,而是用户的可读性。

太宽——会让一行文字太长,让读者的眼睛很难集中在文字上。在一篇长文章中很难找到正确的台词,因为很容易在很长一段时间内联系起来。

太短——它把读者的目光带回到下一行,打破了读者的节奏。时间过长会导致眼睛疲劳。太短也会让读者在阅读当前一行之前就很容易跳到下一行,可能会错过潜在的重要单词和句子。

对于移动设备,每行应该是30-40个字符长(半个角),根据屏幕、文本的宽度和不同分辨率的字体大小显示准确的字数。其设计原则是确保文本能够被用户轻松阅读,且文本不能太小或太大。对于iOS(移动),文本的最小字体大小不应小于24px,这对用户来说太小了,无法阅读。例如,可以使用百度作为引用。

选择各种显示效果好的字体大小,用户将通过具有不同屏幕分辨率的终端设备访问您的站点。大多数用户界面需要不同大小的文本(标题、字幕、文本、评论等等)。选择适合不同屏幕分辨率设备的字体也很重要,以确保不同大小的字体具有较高的可读性和可用性。

在过去的两年中,流行的粗体和平房字体一直是一个不错的选择。当然,我认为汉艺黑旗在字体族数量、字体质量、屏幕显示、纸张印刷等方面都不逊于前两种字体。每个设计师都是这样的。

新闻标题:10个排版技巧在网页设计中的应用
链接地址:https://www.cdcxhl.com/news/109072.html

成都网站建设公司_创新互联,为您提供品牌网站建设微信小程序动态网站小程序开发网站维护关键词优化

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联

成都seo排名网站优化