网页字体怎样设计排版更好看?网页设计字体的重要性

WP网站建设   像字体这样简单的东西可以帮助您建立一个商店页面,既可以展示产品,也可以为客户的客户提供流畅,高效的购物体验。 本文将展示如何将正确的字体策略作为强大用户体验的基础,并演示如何对字体进行细微调整,从而在用户与客户商店交互的方式上产生巨大差异。 为什么字体很重要 在构建电子商务网站时, WP网站建设

WordPress网站建设

WordPress网站建设

 

像字体这样简单的东西可以帮助您建立一个商店页面,既可以展示产品,也可以为客户的客户提供流畅,高效的购物体验。

本文将展示如何将正确的字体策略作为强大用户体验的基础,并演示如何对字体进行细微调整,从而在用户与客户商店交互的方式上产生巨大差异。

为什么字体很重要

在构建电子商务网站时,要记住的有用术语是  最低交互成本。这基本上是确定一段内容是否值得阅读所需的最小努力。Nielsen / Norman小组最近的一项研究发现,平均而言,用户最多只读取一页上28%的单词。这个百分比在一定程度上取决于页面上的副本数量,但再加上大多数人在网页上平均花费15秒的事实,数字强调了一个基本事实:每个单词都需要计算。

这就是字体的用武之地。如果使用得当,字体可以帮助吸引读者,鼓励他们在页面上停留更长时间,并希望在整个购买过程中成功引导客户。

5种方式字体构建强大的UX基础

字体对于创建满足这些需求的平滑,直观体验至关重要。有效使用时,字体可以引导人们从一个地方到另一个地方,让用户在浏览产品,比较功能和完成购买过程时保持接地。

平均商店页面上可能没有太多副本,但副本出现在许多不同的地方,每个地方都有不同的目的。标准产品概述部分可以包含7种以上的内容和元数据,例如标题,价格和项目符号。

使用字体区分两个或三个不同的文本块非常简单,但使用五组,六组或七组内容实现相同的效果可能会更具挑战性。如果做得好,客户可以快速扫描他们需要的信息,并轻松决定他们是否要开始购买流程或继续浏览。

厦门网页设计

厦门网页设计

本产品概述包含至少7个不同的文本区域,每个区域在与其他区域一起查看时需要自己的特征和对比度。字体大小,重量,样式和字体的细微变化有助于客户扫描对他们最重要的信息。

如上图所示,设计师可以使用几种类型的处理方法来开发清晰,高效的层次结构和商店流程。关键是在整个客户的站点中一致地部署这些策略,以便用户熟悉站点层次结构的外观,而不仅仅是文本。

以下是创建此层次结构时要考虑的5种策略。

 

1.规模和物理尺寸

简单地改变文本行的大小可以在整个站点的内容中给出一​​系列锚点。产品标题,推荐书和一些CTA通常以较大的文字设置以吸引眼球。

随着屏幕尺寸变小,类型比例变得更加重要,并且文本开始在图像和其他界面元素上进行更多繁重的工作。

响应式设计通常需要消除除了最小屏幕尺寸的文本之外的几乎所有内容,因此具有清晰,一致的字体比例是至关重要的。在较大的网站和应用程序中,确定一些用于管理类型系统复杂性的预定义规则非常重要。

网页字体怎样设计排版更好看?网页设计字体的重要性

规范化的文本大小可以为读者创造优先级困境(上图),而通过夸大的文本比例强调内容重要性可以导致更易消化的阅读体验(下图)。

2.键入样式和重量

使用对比样式来区分文本块,例如将轻松的手脚本与非严肃的无衬线字体或等宽字体混合。通常通过重量创建视觉对比度是一种很好的做法,例如将粗体标题与轻体文本配对。

WordPress网站建设

WordPress网站建设

3.输入案例

设置所有大写字母和导航等元数据项也可以创建对比效果。然而,这最适合使用短句和增加字母间距以提高易读性。

厦门网站设计

厦门网站设计

4.对比图像

对于分层文本和图像,请考虑降低图像的亮度和饱和度。这甚至可以在运行时使用CSS过滤器实现。

网页字体怎样设计排版更好看?网页设计字体的重要性

5.导航处理

导航的作用是实现用户目标的明确,临时步骤。因此,请考虑您拉入导航系统的印刷个性数量。有时候,良好的对比度和一种字体就足够了 – 把它想象成用同样的语调来调节音量。在一个小空间中太多的极端变化会让读者争先恐后。

原创文章,作者:网站建设,如若转载,请注明出处:https://www.davidwu.net/archives/9060

发表评论

电子邮件地址不会被公开。 必填项已用*标注

联系我们

在线咨询:点击这里给我发消息

邮件:itbound@sina.com

工作时间:周一至周六,9:30-18:30

 

QR code