移动排版的7条简单规则

移动版式

这些都是 7条简单规则 在项目或客户项目中使用某种字体时应使用的字体,以便可以在手机上完美地看到它。

给空间

影响行流的额外层次结构

有一个 影响行流的额外层次结构 或段落,关于 空间层次换句话说,字母之间的间隔小于单词之间的间隔,并且单词之间的间隔小于行之间的间隔。 为了从手机获得完美的可读性, 您应该注意空间层次,以及中的字符样式 单词,行和段落,这在自然光下更为重要。

得到测量

得到测量

通常,良好阅读的测量大约是 65个字符。 测量的物理长度 通常取决于字体的设计 以及跟踪以及您使用的文字。 奇怪的是,将65个字符扩展到了桌面浏览器的边缘,但是,几乎在所有手机上,这些字符 往往超出限制,因此有必要减少测量。

松开并拧紧

如果他们很自由地制作 单词之间的空格开始对齐,这引起了通常所说的“河流“。

监视器的传统标准约为1.4em,尽管据信 这对于屏幕来说非常紧,大字体计数器是在屏幕上正常工作的字体的关键特征。 他们需要更多空间 保持空间层次。

找到最美的地方

找到最美的地方

每个喷泉至少有一个甜蜜点, 它基本上是大小的组合 从屏幕上的角度出发,最好将其复制到屏幕上 抗锯齿 应用于浏览器的趋向于尽可能减少字体设计。

El 甜蜜点实际上,是大多数笔触倾向于与像素网格对齐的点。 通常,设计人员的标准方法是将 字体类型 使用基线网格,但是对于移动设备,您需要 使用高度“ X”代替,实际上是小写字母x的高度。

不要丢掉你的抹布

文本框的边框

抹布基本上是 文本框的边框; 通常,我们读取的内容与左侧对齐,从而导致右侧边距不均匀。 一旦眼睛从另一端以另一条直线跳到另一端,大脑就有机会更好地判断 下一跳的角度和距离,如果所有的跳跃动作都一致且间隔相同,则速度要快得多。 这就是为什么文本的左边缘必须始终保持平坦,从而使所有行都从完全相同的位置开始的原因。

当使用 合理文本 经常会产生不一致的空白。 合理文本的主要问题是它们使用短得多的长度,从而导致文本对于手机几乎不可读。

降低对比度

标题可能是文本正文大小的2甚至3倍

标头 它们可能是文本正文大小的2甚至3倍 为台式机而设计,之所以起作用,是因为屏幕内有太多文本。 但是,当涉及到移动设备时,并非所有文本都非常明显,并且 对比往往会被夸大.

调整跟踪规模

调整手机字体大小时,必须 考虑到后续行动中所需的更改,基本上是应用于字体中每个字符的字母间距。


发表您的评论

您的电子邮件地址将不会被发表。 必填字段标有 *

*

*

  1. 负责数据:MiguelÁngelGatón
  2. 数据用途:控制垃圾邮件,注释管理。
  3. 合法性:您的同意
  4. 数据通讯:除非有法律义务,否则不会将数据传达给第三方。
  5. 数据存储:Occentus Networks(EU)托管的数据库
  6. 权利:您可以随时限制,恢复和删除您的信息。