排版可分为两个区域 – 宏观和微观排版。排版在网页上的相关性不足以强调。重要的是要考虑其细微差别并以一种方式使用它以增强网页的整体可读性和易读性。在制作页面之前,了解微观和宏观排版之间的区别非常重要。这将有助于设计师专注于整体设计的可读性和易读性。
微排版专注于字体的细节。当设计师选择kern,跟踪和定义字体样式时,他或她正在处理微观层面的排版。通过调整设置和播放字体的细微差别,您实际上是在设计一个字母或一个单词。微排版处理文本的易读性并且可以改善用户的整体阅读体验。
另一方面,宏排版负责网页上段落和文字的布局设计。通过以特定方式排列段落,设计人员能够提高页面的可读性。
宏观和微观排版在创建易于阅读的有效网页时非常重要。可读性是读者可以轻松使用文章或网页。易读性是不同的,它指的是一个单词中字形的间距和排列以及它是多么容易被辨别出来。现在,让我们来看看设计师目前正在使用的两种不同的技术,以创建一个和谐和可读的网页。
宏排版技术使内容更具可读性
边距:添加边距有助于构建网页内容。通过添加边距,可以定义从文本容器到网页其他元素的距离。文本容器周围的空白空间有助于创建与文本和周围环境的关系。
边距还可以帮助营造整体设计的和谐感。
例如,如果您查看下面的网页。内容放在两列之间,边距将内容分开。边距的放置方式允许读者毫不费力地阅读左右列中的内容。将两者分开的空间有助于定义列与布局的整体设计之间的关系。通过将其移动到足以使阅读舒适的体验,也可以直观地设置边距。
要创建和谐的网页,重要的是要注意文本和容器形状之间的比例。
微排版技术使内容更具可读性
选择字体
字体选择应取决于内容的易读性和可读性。选择字体时,要注意其整体易读性,风格和感觉的细微差别应该排在第二位。标题和副标题将用户绘制到文本中,因此选择正确的字体样式非常重要,因为它为整体布局设置了基调。它下面的文本应该设置为经典样式 – 这将帮助用户毫不费力地阅读整个内容。选择字体时,创造力很重要,但在此过程中不应损害可读性和易读性。
对比
对比度在排版和网页设计中起着重要作用。将文本放在对比鲜明的背景上将有助于使其更具可读性。白色背景上的深灰色文本是可读Web内容的典型示例。可以在文本容器中选择对比色。例如,标题和副标题颜色可以与其下方的文本形成对比。这将有助于用户关注此部分内容。
字体大小
通常在设置边距和宽度后选择字体大小。指南通常表明每行大约8-12个单词是标准行长度。这将确保为用户提供愉快的阅读体验,并将帮助他毫不费力地阅读内容。典型的字体大小需要足够大以引导用户注意内容并且足够小以保持用户通过线跳跃进行读取。
线高
通常在设置线长度后选择线高。线长越长,线高应该越高,反之亦然。要确定此高度,您必须看到上升和下降器将触及的点。从这里增加它直到它与线长度平衡。您可以将行高设置为浏览器默认值,因为这可以确保它与元素字体大小成比例。
在网络上组织和调整类型需要时间,精力和耐心。但如果做得恰当,它可以让世界变得与众不同。注意样式,对比度,颜色,尺寸边距,间距以及线条高度和宽度将有助于您设计可以吸引用户并使他们对页面内容感兴趣的文本。在构建可读体验时,对容器内的文本进行整形并将它们与页面上的其他元素放在一起是至关重要的。
我们已经介绍了宏观和微观排版的一些基础知识,以及它们如何结合使用,以创建一个和谐,均衡的网页。