网页排版会容易犯哪些错误?

企业SEO品牌营销 21-03-09 13:36:04

1.使用的最小字体数

使用超过3种不同的字体会使网站看起来没有结构并且不专业。过多的类型、尺寸和样式可能会同时破坏任何布局。

一般来说,整个网站的字体数量限制在最多两个,一个一般就够了。如果您使用多种字体,请确保单词系统基于字符宽度是互补的。如图,左边组的字体比较和谐,而右边组的字体粗细对比太明显,使得权重与权重的比例非常不协调。

2.尽量使用标准字体

字体嵌入服务(如Google Web Font或Typekit)有很多有趣的、标准的系统字体,而且由于用户对标准字体更加熟悉,所以阅读速度更快。

除非你的网站对定制字体非常有吸引力,比如品牌化或创造沉浸式体验,否则最好使用系统字体。

3.限制线的长度

想要有好的阅读体验,每行60个字符左右就可以了。每行有正确数量的字符是文本可读性的关键。如果每一行文字太短,视线必须反复折回,打破读者的节奏。如果一行文本太长,用户的眼睛很难聚焦到文本上。

对于移动设备,每行应该有30- 40个字符。以下是在移动设备上查看的两个网站的示例。第一种每行使用50- 75个字符(打印和桌面的最佳每行字符数),而第二种使用30- 40个字符。

4.选择各种大小的字体

确保您选择的字体在较小的屏幕上清晰可辨!

5.使用区分字母的字体

许多字体很容易混淆相似的字母,尤其是& ldquoi & rdquo和& otherL & rdquo(如下图所示),所以在选择字体类型时,请确保在不同的上下文中检查您的类型,以确保不会给您的用户带来问题。

6.避免所有英文大写

不要强迫用户阅读所有大写字母。相比小写型,只会大大降低用户的扫描和阅读速度,让他们在几分钟内爆发。

7.不要最小化行距

为了可读性好,行距一般为字符高度的30%。

段落间距可以比行间增加20%,留白可以给用户提供消化内容的时间。左下角:几乎重叠的文本。右:良好的间距有助于可读性。

8.确保你有足够的颜色对比

文本和背景不要使用相同或相似的颜色。文本越明显,用户扫描和阅读的速度就越快。

9.避免将文本涂成红色或绿色

建议使用颜色以外的线索来区分重要信息。还要避免用红色和绿色分别传达信息,避免色盲用户无法流畅阅读的情况。

10.避免使用闪烁的词语

闪烁或闪烁的内容可能会让一些敏感的人发疯,对普通用户来说可能会令人讨厌或分心。

最新文章
  1. 网站建设字体要怎么设计排版呢?

    网站建设字体要怎么设计排版呢?

    1.了解字符的结构和字体特征是优秀排版的基础。 在排版中,点、线、面结合的设计组是美观的重要因素。无论是单行字还是多行字,都需要根据字体的粗细来设置密度,找到节奏感和节奏感。 2.优秀的排版需要独特的节奏……

    黄勇博客 2021-02-24

  2. 做网站优化有哪些技巧

    做网站优化有哪些技巧

    首先,细分列以满足覆盖需求 大型网站必须做的一件事就是对网站的页面进行细分,然后满足每个细分栏目的需求。这是一个非常好的提高网站页面质量、包容性和排名的方法。我们必须知道,网页的质量是优化结果最基本……

    黄勇博客 2021-03-23

  3. 网站优化的优越性主要表现在哪些方面

    网站优化的优越性主要表现在哪些方面

    1.搜索引擎友好度高的优化网站明显比普通网站对搜索引擎更友好。 2.页面布局不错。在网站的页面布局方面,优化后的网站效果会比较合理。 3.用户体验更好是因为搜索引擎优化人员知道,只有提高用户体验才能实现优化……

    黄勇博客 2021-02-25

  4. 网页制作的用户体验怎么样?

    网页制作的用户体验怎么样?

    1.输入控件的自动对焦和可用键盘切换输入焦点 使用JavaScript在页面加载后立即自动关注第一个输入控件。可以使用TAB键(IE默认实现)或方向键切换,聚焦下一个输入控件。 2.使用回车(或Ctrl+Enter)提交,并确保效果……

    黄勇博客 2021-02-23

  5. 营销型网站建设要注意哪些问题?

    营销型网站建设要注意哪些问题?

    第一:营销网站维护的安全性 营销网站的开放性不仅为企业发布商业信息提供了便利,也方便了客户在网站上购买他们需要的商品。然而,营销网站的这一特点也对网站的安全构成了潜在威胁。因此,网站后期维护不可缺少的……

    黄勇博客 2021-03-05

  6. 企业建网站哪些细节重要?

    企业建网站哪些细节重要?

    第一,提前规划 做网站前期要做规划。很多企业会忽略这个细节,觉得想多了也没用。还不如找个公司直接沟通。策划的重要性关系到整个网站的核心,也是后期运营的关键环节。企业建一个网站不容易。规划内容包括框架……

    黄勇博客 2021-04-13

返回顶部小火箭