8在30分钟内改善您的网站排版的简单方法

本苔藓 经过 本苔藓  |  1月28日,2021年

排版是任何网站最重要的元素之一,对品牌和经验产生了巨大的影响。

因此,基本的是,为您的排版进行批发改变 - 选择新字体,改变措施,增加前导 - 复杂,并充满了潜在的时间汇。

但是,您可以对您的排版有一些简单的变化,不会破坏电网,可以在30分钟或更短的时间内实现。这是最简单的八个。

 

增加颜色对比度

铺设文本时,设计师常见的是在视觉设计中将文本视为块。设计师与文本的关系与用户的关系非常不同;设计者将文本作为形状,用户按行读取它。因此,设计人员倾向于低估了对比文本的数量。

浅灰色文本是美观,但功能无用的。旨在读取文本,需要在桌面和WCAG AAA标准上满足WCAG AA标准 - 或者在任何环境光源的任何情况下。文本越大,你的余地就越多。

文本应该彻底测试形成对比,但作为一个起点,白色背景上的18px文本应该永远不会比#595959更轻。

 

2.拧紧标题间距

绝大多数字体被设计为用作身体文本 - 大块运行文本,多行长。当字体制作时,它为此使用时。

与运行文本不同,标题往往是短暂的,并被更多的空格包围 - 特别是上下。额外的空格视觉上淹没了单词形状和势力分开的负面空间。

为了弥补,将标题的字母间距和单词间距拧紧1-5%。

 

3.松开非词汇间距

当我们阅读时,我们的大脑不会通过信件拼写字母;它识别单词形状甚至单词组’ shapes.

大多数微型印刷术涉及不会破坏这些词形状。但是,有时候您确实想要防止单词形成并允许单个字符。

在旨在读取的任何文本上的字母间距作为一系列字符,例如序列号,跟踪代码和表格数据。

 

4.使用系统字体进行输入

隐私对用户来说是一个很大的问题。您可以作为设计师来安慰用户的任何东西,他们的数据是安全的,将增加您的网站’s positive UX.

样式您的HTML输入要使用系统字体 - 操作系统设置的默认字体正在访问该站点。这在用户字体中的品牌字体和用户数据之间的品牌数据之间创建了清晰的描绘。

以这种方式使用系统字体鼓励用户觉得数据的所有权,构建信任,并增加转化。

 

5.标记段落一次

文本的段落需要他们已经开始的视觉迹象。有三种方法通常传达:在标题之后,在段落之前的垂直空间,或缩进第一行。

每个段落都应该使用这些指标之一和一个。由于Web内容的性质和益处标题用于快速扫描读取内容,对于大多数网站,最佳选择是跟随标题和垂直间隔的组合。

 

6.使用真正的风格

出于各种原因,从字体的可用性到侵略性优化,网站使用CSS的假设替代风格很常见。斜体可以伪造成具有偏斜的倾斜,通过使用浏览器的默认值可以伪造大胆的重量,并且可以通过将文本设置为大写并减少字体大小来伪造小帽。

这些技巧弊大于良好,创造了中断文本自然流动的扭曲字形。

如果你不能部署真正的斜体,粗体和小帽子,那么不要伪造它们。查找创建重点的替代方式,例如更改颜色。

 

7.使用正确的报价

撇号,单个和双引号是特定的字符。大多数字体为它们提供了一个雕文,它与键盘上的快速单引号或双引号键不同。

这些报价标记最常被称为“智能”引用,因为Word-Procession应用程序通常可以选择“SMART”,其中包含它们使用的字形。

使用正确的报价是提供精制文本的最简单方法之一。

 

8.正确连字文本

连字是在两行中断一个字。它允许较少的极端粗糙的文本,并且与桌面相比,可用页面宽度相对较小的移动设备至关重要。

网络对正确连字符的支持令人惊讶地差,但它逐渐改善,它可以作为渐进式增强。

CSS.允许您将连字符设置为无(无连字符),自动(自动浏览器插入)和手动(在其中指定应使用软连字符出现连字符)。

排版,可以以五个字符或更长时间的任何字插入连字符;连字符前必须至少有两个字符,并且在连字符后至少有三个字符。

您不应该连续三行连续三行,但解决这需要JavaScript。通过提高您的措施,您可以最大限度地减少此问题。

 

特色图像 通过拆卸