贵州快3开户

当前位置:   金科网 > 嘿科技 > 正文

字体排版的7个准则,提高移动设备的可读性(原创)

贵州快3开户本文笔者将与大家讲述移动端字体排版的7个准则:给自己留出空间、行宽标准、行距的宽松与紧凑、找到最佳点、不要丢失你的抹布(文字的起伏边缘)、降低对比度(减少反差)、根据比例调整跟踪。

字体排版的7个准则,提高移动设备的可读性(原创)

贵州快3开户你可能听说过好的排版是看不见的,但是说好的排版使得阅读的行为变得毫不费力。

当眼睛沿着一条文本行进行时,它会在跳跃中进行,称为扫视。你不读字母,甚至不读文字,你读了部分单词的快照,你的大脑填写了它期望找到的内容。如果大脑感到惊讶,它会回过头来检查它的假设是否正确。良好的排版可以通过沿线创建平滑流动来最大限度地减少您的眼睛所需的工作。

移动设备对任何印刷工人都有固有的挑战:空间有限,环境光通常很差。

贵州快3开户但是,通过对我们已经用于Web的技术进行简单调整,我们可以提高移动设备的可读性。

贵州快3开户在译这篇文章时,发现身边很多设计师和产品经理,对移动端字体和Web端的不做区分,很多直接拿Web端的标准直接用在了移动端。关于这点后续会找相关的资料分享给大家,本次只讲移动端字体排版的7个准则。

一、给自己留出空间

字体排版的7个准则,提高移动设备的可读性(原创)

与流行的看法相反,排版不是关于屏幕上小曲线的排列; 排版主要是关于它们内部和周围的空间。

要理解这一点,有助于理解字体的来源:“o”(和“b”,“c”,“p”等)中间的洞被称为“凹”。当字体时在原始印刷机上用金属雕刻而成,这些计数器是用金属冲头制成的,然后将其雕刻成板状。

第一类设计师实际上正在使用不会打印的形状,排版对字体本身的要求远远低于它们构成的空间。

当我们谈论层次结构时,我们通常意味着<h1>到<p>,并且可能意味着<h6>。但是有一个额外的层次结构会影响一条线或一个段落的流动,这就是空间层次结构——字母之间的空间小于单词之间的空间,单词之间的空间小于行之间的空间。

贵州快3开户为了在移动设备上获得最佳可读性,请特别注意空间层次结构,将字符,字符串和段落中的格式塔式分组在自然光下更为重要。

二、行宽标准

贵州快3开户行宽是一行文本的长度——或者,更准确地说,它是一行文本的理想长度,因为每条线都很精确。

普遍接受的理想舒适行宽约为65个字符,行宽的物理长度取决于字体的设计,跟踪以及您正在使用的确切文本。本文的前65个字符,在PT Serif中设置为26.875em宽,在Open Sans中,28.4375em,在Ubuntu中,27.3125em。如果我添加斜体,小型大写字母或其他十几种印刷细节,它会有所不同。

65个字符很少延伸到桌面浏览器的边缘,但在大多数移动设备上,65个字符(如果显示的大小足以清晰可读)延伸到浏览器的边界之外。因此,对于移动设备,您不得不缩减量度。

在移动屏幕上没有普遍接受的行宽标准,但是传统上,报纸或杂志中的窄栏文字往往是39个字符。由于这种理想的行宽方法已经过几个世纪的测试,因此它可以很好地用于移动排版。

三、行距的宽松与紧凑

行距是行与行之间的空间,当设置得太紧时,使得跳跃从一条线的末端跳到下一条难以跟随的开始。当设置得太松散时,单词之间的间隙将开始排列,产生通常被称为河流的东西,从而中断线的平滑流动。

字体排版的7个准则,提高移动设备的可读性(原创)

理想的行距,不太紧,也不太松。

贵州快3开户行距的通常标准是大约1.4em,但是根据我的经验,对于屏幕来说太紧了——在屏幕上运行良好的字体的一个关键特征是大型计数器,大型计数器需要一些额外的导致维持空间层次结构。

扭转这一规则,较短的措施需要较少的行距。因此,虽然您可能会为桌面样式设置一个稍微宽松的领域,但请记住将其收紧以用于移动屏幕。

四、找到最佳点

贵州快3开户所有字体至少有一个甜点(最佳状态),它们在屏幕上最佳再现的大小的组合,以及浏览器中应用的抗锯齿的点尽可能少地扭曲字体的设计。

最佳状态通常是大多数笔画与像素网格对齐的点——像素字体,如果你还记得那些,只有当它们的最佳位置才有效。

将字体设置为最佳点会产生更大的对比度。在设计移动设备时,对比度尤为重要,因为在您的巧妙照明设备实验室外可能会分散注意力。

您会发现对前导的微小调整将推动和拉动整个像素的线条。在我看来,对比度胜过移动屏幕,所以如果你不得不妥协导致保持整个像素的线条,那么这样做。